Spaces:
Running
Running
File size: 3,716 Bytes
abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 deeb796 abe9a93 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 |
# CV/Resume {#sec-chap_CV}
<!-- load dot lotti js code -->
<script src="https://unpkg.com/@dotlottie/[email protected]/dist/dotlottie-player.js"></script>
<!-- the riksha file is obtained through:https://lottiefiles.com/103030-rickshaw-from-pakistan
and https://lottiefiles.com/ranaadeelfarrukh -->
<dotlottie-player
id="lottie_Player_CV_Engl"
autoplay
loop
mode="bounce"
src="../7_Animation/Riksha.lottie"
style="width: 100%">
</dotlottie-player>
<dotlottie-player
id="lottie_Player_CV_Ger"
autoplay
loop
mode="bounce"
src="../7_Animation/Riksha.lottie"
style="width: 100%">
</dotlottie-player>
<style>
.pdf_Iframe_CV {
width: 100%;
height: 81vh;
/* border: 1px solid #ccc; */
/* have it hidden at the inital loading of this page */
display: none;
}
</style>
## CV in English
<iframe class="pdf_Iframe_CV" id="pdf_Iframe_Engl"></iframe>
---
<div style="margin-top: 5rem"></div>
---
## Lebenslauf auf Detusch
<iframe class="pdf_Iframe_CV" id="pdf_Iframe_Ger"></iframe>
<script>
// provide the urls from where the pdf CV can be downloaded - the english and german version
var url_CV_Engl = 'https://huggingface.co/spaces/JavedA/master_Thesis/resolve/main/Data/13_Additional_Data/CV_English.pdf';
var url_CV_German = 'https://huggingface.co/spaces/JavedA/master_Thesis/resolve/main/Data/13_Additional_Data/CV_German.pdf';
document.addEventListener('DOMContentLoaded', function() {
// Code to be executed after the DOM has been loaded
// load the english cv
openPdf(url_CV_Engl, 'pdf_Iframe_Engl', 'lottie_Player_CV_Engl');
// add some additonal infromation to the side
add_Side_Text();
// load the german cv
openPdf(url_CV_German, 'pdf_Iframe_Ger', 'lottie_Player_CV_Ger' );
});
/* ======================================================================== */
/* ================================ openPdf =============================== */
/* ======================================================================== */
// download the pdf using the url provided above
function openPdf(download_Url, chosen_Iframe, chosen_Lott_Player) {
fetch(download_Url)
.then(response => response.blob())
.then(blob => {
const blobUrl = URL.createObjectURL(blob);
const iframe = document.getElementById(chosen_Iframe);
// get lottify riksha
const loadingAnimation = document.getElementById(chosen_Lott_Player);
// Hide the loading animation
loadingAnimation.style.display = 'none';
iframe.style.display = "block";
iframe.src = blobUrl;
});
}
/* ========================================================================== */
/* ============================== add_Side_Text ============================= */
/* ========================================================================== */
function add_Side_Text(){
// get acceess to the right sidebar
var quartoMarginSidebar = document.getElementById("quarto-margin-sidebar");
var div_Info = document.createElement("div");
var p_Info = document.createElement("p");
p_Info.innerText ="The CV, is not the most up-to-date version, but it provide some valuable insight into my professional background, skillset, and experiences while having written the master thesis (referring to the written version, not the web version). \n\nI didn't feel comfortable sharing some of my personal data, so I replaced them with NaN. Engineers might encounter NaN when they get errors in their calculations. I found it amusing to use it in this context."
p_Info.style.color="#ecff80";
div_Info.appendChild(p_Info);
quartoMarginSidebar.appendChild(div_Info);
}
</script>
|