# Original PDF master thesis {#sec-chap_Orig_Master_PDF} <!-- 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_Master_Orig" autoplay loop mode="bounce" src="../7_Animation/Riksha.lottie" style="width: 100%"> </dotlottie-player> <style> #pdf_Iframe { width: 100%; height: 81vh; /* border: 1px solid #ccc; */ /* have it hidden at the inital loading of this page */ display: none; } </style> <iframe id="pdf_Iframe"></iframe> <script> document.addEventListener('DOMContentLoaded', function() { // Code to be executed after the DOM has been loaded openPdf(); add_Side_Text(); }); const url = 'https://huggingface.co/spaces/JavedA/master_Thesis/resolve/main/Data/11_True_Master/Master_Thesis_Javed_Butt.pdf'; // download the pdf using the url provided above function openPdf() { fetch(url) .then(response => response.blob()) .then(blob => { const blobUrl = URL.createObjectURL(blob); const iframe = document.getElementById('pdf_Iframe'); // get lottify riksha const loadingAnimation = document.getElementById('lottie_Player_Master_Orig'); // 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 ="This is the PDF that was submitted to the TU-Braunschweig. Feel free to have a look at it here or download it." p_Info.style.color="#ecff80"; div_Info.appendChild(p_Info); quartoMarginSidebar.appendChild(div_Info); } </script>