working v_2

Data/12_Each_Page/right_Nav.qmd

@@ -51,6 +51,11 @@ const aElement = document.createElement('a');
 // Set the href attribute of the <a> element
 aElement.href = 'https://discord.gg/EEsXp39DaA';
 aElement.id = 'feedback_A';
+
+// open link in a new tab
+aElement.setAttribute("target","_blank");
+aElement.setAttribute("rel", "noopener noreferrer");
+
 button_Elem.id = 'feedback_Button';
 
 // button_Elem.setAttribute("aria-describedby","popper_Tooltip_Gen");

README.md

@@ -1,23 +0,0 @@
-# Overview
-This is the web verison of my master thesis - the title of the master thesis is: Flow predictions using control-oriented cluster-based network modeling.
-The used license is: [![Hippocratic License HL3-BDS-CL-ECO-EXTR-MEDIA-MIL-SV-XUAR](https://img.shields.io/static/v1?label=Hippocratic%20License&message=HL3-BDS-CL-ECO-EXTR-MEDIA-MIL-SV-XUAR&labelColor=5e2751&color=bc8c3d)](https://firstdonoharm.dev/version/3/0/bds-cl-eco-extr-media-mil-sv-xuar.html)
-
-
-# Abstract 
-
-In this master thesis, a data-driven modeling technique is proposed. 
-It enables making predictions for general dynamic systems for unknown model parameter values or operating conditions.
-The tool is denoted as \gls{cnmc}.
-The most recent developed version delivered promising results for the chaotic Lorenz system [@lorenz1963deterministic].
-Since, the earlier work was restricted to the application of only one dynamical system, with this contribution the first major improvement was to allow \gls{cnmc} to be utilized for any general dynamical system. 
-For this, \gls{cnmc} was written from scratch in a modular manner. 
-The limitation of the number of the dimension and the shape of the trajectory of the dynamical systems are removed.
-Adding a new dynamic system was designed such that it should be as straightforward as possible. 
-To affirm this point, 10 dynamic systems, most of which are chaotic systems, are included by default. 
-To be able to run \gls{cnmc} on arbitrary dynamic systems in an automated way, a parameter study for the modal decomposition method \gls{nmf} was implemented.
-However, since a single \gls{nmf} solution took up to hours, a second option was added, i.e., \gls{svd}. 
-With \gls{svd} the most time-consuming task could be brought to a level of seconds.
-The improvements introduced, allow \gls{cnmc} to be executed on a general dynamic system on a normal computer in a reasonable time. 
-Furthermore, \gls{cnmc} comes with its integrated post-processor in form of HTML files to inspect the generated plots in detail.
-All the parameters used in \gls{cnmc} some additional beneficial features can be controlled via one settings file. 
-

Web_Code/Js/lotti_Sidebar_Anim.js

@@ -3,74 +3,76 @@
 /* ========================================================================== */
 function complete_Check(second_Anim){
     
-    console.log("I was found complete_Check ")
+  console.log("I was found complete_Check ")
 
-    var rocket_Name = "rocket_Orange.lottie";
-    var aircraft_Name = "airplane.lottie";
+  var rocket_Name = "rocket_Orange.lottie";
+  var aircraft_Name = "airplane.lottie";
 
-    player.addEventListener('complete',()=> {
+  player.addEventListener('complete',()=> {
 
-        // first animation has completed
-        if(!second_Anim){
+      // first animation has completed
+      if(!second_Anim){
 
-            console.log("first animation has completed");
+          console.log("first animation has completed");
 
-            // the animation must be stopped, such that it can be played again
-            //player.currentState  = playing --> stop it, to rerun it
-            player.stop();
-        
-            // load the second animation -> can be played when eventListender('ready') is called
+          // the animation must be stopped, such that it can be played again
+          //player.currentState  = playing --> stop it, to rerun it
+          player.stop();
+      
+          // load the second animation -> can be played when eventListender('ready') is called
 
-            var path_0 = `../../../7_Animation/${rocket_Name}`;
-            var path_1 = `../../7_Animation/${rocket_Name}`;
-            var path_2 = `/Data/7_Animation/${rocket_Name}`;
+          var path_0 = `../../../7_Animation/${rocket_Name}`;
+          var path_1 = `../../7_Animation/${rocket_Name}`;
+          var path_2 = `../7_Animation/${rocket_Name}`;
+          var path_3 = `Data/7_Animation/${rocket_Name}`;
 
-            // check which file path is valid, use the valid one and load the player
-            loadFileWithFallback(path_0, path_1, path_2, player);
+          // check which file path is valid, use the valid one and load the player
+          loadFileWithFallback(path_0, path_1, path_2, path_3, player);
 
-            // let the system know second anim is loaded
-            second_Anim = true;
+          // let the system know second anim is loaded
+          second_Anim = true;
 
-            // playing the second animation directy does not make sense, since it takes some time to fetch the data from the net, then it must be loaded (postprocessed) --> it takes some time till the animation ready to be played --> use ready ewventListener
-            // play the second anim
-            // player.play();
-            // console.log(`the current state is: ${player.currentState}`)
-            }
+          // playing the second animation directy does not make sense, since it takes some time to fetch the data from the net, then it must be loaded (postprocessed) --> it takes some time till the animation ready to be played --> use ready ewventListener
+          // play the second anim
+          // player.play();
+          // console.log(`the current state is: ${player.currentState}`)
+          }
 
-        // second animation has completed
-        else {
-            
-            console.log("second animation completed");
+      // second animation has completed
+      else {
+          
+          console.log("second animation completed");
 
-            // load back the first animation
-            var path_0 = `../../../7_Animation/${aircraft_Name}`;
-            var path_1 = `../../7_Animation/${aircraft_Name}`;
-            var path_2 = `/Data/7_Animation/${aircraft_Name}`;
+          // load back the first animation
+          var path_0 = `../../../7_Animation/${aircraft_Name}`;
+          var path_1 = `../../7_Animation/${aircraft_Name}`;
+          var path_2 = `../7_Animation/${aircraft_Name}`;
+          var path_3 = `Data/7_Animation/${aircraft_Name}`;
 
-            // check which file path is valid, use the valid one and load the player
-            loadFileWithFallback(path_0, path_1, path_2, player);
+          // check which file path is valid, use the valid one and load the player
+          loadFileWithFallback(path_0, path_1, path_2, path_3, player);
 
-            // let the system know first anim is loaded
-            second_Anim = false;
+          // let the system know first anim is loaded
+          second_Anim = false;
 
-            // stop the animation, such that the first animation can be played again if anim is clicked on
-            player.stop();
+          // stop the animation, such that the first animation can be played again if anim is clicked on
+          player.stop();
 
-            } 
-    });
+          } 
+  });
 
 
 
-    // Add an event listener for the 'ready' event --> is executed when player.load(.lotti or .json-file) compledted and ready for beeing played
-    player.addEventListener('ready', () => {
+  // Add an event listener for the 'ready' event --> is executed when player.load(.lotti or .json-file) compledted and ready for beeing played
+  player.addEventListener('ready', () => {
 
-        // play the second animation when it's loaded and ready for it
-        if (second_Anim){
-        
-            player.play();
-        
-        }
-    });
+      // play the second animation when it's loaded and ready for it
+      if (second_Anim){
+      
+          player.play();
+      
+      }
+  });
 }
 
 
@@ -78,63 +80,76 @@ function complete_Check(second_Anim){
 /* ========================== loadFileWithFallback ========================== */
 /* ========================================================================== */
 function loadFileWithFallback(  primaryPath, 
-                                fallbackPath,
-                                path_2,
-                                player) {
-
-
-    // gets two paths --> check which one is valid. Use the valid one to load the player
-    fetch(primaryPath)
-      .then((response) => {
-
-        // no reading here, only checking metadta
-        if (response.ok) {
-
-          // If the primary file is found, use it
-          console.log("returning: ", primaryPath);
-          player.load(primaryPath);
-
-        // also possible to read the content directy
-        //   return response.text();
-        } 
-        
-        else {
-          // If the primary file is not found, try the fallback path
-          return fetch(fallbackPath).then((fallbackResponse) => {
-            if (fallbackResponse.ok) {
-            
-            console.log("returning: ", fallbackPath);
-            player.load(fallbackPath);
-
-            } 
-            
-            else {
+                              fallbackPath,
+                              path_2,
+                              path_3,
+                              player) {
+
+
+  // gets two paths --> check which one is valid. Use the valid one to load the player
+  fetch(primaryPath)
+    .then((response) => {
+
+      // no reading here, only checking metadta
+      if (response.ok) {
+
+        // If the primary file is found, use it
+        console.log("returning: ", primaryPath);
+        player.load(primaryPath);
+
+      // also possible to read the content directy
+      //   return response.text();
+      } 
+      
+      else {
+        // If the primary file is not found, try the fallback path
+        return fetch(fallbackPath).then((fallbackResponse) => {
+          if (fallbackResponse.ok) {
+          
+          console.log("returning: ", fallbackPath);
+          player.load(fallbackPath);
+
+          } 
+          
+          else {
+            // If both primary and fallback files not found, try path_2
+            return fetch(path_2).then((path2Response) => {
+              if (path2Response.ok) {
+
+                console.log("returning: ", path_2);
+                player.load(path_2);
+
+              }
+
+              else {
+
               // If both primary and fallback files not found, try path_2
-              return fetch(path_2).then((path2Response) => {
-                if (path2Response.ok) {
+              return fetch(path_3).then((path3Response) => {
+                if (path3Response.ok) {
 
-                  console.log("returning: ", path_2);
-                  player.load(path_2);
+                  console.log("returning: ", path_3);
+                  player.load(path_3);
 
                 }
 
-                else {
-                  throw new Error('Primary, fallback, and path_2 files not found');
+                else{
+                  throw new Error('Primary, fallback, path_2 and path_3 files not found');
                 }
-
+                
               });
-            }
+              
+              }
 
 
           });
 
 
+        }
 
+      });
+    }
 
+});
+                              }
 
-        }
-      })
-
-  }
 
-