JavedA commited on
Commit
deeb796
1 Parent(s): abe9a93

updated cv version_1

Browse files
Data/13_Additional_Data/CV_English.pdf CHANGED
@@ -1,3 +1,3 @@
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:5ec779ecacf0e260cebc18c201edf78965ccd860d24b269bd47bf4c206859a6a
3
- size 314858
 
1
  version https://git-lfs.github.com/spec/v1
2
+ oid sha256:a544e5340c07dd2d709773b7ff31d09ea854322ca68196e77a0e4feb7a32fa1d
3
+ size 314935
Data/13_Additional_Data/CV_German.pdf CHANGED
@@ -1,3 +1,3 @@
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:60617a7207ca7c8ed70491b5592f7c0ba4e4d22fb7535364aad1493c343661a1
3
- size 323763
 
1
  version https://git-lfs.github.com/spec/v1
2
+ oid sha256:0385ff0e8d0b36ce60732862cc051e8f677cd10c103340295aaebd73022f408c
3
+ size 323501
Data/8_Add_2_Master/1_Master_Orig.qmd CHANGED
@@ -33,7 +33,7 @@ and https://lottiefiles.com/ranaadeelfarrukh -->
33
  document.addEventListener('DOMContentLoaded', function() {
34
  // Code to be executed after the DOM has been loaded
35
  openPdf();
36
- test_1();
37
  });
38
 
39
  const url = 'https://huggingface.co/spaces/JavedA/master_Thesis/resolve/main/Data/11_True_Master/Master_Thesis_Javed_Butt.pdf';
@@ -60,8 +60,10 @@ and https://lottiefiles.com/ranaadeelfarrukh -->
60
  }
61
 
62
 
63
- function test_1(){
64
- console.log("here I am");
 
 
65
 
66
  // get acceess to the right sidebar
67
  var quartoMarginSidebar = document.getElementById("quarto-margin-sidebar");
@@ -69,8 +71,6 @@ var quartoMarginSidebar = document.getElementById("quarto-margin-sidebar");
69
  var div_Info = document.createElement("div");
70
  var p_Info = document.createElement("p");
71
 
72
- div_Info.setAttribute("class","no_Test");
73
-
74
  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."
75
 
76
  p_Info.style.color="#ecff80";
 
33
  document.addEventListener('DOMContentLoaded', function() {
34
  // Code to be executed after the DOM has been loaded
35
  openPdf();
36
+ add_Side_Text();
37
  });
38
 
39
  const url = 'https://huggingface.co/spaces/JavedA/master_Thesis/resolve/main/Data/11_True_Master/Master_Thesis_Javed_Butt.pdf';
 
60
  }
61
 
62
 
63
+ /* ========================================================================== */
64
+ /* ============================== add_Side_Text ============================= */
65
+ /* ========================================================================== */
66
+ function add_Side_Text(){
67
 
68
  // get acceess to the right sidebar
69
  var quartoMarginSidebar = document.getElementById("quarto-margin-sidebar");
 
71
  var div_Info = document.createElement("div");
72
  var p_Info = document.createElement("p");
73
 
 
 
74
  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."
75
 
76
  p_Info.style.color="#ecff80";
Data/8_Add_2_Master/3_CV.qmd CHANGED
@@ -6,7 +6,16 @@
6
  <!-- the riksha file is obtained through:https://lottiefiles.com/103030-rickshaw-from-pakistan
7
  and https://lottiefiles.com/ranaadeelfarrukh -->
8
  <dotlottie-player
9
- id="lottie_Player_Master_Orig"
 
 
 
 
 
 
 
 
 
10
  autoplay
11
  loop
12
  mode="bounce"
@@ -15,7 +24,7 @@ and https://lottiefiles.com/ranaadeelfarrukh -->
15
  </dotlottie-player>
16
 
17
  <style>
18
- #pdf_Iframe {
19
  width: 100%;
20
  height: 81vh;
21
  /* border: 1px solid #ccc; */
@@ -26,52 +35,73 @@ and https://lottiefiles.com/ranaadeelfarrukh -->
26
 
27
  </style>
28
 
29
- <iframe id="pdf_Iframe"></iframe>
 
 
 
 
 
 
 
 
 
 
30
 
31
  <script>
 
 
 
 
32
 
33
- document.addEventListener('DOMContentLoaded', function() {
34
- // Code to be executed after the DOM has been loaded
35
- openPdf();
36
- test_1();
37
- });
38
 
39
- const url = 'https://huggingface.co/spaces/JavedA/master_Thesis/resolve/main/Data/11_True_Master/Master_Thesis_Javed_Butt.pdf';
 
40
 
41
- // download the pdf using the url provided above
42
- function openPdf() {
43
- fetch(url)
44
- .then(response => response.blob())
45
- .then(blob => {
46
- const blobUrl = URL.createObjectURL(blob);
47
- const iframe = document.getElementById('pdf_Iframe');
48
 
49
- // get lottify riksha
50
- const loadingAnimation = document.getElementById('lottie_Player_Master_Orig');
 
51
 
52
- // Hide the loading animation
53
- loadingAnimation.style.display = 'none';
54
 
 
 
 
 
 
 
 
 
 
 
55
 
56
- iframe.style.display = "block";
57
- iframe.src = blobUrl;
58
 
59
- });
60
- }
 
 
 
61
 
 
 
62
 
63
- function test_1(){
64
- console.log("here I am");
65
 
 
 
 
 
66
  // get acceess to the right sidebar
67
  var quartoMarginSidebar = document.getElementById("quarto-margin-sidebar");
68
 
69
  var div_Info = document.createElement("div");
70
  var p_Info = document.createElement("p");
71
 
72
- div_Info.setAttribute("class","no_Test");
73
-
74
- 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."
75
 
76
  p_Info.style.color="#ecff80";
77
 
 
6
  <!-- the riksha file is obtained through:https://lottiefiles.com/103030-rickshaw-from-pakistan
7
  and https://lottiefiles.com/ranaadeelfarrukh -->
8
  <dotlottie-player
9
+ id="lottie_Player_CV_Engl"
10
+ autoplay
11
+ loop
12
+ mode="bounce"
13
+ src="../7_Animation/Riksha.lottie"
14
+ style="width: 100%">
15
+ </dotlottie-player>
16
+
17
+ <dotlottie-player
18
+ id="lottie_Player_CV_Ger"
19
  autoplay
20
  loop
21
  mode="bounce"
 
24
  </dotlottie-player>
25
 
26
  <style>
27
+ .pdf_Iframe_CV {
28
  width: 100%;
29
  height: 81vh;
30
  /* border: 1px solid #ccc; */
 
35
 
36
  </style>
37
 
38
+ ## CV in English
39
+ <iframe class="pdf_Iframe_CV" id="pdf_Iframe_Engl"></iframe>
40
+
41
+ ---
42
+
43
+ <div style="margin-top: 5rem"></div>
44
+
45
+ ---
46
+
47
+ ## Lebenslauf auf Detusch
48
+ <iframe class="pdf_Iframe_CV" id="pdf_Iframe_Ger"></iframe>
49
 
50
  <script>
51
+
52
+ // provide the urls from where the pdf CV can be downloaded - the english and german version
53
+ var url_CV_Engl = 'https://huggingface.co/spaces/JavedA/master_Thesis/resolve/main/Data/13_Additional_Data/CV_English.pdf';
54
+ var url_CV_German = 'https://huggingface.co/spaces/JavedA/master_Thesis/resolve/main/Data/13_Additional_Data/CV_German.pdf';
55
 
56
+ document.addEventListener('DOMContentLoaded', function() {
57
+ // Code to be executed after the DOM has been loaded
 
 
 
58
 
59
+ // load the english cv
60
+ openPdf(url_CV_Engl, 'pdf_Iframe_Engl', 'lottie_Player_CV_Engl');
61
 
62
+ // add some additonal infromation to the side
63
+ add_Side_Text();
 
 
 
 
 
64
 
65
+ // load the german cv
66
+ openPdf(url_CV_German, 'pdf_Iframe_Ger', 'lottie_Player_CV_Ger' );
67
+ });
68
 
 
 
69
 
70
+ /* ======================================================================== */
71
+ /* ================================ openPdf =============================== */
72
+ /* ======================================================================== */
73
+ // download the pdf using the url provided above
74
+ function openPdf(download_Url, chosen_Iframe, chosen_Lott_Player) {
75
+ fetch(download_Url)
76
+ .then(response => response.blob())
77
+ .then(blob => {
78
+ const blobUrl = URL.createObjectURL(blob);
79
+ const iframe = document.getElementById(chosen_Iframe);
80
 
81
+ // get lottify riksha
82
+ const loadingAnimation = document.getElementById(chosen_Lott_Player);
83
 
84
+ // Hide the loading animation
85
+ loadingAnimation.style.display = 'none';
86
+
87
+ iframe.style.display = "block";
88
+ iframe.src = blobUrl;
89
 
90
+ });
91
+ }
92
 
 
 
93
 
94
+ /* ========================================================================== */
95
+ /* ============================== add_Side_Text ============================= */
96
+ /* ========================================================================== */
97
+ function add_Side_Text(){
98
  // get acceess to the right sidebar
99
  var quartoMarginSidebar = document.getElementById("quarto-margin-sidebar");
100
 
101
  var div_Info = document.createElement("div");
102
  var p_Info = document.createElement("p");
103
 
104
+ 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."
 
 
105
 
106
  p_Info.style.color="#ecff80";
107