# CV/Resume  {#sec-chap_CV}

<!-- load dot lotti js code -->
<script src="https://unpkg.com/@dotlottie/player-component@1.0.0/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>