added new images and islamic date for publishing

Data/12_Each_Page/right_Nav copy.qmd

@@ -1,122 +0,0 @@
-
-
-<script>
-console.log("Right Nav script is found and activated");
-</script>
-
-
-<div id="popper_Tooltip_Gen">
-    Feel free to share your thoughts 
-<div id="pop_Arrow_Gen" data-popper-arrow></div>
-</div>
-
-<!-- Production version -->
-<script src="https://unpkg.com/@popperjs/core@2"></script>
-
-<!-- load external javascript-code -->
-<!--these loads is required since the path from where the access to the scripts happens varies-->
-<script src="/Web_Code/Js/lotti_Sidebar_Anim.js"></script>
-
-<script src="/Web_Code/Js/popper_Tooltip_General.js"></script>
-
-<!-- documentation: https://docs.lottiefiles.com/dotlottie-player/ -->
-<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.js"></script>
-
-<dotlottie-player 
-id="lotti_Anim_Each_Page"
-mode="normal" 
-style="max-height:15rem"
-background="transparent"
-speed="1"
-> 
-</dotlottie-player>
-
-<script>
-// get acceess to the right sidebar
-const quartoMarginSidebar = document.getElementById("quarto-margin-sidebar");
-
-// generate a place where the lotti animation shall be placed
-const player = document.getElementById('lotti_Anim_Each_Page');
-
-// take it from the previous position an move it to the new posistion --> removed prom previous DOM pos
-quartoMarginSidebar.insertBefore(player, quartoMarginSidebar.firstChild);
-
-
-/* --------------------------- get Feedback <p><a> -------------------------- */
-// Create a new <p> element
-const button_Elem = document.createElement('button');
-
-// Create a new <a> element
-const aElement = document.createElement('a');
-
-// Set the href attribute of the <a> element
-aElement.href = 'https://discord.gg/EEsXp39DaA';
-aElement.id = 'feedback_A';
-button_Elem.id = 'feedback_Button';
-
-// button_Elem.setAttribute("aria-describedby","popper_Tooltip_Gen");
-// aElement.setAttribute("aria-describedby","popper_Tooltip_Gen");
-
-// Set the text content of the <a> element
-const linkText = document.createElement('span');
-linkText.textContent = 'Share your thoughts';
-
-// Create a new SVG element
-const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-svgElement.setAttribute('viewBox', '0 0 512 512'); // set the viewBox attribute to define the SVG size
-svgElement.setAttribute('class', 'ionicon'); // set the class attribute to apply any CSS styles
-svgElement.setAttribute('width', '2rem'); // set the width attribute to scale the SVG
-svgElement.setAttribute('height', '2rem'); // set the height attribute to scale the SVG
-
-// Set the content of the SVG element to the contents of the SVG file
-svgElement.innerHTML = `<!-- see https://ionic.io/ionicons/
-see <ion-icon name="chatbox-ellipses-outline"></ion-icon> -->
-<path d="M408 64H104a56.16 56.16 0 00-56 56v192a56.16 56.16 0 0056 56h40v80l93.72-78.14a8 8 0 015.13-1.86H408a56.16 56.16 0 0056-56V120a56.16 56.16 0 00-56-56z" fill="none" stroke="#ecff7f" stroke-linejoin="round" stroke-width="32" />
-<circle cx="160" cy="216" r="32" fill="#ecff7f" />
-<circle cx="256" cy="216" r="32" fill="#ecff7f" />
-<circle cx="352" cy="216" r="32" fill="#ecff7f" />`;
-
-
-// Append the SVG element to the <a> element
-aElement.appendChild(linkText);
-aElement.appendChild(svgElement);
-
-// Append the <a> element to the <p> element
-button_Elem.appendChild(aElement);
-quartoMarginSidebar.insertBefore(button_Elem, player.nextSibling);
-
-// see: https://lottiefiles.com/129292-aeroplane-flying?lang=de 
-player.load('https://assets3.lottiefiles.com/packages/lf20_FsI2nYFYMo.json');
-player.loop = false;
-
-var second_Anim = false;
-
-// Add event listener for click event
-player.addEventListener('click', () => {
-    player.play();
-    complete_Check(second_Anim);
-
-});
-
-
-const popcorn = document.querySelector('#feedback_Button');
-const tooltip = document.querySelector('#popper_Tooltip_Gen');
-
-const popperInstance = Popper.createPopper(popcorn, tooltip, {
-placement: 'top',
-modifiers: [
-    {
-        name: 'offset',
-    options: {
-        offset: [0, 8],
-    },
-    },
-],
-});
-
-run_Pop(popcorn);
-
-</script>
-
-
-

Data/8_Add_2_Master/2_About_Author.qmd

@@ -1,9 +1,5 @@
 # About the author  
  
-
-
-::: {layout-ncol=2}
-
 Asalamualeikum to all muslims and hello to my non muslim readers. 
 In this section, I would like to share you some information about me.
 I think the best way to do that is by answering some carefully selected questions.
@@ -12,66 +8,9 @@ Since fact listing gives a fast overview about one's experience, I will, inshall
 The CV is not the most up-to-date one, but it still provides useful information about my competencies.
 
 
-![Picture of the author](../13_Additional_Data/0_Images/0.png){#fig_Exclude}
-:::
-
-<style>
-.img-fluid{
-  background-color: transparent;
-}
-#fig_Exclude p{
-    /* your style rules for all figures except the one with id "exclude" */
- text-align: center;
-  }
- 
-</style>
-
-:::{.callout-note collapse='true'}
-### What was the purpose of uploading this thesis as a webpage?
-This is a very good question - and I believe I have a lot of answers to that.
-Basically, it shall serve as a part of the basis for my plans in the future.
-Since, at the moment, I do not know if and how many of the future plans I am going to be able to tackle - maybe I'll give you an answer which is valid for the present time.\newline
-
-The content of my master thesis can be considered to some degree as a proof of my engineering skills.
-You might interject and say, "You have a certificate with a master's degree on it.
-Should this not suffice as some proof of your aerospace knowledge?"
-Yes, sure, but still, the work is now online and everyone should easily be able to have a look at it.
-In this way, if anybody has interest in my aviation expertise, they could just open a link and have a glance at what I did for my master thesis.
-They are not mandated to contact me to arrange an appointment with me.
-They can access it faster and with less effort.
-My master's degree certificate is not available online (at least not while I am writing this).
-Also, I agree that this thesis only points in the direction of my competence.
-So, anybody with a professional intention cannot circumvent the need for an appointment, but still, there are two points to make.
-First, any regular person can read it.
-Second, the human resources department gets some initial information about me and can decide on the further progress more easily.\newline 
-
-
-Besides showing some machine learning skills with my master thesis, by having provided this thesis as a webpage, skills in some other highly sought-after domains are shown.
-So, from what you can see, for creating this webpage, I at least must have used HTML, CSS, and JavaScript.
-Obviously, there is much more than that, but let us stick to the things that can be inferred from the visible part.
-The design... come on, it looks great, right? I mean, sure, it could be better, but still, it looks quite fancy.
-Highlighting the animations, the design, and the interactivity does not take away from the readability and the easy access to, e.g., the references, equations, and citations.
-Even though more could be said about the process of getting from LaTeX to this webpage, including deploying it on a server, let us wrap it up.
-
-With this online presentation of my master thesis, people can easily have a look at what I did for my master thesis.
-Imagine applying for a job position; the CV could be supported by this webpage.
-Finally, this small work here is intended to be just a basis for something bigger (which might or might not happen).
-:::
-
-:::{.callout-note collapse='true'}
-### Okay, now, let us speak about important things, your beard?
-Sure, I get it, you look at me and think, "Wow, I want to know him personally." No, sorry, just kidding. I know it might seem strange to people who have grown up in the West in the 21st century to see men with beards.
-
-Let me tell you a little background story. I myself did not want to wear a beard for a very long time, I found it unattractive and unkempt. However, my wife informed me one day that she thought beards were beautiful. I asked her if I should give it a try. She was pleased, and so my journey with the beard began.
-
-During this time, I began to find great pleasure in wearing my beard. Unfortunately, one day she asked me to remove my beard. Of course, I didn't want to take it off anymore. Long story short, sometimes I look like in the first image above, and sometimes as in the others shown below.
-
----
-
 <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
 <div class="carousel-indicators">
 <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-
 <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
 <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
 <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
@@ -79,10 +18,15 @@ During this time, I began to find great pleasure in wearing my beard. Unfortunat
 <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5" aria-label="Slide 6"></button>
 <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="6" aria-label="Slide 7"></button>
 <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="7" aria-label="Slide 8"></button>
+<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="8" aria-label="Slide 9"></button>
+<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="9" aria-label="Slide 10"></button>
+<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="10" aria-label="Slide 11"></button>
+<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="11" aria-label="Slide 12"></button>
 </div>
+
 <div class="carousel-inner">
 <div class="carousel-item active">
-  <img src="../13_Additional_Data/0_Images/4.jpg" class="d-block w-100" alt="Image not found">
+  <img src="../13_Additional_Data/0_Images/1.jpg" class="d-block w-100" alt="Image not found">
 </div>
 <div class="carousel-item">
   <img src="../13_Additional_Data/0_Images/2.jpg" class="d-block w-100" alt="Image not found">
@@ -91,7 +35,10 @@ During this time, I began to find great pleasure in wearing my beard. Unfortunat
   <img src="../13_Additional_Data/0_Images/3.jpg" class="d-block w-100" alt="Image not found">
 </div>
 <div class="carousel-item">
-  <img src="../13_Additional_Data/0_Images/1.jpg" class="d-block w-100" alt="Image not found">
+  <img src="../13_Additional_Data/0_Images/0.jpg" class="d-block w-100" alt="Image not found">
+</div>
+<div class="carousel-item">
+  <img src="../13_Additional_Data/0_Images/4.jpg" class="d-block w-100" alt="Image not found">
 </div>
 <div class="carousel-item">
   <img src="../13_Additional_Data/0_Images/5.jpg" class="d-block w-100" alt="Image not found">
@@ -105,6 +52,15 @@ During this time, I began to find great pleasure in wearing my beard. Unfortunat
 <div class="carousel-item">
   <img src="../13_Additional_Data/0_Images/8.jpg" class="d-block w-100" alt="Image not found">
 </div>
+<div class="carousel-item">
+  <img src="../13_Additional_Data/0_Images/9.jpg" class="d-block w-100" alt="Image not found">
+</div>
+<div class="carousel-item">
+  <img src="../13_Additional_Data/0_Images/10.jpg" class="d-block w-100" alt="Image not found">
+</div>
+<div class="carousel-item">
+  <img src="../13_Additional_Data/0_Images/11.jpg" class="d-block w-100" alt="Image not found">
+</div>
 </div>
 
 <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
@@ -142,12 +98,83 @@ During this time, I began to find great pleasure in wearing my beard. Unfortunat
 <span class="visually-hidden">Next</span>
 </button>
 
+<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
+<span class="carousel-control-next-icon" aria-hidden="true"></span>
+<span class="visually-hidden">Next</span>
+</button>
+
+<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
+<span class="carousel-control-next-icon" aria-hidden="true"></span>
+<span class="visually-hidden">Next</span>
+</button>
+
+<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
+<span class="carousel-control-next-icon" aria-hidden="true"></span>
+<span class="visually-hidden">Next</span>
+</button>
+
+<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
+<span class="carousel-control-next-icon" aria-hidden="true"></span>
+<span class="visually-hidden">Next</span>
+</button>
+
 <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
 <span class="carousel-control-next-icon" aria-hidden="true"></span>
 <span class="visually-hidden">Next</span>
 </button>
 </div>
 
+
+<style>
+.img-fluid{
+  background-color: transparent;
+}
+#fig_Exclude p{
+    /* your style rules for all figures except the one with id "exclude" */
+ text-align: center;
+  }
+ 
+</style>
+
+:::{.callout-note collapse='true'}
+### What was the purpose of uploading this thesis as a webpage?
+This is a very good question - and I believe I have a lot of answers to that.
+Basically, it shall serve as a part of the basis for my plans in the future.
+Since, at the moment, I do not know if and how many of the future plans I am going to be able to tackle - maybe I'll give you an answer which is valid for the present time.\newline
+
+The content of my master thesis can be considered to some degree as a proof of my engineering skills.
+You might interject and say, "You have a certificate with a master's degree on it.
+Should this not suffice as some proof of your aerospace knowledge?"
+Yes, sure, but still, the work is now online and everyone should easily be able to have a look at it.
+In this way, if anybody has interest in my aviation expertise, they could just open a link and have a glance at what I did for my master thesis.
+They are not mandated to contact me to arrange an appointment with me.
+They can access it faster and with less effort.
+My master's degree certificate is not available online (at least not while I am writing this).
+Also, I agree that this thesis only points in the direction of my competence.
+So, anybody with a professional intention cannot circumvent the need for an appointment, but still, there are two points to make.
+First, any regular person can read it.
+Second, the human resources department gets some initial information about me and can decide on the further progress more easily.\newline 
+
+
+Besides showing some machine learning skills with my master thesis, by having provided this thesis as a webpage, skills in some other highly sought-after domains are shown.
+So, from what you can see, for creating this webpage, I at least must have used HTML, CSS, and JavaScript.
+Obviously, there is much more than that, but let us stick to the things that can be inferred from the visible part.
+The design... come on, it looks great, right? I mean, sure, it could be better, but still, it looks quite fancy.
+Highlighting the animations, the design, and the interactivity does not take away from the readability and the easy access to, e.g., the references, equations, and citations.
+Even though more could be said about the process of getting from LaTeX to this webpage, including deploying it on a server, let us wrap it up.
+
+With this online presentation of my master thesis, people can easily have a look at what I did for my master thesis.
+Imagine applying for a job position; the CV could be supported by this webpage.
+Finally, this small work here is intended to be just a basis for something bigger (which might or might not happen).
+:::
+
+:::{.callout-note collapse='true'}
+### Okay, now, let us speak about important things, your beard?
+Sure, I get it, you look at me and think, "Wow, I want to know him personally." No, sorry, just kidding. I know it might seem strange to people who have grown up in the West in the 21st century to see men with beards.
+
+Let me tell you a little background story. I myself did not want to wear a beard for a very long time, I found it unattractive and unkempt. However, my wife informed me one day that she thought beards were beautiful. I asked her if I should give it a try. She was pleased, and so my journey with the beard began.
+
+During this time, I began to find great pleasure in wearing my beard. Unfortunately, one day she asked me to remove my beard. Of course, I didn't want to take it off anymore. However, I guess we can all imagine how the story ended.
 :::
 
 :::{.callout-note collapse='true'}
@@ -259,7 +286,7 @@ Since the content of the thesis should show some aspect of my work, the answered
 :::
 
 :::{.callout-note collapse='true'}
-### Which profession are you following currently?
+### Which profession are you following currently (08.05.2023)?
 I am a research assistant at TU Dresden in Germany and am working on a project there. The aim is to do initial work on a hydrogen-powered aircraft. The innovative element of this aircraft is that the CFRP (Carbon Fiber Reinforced Polymer) high-pressure hydrogen tanks are located in the wing and absorb external forces. In addition, the tanks are an integral part of the structure. That is, the tanks are not placed inside the wing after the wing is manufactured, but they are part of the wing.
 :::
 
@@ -278,13 +305,15 @@ This would be the microscopic view.
 Now, if we zoom a little bit out, we could also consider the previous and the next Ayats.
 Within this context, we might find other lessons highlighted or the already assumed strengthen.
 Sometimes, I was  not able understand one single Ayat without the context.
-However, that's maybe only me.
+However, that's maybe only me.\newline 
+
 Next, we could link one Ayat at the beginning to one Ayat at the end of one Surah.
 Within one single Surah, we could  try all kinds of  Ayat structures, e.g., the last with the first, the second with the second last, the third with the third last and so on, which is called symmetry.
 Another method of finding structure could be linking every 3 Ayats, i.e., read the Ayats 3,6,9,12... and see what you can find out of this.
 Maybe you think, why would someone do this?
 You would be surprised how many layers this book has in its structure tresor. Not only the individual Ayats invite to think but also the interwoven structure of one single Surah does it.
-You could also search for chapters within a Surah. A chapter is defined by a similar topic, e.g., how to be a good father, how to treat people that have less than me.
+You could also search for chapters within a Surah. A chapter is defined by a similar topic, e.g., how to be a good father, how to treat people that have less than me.\newline 
+
 It is also possible to link one Ayat from one Surah to another Ayat of another Surah.
 There are a lot of possibilities to link the lessons from the Quran with each other.
 Each lesson obtained from a single Ayat could be considered as a single building.

index.qmd

@@ -46,6 +46,10 @@ function hide_Riksha() {
 window.addEventListener("load", function() {
     console.log("whole page has loaded");
 
+    // correct date
+    para_Date = document.querySelector(".date");
+    para_Date.textContent += " - Shawwal 17, 1444";
+
     // create and insert iframe
     const content = document.getElementById("iframe_Tornado");
     const iframe = createIframe();