pdf_tex --> to simple svg that aready contains latex formated text. The tool is called textex, which is a inkscape extension

Data/1_Writing/1_Task/1_Introduction.qmd

@@ -17,4 +17,4 @@ quickly decide visually whether the prediction matches the trained data. Since \
 a black-box function, it can easily be integrated into other existing codes or 
 workflows. \newline
 
-![Broad overview: Workflow of \gls{cnmc}](../../3_Figs_Pyth/1_Task/1_CNMc.svg){#fig-fig_1_CNMC_Workflow}
+![Broad overview: Workflow of \gls{cnmc}](../../3_Figs_Pyth/1_Task/1_CNMc_1.svg){#fig-fig_1_CNMC_Workflow}

Data/2_Figures/1_Task/1_CNMc.svd.pdf

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a71bfa2d54043da69b01989de4c0e7b65c0cd7a24a34f44ea3135ff9bd38e166
-size 2573

Data/2_Figures/1_Task/1_CNMc.svd.pdf_tex

@@ -1,64 +0,0 @@
-%% Creator: Inkscape 1.1.1 (3bf5ae0, 2021-09-20), www.inkscape.org
-%% PDF/EPS/PS + LaTeX output extension by Johan Engelen, 2010
-%% Accompanies image file '1_CNMc.svd.pdf' (pdf, eps, ps)
-%%
-%% To include the image in your LaTeX document, write
-%%   \input{<filename>.pdf_tex}
-%%  instead of
-%%   \includegraphics{<filename>.pdf}
-%% To scale the image, write
-%%   \def\svgwidth{<desired width>}
-%%   \input{<filename>.pdf_tex}
-%%  instead of
-%%   \includegraphics[width=<desired width>]{<filename>.pdf}
-%%
-%% Images with a different path to the parent latex file can
-%% be accessed with the `import' package (which may need to be
-%% installed) using
-%%   \usepackage{import}
-%% in the preamble, and then including the image with
-%%   \import{<path to file>}{<filename>.pdf_tex}
-%% Alternatively, one can specify
-%%   \graphicspath{{<path to file>/}}
-%% 
-%% For more information, please see info/svg-inkscape on CTAN:
-%%   http://tug.ctan.org/tex-archive/info/svg-inkscape
-%%
-\begingroup%
-  \makeatletter%
-  \providecommand\color[2][]{%
-    \errmessage{(Inkscape) Color is used for the text in Inkscape, but the package 'color.sty' is not loaded}%
-    \renewcommand\color[2][]{}%
-  }%
-  \providecommand\transparent[1]{%
-    \errmessage{(Inkscape) Transparency is used (non-zero) for the text in Inkscape, but the package 'transparent.sty' is not loaded}%
-    \renewcommand\transparent[1]{}%
-  }%
-  \providecommand\rotatebox[2]{#2}%
-  \newcommand*\fsize{\dimexpr\f@size pt\relax}%
-  \newcommand*\lineheight[1]{\fontsize{\fsize}{#1\fsize}\selectfont}%
-  \ifx\svgwidth\undefined%
-    \setlength{\unitlength}{390.56629299bp}%
-    \ifx\svgscale\undefined%
-      \relax%
-    \else%
-      \setlength{\unitlength}{\unitlength * \real{\svgscale}}%
-    \fi%
-  \else%
-    \setlength{\unitlength}{\svgwidth}%
-  \fi%
-  \global\let\svgwidth\undefined%
-  \global\let\svgscale\undefined%
-  \makeatother%
-  \begin{picture}(1,0.206667)%
-    \lineheight{1}%
-    \setlength\tabcolsep{0pt}%
-    \put(0,0){\includegraphics[width=\unitlength,page=1]{1_CNMc.svd.pdf}}%
-    \put(0.1191066,0.12649743){\color[rgb]{0,0,0}\makebox(0,0)[t]{\lineheight{0}\smash{\begin{tabular}[t]{c}data of dynamical \\systems\end{tabular}}}}%
-    \put(0,0){\includegraphics[width=\unitlength,page=2]{1_CNMc.svd.pdf}}%
-    \put(0.62094431,0.18590992){\color[rgb]{0,0,0}\makebox(0,0)[lt]{\lineheight{0}\smash{\begin{tabular}[t]{l}predicted trajectories\end{tabular}}}}%
-    \put(0,0){\includegraphics[width=\unitlength,page=3]{1_CNMc.svd.pdf}}%
-    \put(0.6177457,0.03178386){\color[rgb]{0,0,0}\makebox(0,0)[lt]{\lineheight{0}\smash{\begin{tabular}[t]{l}accuracy mesaurements\end{tabular}}}}%
-    \put(0.25913988,0.14946513){\color[rgb]{0,0,0}\makebox(0,0)[lt]{\lineheight{0}\smash{\begin{tabular}[t]{l} \hspace{2cm} CNMc \vspace{0.4cm}\\ \hspace{1cm} \textbf{C}ontrol-oriented \vspace{0.25cm}\\\hspace{1.4cm}\textbf{C}luster based \vspace{0.25cm}\\\hspace{1cm} \textbf{N}etwork \textbf{M}odeling \end{tabular}}}}%
-  \end{picture}%
-\endgroup%

index.qmd

@@ -3,6 +3,9 @@
 <!-- load dot lotti js code -->
 <script src="https://unpkg.com/@dotlottie/[email protected]/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
   autoplay
   loop
@@ -24,6 +27,7 @@ function createIframe() {
 }
 
 function hide_Riksha() {
+
     // get lottify riksha
     const player = document.querySelector('dotlottie-player');
 
@@ -32,7 +36,7 @@ function hide_Riksha() {
 
     // hide riksha
     player.style.display = "none";
-
+ 
     // show iframe container
     content.style.display = "block";
 }