appscms-tools-theme 4.0.2 → 4.0.4

data/_includes/authors/authors.html

@@ -1,117 +1,117 @@
-{% assign ankita = "Ankita&&/assets/images/Ankita.webp&&Ankita has majored in
-Applied Communication studies, with over 4 years of experience content writing.
-She is an expert at word games and freqently shares her thoughts on word games,
-and many other topics.&&https://twitter.com/roy93anki" | split: '&&' %} {%
-assign keshav = "Keshav Agarwal&&/assets/images/keshav.webp&&Keshav Agarwal is
-an aspiring Android developer with keen interest in computers, technology and
-development. He also has a knack of writing and loves to share his knowledge
-with the help of his posts.&&https://mobile.twitter.com/KeshavA76099697" |
-split: '&&' %} {% assign anushka = "Anushka
-Guha&&/assets/images/Anushka.webp&&Anushka is an aspiring Instrumentation
-engineer who thrives on good music, books and travelling. She has been creating
-content on all of this and often shares her thoughts on the technicalities
-behind various file formats and their processing.
-&&https://twitter.com/its_anushka_" | split: '&&' %} {% assign paavan = "Thandra
-Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an enthusiastic
-nanotech engineer who has a keen intererst in micro and nano science with a good
-sense of content creation on diverse topics and often shares his thoughts and
-helps those he can. He have a knack of writing essays,stories and
-poems.&&https://twitter.com/PaavanThandra" | split: '&&' %} {% assign thandra =
-"Thandra Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an
-enthusiastic nanotech engineer who has a keen intererst in micro and nano
-science with a good sense of content creation on diverse topics and often shares
-his thoughts and helps those he can. He have a knack of writing essays,stories
-and poems.&&https://twitter.com/PaavanThandra" | split: '&&' %} {% assign
-arjyahi = "Arjyahi Bhattacharya&&/assets/images/Arjyahi.webp&&Arjyahi is a Data
-Science and Machine Learning enthusiast who loves music, books, photography, and
-philosophy. She also loves nature and animals. She enjoys reading and sharing
-information on various topics involving her knacks&&https://twitter.com/arjyahi"
-| split: '&&' %} {% assign nikita = "Nikita
-Gupta&&/assets/images/Nikita.webp&&Nikita is an aspiring MBA graduate, who loves
-creating content. She loves reading and watching anime. She is into other
-languages and currently learning Spanish, French and Japanese. Her favourite
-timepass is solving sudokus. &&N/A" | split: '&&' %} {% assign alka = "Alka
-Bisht&&/assets/images/Alka.webp&&Alka Bisht is an experienced content writer
-with a penchnat for writing compellinmg content within technical and non-
-technical areas. As a content writer her goals include providing the best
-content throughout her writing journey.&&N/A" | split: '&&' %} {% assign
-siddhika = "Siddhika Prajapati&&/assets/images/siddhika.jpeg&&Siddhika Prajapati
-is an English Honors graduate and postgraduate in journalism. A freelance writer
-and a nutritionist, she is a fashion, fitness, art, tech, culture and travel
-writer, who loves to explore and experiment through words with an add-on of
-personal touch. Her enthusiasm for fashion, lifestyle, tech and fitness is what
-prompts her to write regularly.&&N/A" | split: '&&' %} {% assign krutika =
-"Krutika&&/assets/images/krutika.jpeg&&I am from an IT background along with
-being a techno geek, a writer is hidden in me. You can found me with my laptop
-either coding or writing journals.&&N/A" | split: '&&' %} {% assign shubhangi =
-"Shubhangi Singh&&/assets/images/sona.jpeg&&I am pursuing a degree in computer
-science and love reading. I am also a BTS Army and enjoy anime and K-dramas. My
-favourite pastime is reading on Wattpad.&&N/A" | split: '&&' %} {% assign balark
-= "Balark Singhal&&/assets/images/balark.jpeg&&I am a poet and a writer, a few
-of them also got published in some anthologies like Brave Heart of the
-motherland, and Scarlet Wings.I love to write Shayari and poetries and also in
-my free time I like to do skating, swimming and read books.&&N/A" | split: '&&'
-%} {% assign udit = "Udit Agarwal&&/assets/images/udit.jpg&&Udit Agarwal is a
-Digital Marketer and a Content Marketing Specialist, He enjoys technical as well
-as non-technical writing. His passion and urge for gaining new insights has led
-him here. He quenches his thirst for technology through his action oriented
-writing skills and a profound ability to stay up to date with latest industry
-trends.&&N/A" | split: '&&' %} {% assign pallavi = "Pallavi
-Thakur&&/assets/images/pallavi.jpeg&&My name is Pallavi Thakur and I am an
-engineer and now pursuing my master's. I am very passionate about writing
-because it shapes my personality and connects me with world.&&N/A" | split: '&&'
-%} {% assign karuna = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
-science enthusiast with a poetic flair, and possesses an insatiable desire to
-explore diverse fields seeking new knowledge and experiences. My work ethic is
-highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
-that captivate me.
-&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
-%} {% assign karuna = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
-science enthusiast with a poetic flair, and possesses an insatiable desire to
-explore diverse fields seeking new knowledge and experiences. My work ethic is
-highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
-that captivate me.
-&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
-%} {% assign rk = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
-science enthusiast with a poetic flair, and possesses an insatiable desire to
-explore diverse fields seeking new knowledge and experiences. My work ethic is
-highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
-that captivate me.
-&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
-%} {% assign karuna = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
-science enthusiast with a poetic flair, and possesses an insatiable desire to
-explore diverse fields seeking new knowledge and experiences. My work ethic is
-highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
-that captivate me.
-&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
-%} {% assign debosmita = "Debosmita Bedajna&&/assets/images/debosmita.jpeg&&I'm
-Debosmita Bedajna. I have a keen interest in the arts. Dancing, painting, and
-playing string instruments are just a few of the ways I enjoy expressing myself
-creatively. I believe that engaging in art is an essential part of personal
-growth and development. &&N/A" | split: '&&' %} {% assign suchita = "Suchita
-Kasab&&/assets/images/suchita.jpeg&&Hi, I'm Suchita Kasab. Along with writing, I
-also enjoy painting. I think I can express myself better through these art
-forms. &&N/A" | split: '&&' %} {% assign aditya = "Aditya
-Thakur&&/assets/images/avatar.jpeg&&Hey there! I'm Aditya Thakur, a dedicated
-technology enthusiast with a strong passion for music and anime. I tackle
-challenges head-on and consistently strive for excellence. In my past time, you
-can find me indulging in my favorite tunes or exploring captivating anime
-worlds. &&N/A" | split: '&&' %} {% assign taufik = "Taufik
-Ali&&/assets/images/taufik.jpeg&&Taufik has an analytical mindset and great
-attention to detail. He excels in analyzing website performance, conducting
-keyword research, optimizing on-page content, and developing effective
-link-building strategies. &&N/A" | split: '&&' %} {% assign bandana = "Kumari
-Bandana&&/assets/images/bandana.jpeg&&Bandana is an experienced SEO
-professional. In addition to her technical expertise, Bandana possesses
-excellent communication skills, allowing her to effectively collaborate with
-cross-functional teams and provide actionable recommendations to improve website
-performance &&N/A" | split: '&&' %} {% assign mahika = "Mahika
-Agrawal&&/assets/images/mahika.jpeg&&I'm Mahika Agrawal, an experienced content
-writer with a passion for words and skills in creating high-quality content that
-drives results. &&N/A" | split: '&&' %} {%- assign postAuthor = post.author |
-split: " " -%} {%- assign author = postAuthor.first | downcase -%} {%- assign
-collection = [author] -%} {%- for item in collection -%} {%- if forloop.index==1
--%} {%- assign authorName = item -%} {%- endif -%} {%- if forloop.index==2 -%}
-{%- assign image = item -%} {%- endif -%} {%- if forloop.index==3 -%} {%- assign
-bio = item -%} {%- endif -%} {%- if forloop.index==4 -%} {%- assign twitter =
-item -%} {%- endif -%} {%- endfor -%}
+{% assign ankita = "Ankita&&/assets/images/Ankita.webp&&Ankita has majored in
+Applied Communication studies, with over 4 years of experience content writing.
+She is an expert at word games and freqently shares her thoughts on word games,
+and many other topics.&&https://twitter.com/roy93anki" | split: '&&' %} {%
+assign keshav = "Keshav Agarwal&&/assets/images/keshav.webp&&Keshav Agarwal is
+an aspiring Android developer with keen interest in computers, technology and
+development. He also has a knack of writing and loves to share his knowledge
+with the help of his posts.&&https://mobile.twitter.com/KeshavA76099697" |
+split: '&&' %} {% assign anushka = "Anushka
+Guha&&/assets/images/Anushka.webp&&Anushka is an aspiring Instrumentation
+engineer who thrives on good music, books and travelling. She has been creating
+content on all of this and often shares her thoughts on the technicalities
+behind various file formats and their processing.
+&&https://twitter.com/its_anushka_" | split: '&&' %} {% assign paavan = "Thandra
+Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an enthusiastic
+nanotech engineer who has a keen intererst in micro and nano science with a good
+sense of content creation on diverse topics and often shares his thoughts and
+helps those he can. He have a knack of writing essays,stories and
+poems.&&https://twitter.com/PaavanThandra" | split: '&&' %} {% assign thandra =
+"Thandra Paavan Kumar&&/assets/images/paavan.webp&&Paavan Kumar is an
+enthusiastic nanotech engineer who has a keen intererst in micro and nano
+science with a good sense of content creation on diverse topics and often shares
+his thoughts and helps those he can. He have a knack of writing essays,stories
+and poems.&&https://twitter.com/PaavanThandra" | split: '&&' %} {% assign
+arjyahi = "Arjyahi Bhattacharya&&/assets/images/Arjyahi.webp&&Arjyahi is a Data
+Science and Machine Learning enthusiast who loves music, books, photography, and
+philosophy. She also loves nature and animals. She enjoys reading and sharing
+information on various topics involving her knacks&&https://twitter.com/arjyahi"
+| split: '&&' %} {% assign nikita = "Nikita
+Gupta&&/assets/images/Nikita.webp&&Nikita is an aspiring MBA graduate, who loves
+creating content. She loves reading and watching anime. She is into other
+languages and currently learning Spanish, French and Japanese. Her favourite
+timepass is solving sudokus. &&N/A" | split: '&&' %} {% assign alka = "Alka
+Bisht&&/assets/images/Alka.webp&&Alka Bisht is an experienced content writer
+with a penchnat for writing compellinmg content within technical and non-
+technical areas. As a content writer her goals include providing the best
+content throughout her writing journey.&&N/A" | split: '&&' %} {% assign
+siddhika = "Siddhika Prajapati&&/assets/images/siddhika.jpeg&&Siddhika Prajapati
+is an English Honors graduate and postgraduate in journalism. A freelance writer
+and a nutritionist, she is a fashion, fitness, art, tech, culture and travel
+writer, who loves to explore and experiment through words with an add-on of
+personal touch. Her enthusiasm for fashion, lifestyle, tech and fitness is what
+prompts her to write regularly.&&N/A" | split: '&&' %} {% assign krutika =
+"Krutika&&/assets/images/krutika.jpeg&&I am from an IT background along with
+being a techno geek, a writer is hidden in me. You can found me with my laptop
+either coding or writing journals.&&N/A" | split: '&&' %} {% assign shubhangi =
+"Shubhangi Singh&&/assets/images/sona.jpeg&&I am pursuing a degree in computer
+science and love reading. I am also a BTS Army and enjoy anime and K-dramas. My
+favourite pastime is reading on Wattpad.&&N/A" | split: '&&' %} {% assign balark
+= "Balark Singhal&&/assets/images/balark.jpeg&&I am a poet and a writer, a few
+of them also got published in some anthologies like Brave Heart of the
+motherland, and Scarlet Wings.I love to write Shayari and poetries and also in
+my free time I like to do skating, swimming and read books.&&N/A" | split: '&&'
+%} {% assign udit = "Udit Agarwal&&/assets/images/udit.jpg&&Udit Agarwal is a
+Digital Marketer and a Content Marketing Specialist, He enjoys technical as well
+as non-technical writing. His passion and urge for gaining new insights has led
+him here. He quenches his thirst for technology through his action oriented
+writing skills and a profound ability to stay up to date with latest industry
+trends.&&N/A" | split: '&&' %} {% assign pallavi = "Pallavi
+Thakur&&/assets/images/pallavi.jpeg&&My name is Pallavi Thakur and I am an
+engineer and now pursuing my master's. I am very passionate about writing
+because it shapes my personality and connects me with world.&&N/A" | split: '&&'
+%} {% assign karuna = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
+science enthusiast with a poetic flair, and possesses an insatiable desire to
+explore diverse fields seeking new knowledge and experiences. My work ethic is
+highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
+that captivate me.
+&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
+%} {% assign karuna = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
+science enthusiast with a poetic flair, and possesses an insatiable desire to
+explore diverse fields seeking new knowledge and experiences. My work ethic is
+highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
+that captivate me.
+&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
+%} {% assign rk = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
+science enthusiast with a poetic flair, and possesses an insatiable desire to
+explore diverse fields seeking new knowledge and experiences. My work ethic is
+highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
+that captivate me.
+&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
+%} {% assign karuna = "Karuna Shree&&/assets/images/karuna.jpeg&&RK Shree - A
+science enthusiast with a poetic flair, and possesses an insatiable desire to
+explore diverse fields seeking new knowledge and experiences. My work ethic is
+highly disciplined and dedicated. I take pleasure in pursuing creative endeavors
+that captivate me.
+&&https://twitter.com/rkshree2118?t=wuhNmjgq18UleNBfLyumag&s=09" | split: '&&'
+%} {% assign debosmita = "Debosmita Bedajna&&/assets/images/debosmita.jpeg&&I'm
+Debosmita Bedajna. I have a keen interest in the arts. Dancing, painting, and
+playing string instruments are just a few of the ways I enjoy expressing myself
+creatively. I believe that engaging in art is an essential part of personal
+growth and development. &&N/A" | split: '&&' %} {% assign suchita = "Suchita
+Kasab&&/assets/images/suchita.jpeg&&Hi, I'm Suchita Kasab. Along with writing, I
+also enjoy painting. I think I can express myself better through these art
+forms. &&N/A" | split: '&&' %} {% assign aditya = "Aditya
+Thakur&&/assets/images/avatar.jpeg&&Hey there! I'm Aditya Thakur, a dedicated
+technology enthusiast with a strong passion for music and anime. I tackle
+challenges head-on and consistently strive for excellence. In my past time, you
+can find me indulging in my favorite tunes or exploring captivating anime
+worlds. &&N/A" | split: '&&' %} {% assign taufik = "Taufik
+Ali&&/assets/images/taufik.jpeg&&Taufik has an analytical mindset and great
+attention to detail. He excels in analyzing website performance, conducting
+keyword research, optimizing on-page content, and developing effective
+link-building strategies. &&N/A" | split: '&&' %} {% assign bandana = "Kumari
+Bandana&&/assets/images/bandana.jpeg&&Bandana is an experienced SEO
+professional. In addition to her technical expertise, Bandana possesses
+excellent communication skills, allowing her to effectively collaborate with
+cross-functional teams and provide actionable recommendations to improve website
+performance &&N/A" | split: '&&' %} {% assign mahika = "Mahika
+Agrawal&&/assets/images/mahika.jpeg&&I'm Mahika Agrawal, an experienced content
+writer with a passion for words and skills in creating high-quality content that
+drives results. &&N/A" | split: '&&' %} {%- assign postAuthor = post.author |
+split: " " -%} {%- assign author = postAuthor.first | downcase -%} {%- assign
+collection = [author] -%} {%- for item in collection -%} {%- if forloop.index==1
+-%} {%- assign authorName = item -%} {%- endif -%} {%- if forloop.index==2 -%}
+{%- assign image = item -%} {%- endif -%} {%- if forloop.index==3 -%} {%- assign
+bio = item -%} {%- endif -%} {%- if forloop.index==4 -%} {%- assign twitter =
+item -%} {%- endif -%} {%- endfor -%}

data/_includes/batch-conversion.html

@@ -1,141 +1,141 @@
-{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color
--%}
-<div class="options-panel">
-  <div class="title">Options</div>
-  <div id="controls" class="text-left">
-    <label>Amount</label>
-    <div class="d-flex">
-      {%- if page.effect == "blur" -%}
-      <input
-        class="w-100"
-        type="range"
-        min="0"
-        max="50"
-        value="25"
-        step="0.5"
-        id="applyFilter"
-        data-filter="{{page.effect}}"
-        data-scale="px"
-      />
-      <div class="d-flex align-items-center" id="counter"></div>
-      {%- elsif page.effect == "opacity" -%}
-      <input
-        class="w-100"
-        id="applyFilter"
-        type="range"
-        min="0"
-        max="1"
-        step="0.1"
-        value="0.5"
-        data-filter="{{page.effect}}"
-      />
-      <div class="d-flex align-items-center" id="counter"></div>
-      {%- elsif page.effect == "saturate" -%}
-      <input
-        class="w-100"
-        type="range"
-        min="0"
-        max="200"
-        value="100"
-        step="1"
-        id="applyFilter"
-        data-filter="{{page.effect}}"
-        data-scale=""
-      />
-      <div class="d-flex align-items-center" id="counter"></div>
-      {%- elsif page.effect == "hue-rotate" -%}
-      <input
-        class="w-100"
-        type="range"
-        min="0"
-        max="360"
-        value="180"
-        step="1"
-        id="applyFilter"
-        data-filter="{{page.effect}}"
-        data-scale="deg"
-      />
-      <div class="d-flex align-items-center" id="counter"></div>
-      {%- elsif page.effect == "grayscale" -%}
-      <input
-        class="w-100"
-        type="range"
-        min="0"
-        max="100"
-        value="50"
-        step="1"
-        id="applyFilter"
-        data-filter="{{page.effect}}"
-        data-scale="%"
-      />
-      <div class="d-flex align-items-center" id="counter"></div>
-      {%- elsif page.effect == "sepia" -%}
-      <input
-        class="w-100"
-        type="range"
-        min="0"
-        max="100"
-        value="50"
-        step="1"
-        id="applyFilter"
-        data-filter="{{page.effect}}"
-        data-scale="%"
-      />
-      <div class="d-flex align-items-center" id="counter"></div>
-      {%- elsif page.effect == "gamma" -%}
-      <input
-        class="w-100"
-        type="range"
-        min="0"
-        max="10"
-        value="5"
-        step="1"
-        id="applyFilter"
-        data-filter="{{page.effect}}"
-      />
-      {%- elsif page.panelTitle == "exposure" -%}
-      <input
-        class="w-100"
-        type="range"
-        min="-100"
-        max="100"
-        value="0"
-        step="1"
-        id="applyFilter"
-        data-filter="{{page.effect}}"
-      />
-      {%- else -%}
-      <input
-        class="w-100"
-        type="range"
-        min="0"
-        max="200"
-        value="100"
-        step="1"
-        id="applyFilter"
-        data-filter="{{page.effect}}"
-        data-scale="%"
-      />
-      <div class="d-flex align-items-center" id="counter"></div>
-      {%- endif -%}
-      <br />
-    </div>
-  </div>
-
-  <div class="download-format d-none">
-    <span class="select-format-title">image's format</span>
-    <select name="image-format" id="image-format">
-      <option value="png">png</option>
-      <option value="jpg">jpg</option>
-      <option value="jpeg">jpeg</option>
-      <option value="webp">webp</option>
-    </select>
-  </div>
-
-  <div class="convertBtn-container">
-    <button style="background:{{boxColor}};" class="btn" id="submit-button">
-      Convert
-      <img src="/assets/images/convert.svg" width="20px" alt="convert-files" />
-    </button>
-  </div>
-</div>
+{%- assign boxColor = site.data[page.folderName][page.lang][page.fileName].color
+-%}
+<div class="options-panel">
+  <div class="title">Options</div>
+  <div id="controls" class="text-left">
+    <label>Amount</label>
+    <div class="d-flex">
+      {%- if page.effect == "blur" -%}
+      <input
+        class="w-100"
+        type="range"
+        min="0"
+        max="50"
+        value="25"
+        step="0.5"
+        id="applyFilter"
+        data-filter="{{page.effect}}"
+        data-scale="px"
+      />
+      <div class="d-flex align-items-center" id="counter"></div>
+      {%- elsif page.effect == "opacity" -%}
+      <input
+        class="w-100"
+        id="applyFilter"
+        type="range"
+        min="0"
+        max="1"
+        step="0.1"
+        value="0.5"
+        data-filter="{{page.effect}}"
+      />
+      <div class="d-flex align-items-center" id="counter"></div>
+      {%- elsif page.effect == "saturate" -%}
+      <input
+        class="w-100"
+        type="range"
+        min="0"
+        max="200"
+        value="100"
+        step="1"
+        id="applyFilter"
+        data-filter="{{page.effect}}"
+        data-scale=""
+      />
+      <div class="d-flex align-items-center" id="counter"></div>
+      {%- elsif page.effect == "hue-rotate" -%}
+      <input
+        class="w-100"
+        type="range"
+        min="0"
+        max="360"
+        value="180"
+        step="1"
+        id="applyFilter"
+        data-filter="{{page.effect}}"
+        data-scale="deg"
+      />
+      <div class="d-flex align-items-center" id="counter"></div>
+      {%- elsif page.effect == "grayscale" -%}
+      <input
+        class="w-100"
+        type="range"
+        min="0"
+        max="100"
+        value="50"
+        step="1"
+        id="applyFilter"
+        data-filter="{{page.effect}}"
+        data-scale="%"
+      />
+      <div class="d-flex align-items-center" id="counter"></div>
+      {%- elsif page.effect == "sepia" -%}
+      <input
+        class="w-100"
+        type="range"
+        min="0"
+        max="100"
+        value="50"
+        step="1"
+        id="applyFilter"
+        data-filter="{{page.effect}}"
+        data-scale="%"
+      />
+      <div class="d-flex align-items-center" id="counter"></div>
+      {%- elsif page.effect == "gamma" -%}
+      <input
+        class="w-100"
+        type="range"
+        min="0"
+        max="10"
+        value="5"
+        step="1"
+        id="applyFilter"
+        data-filter="{{page.effect}}"
+      />
+      {%- elsif page.panelTitle == "exposure" -%}
+      <input
+        class="w-100"
+        type="range"
+        min="-100"
+        max="100"
+        value="0"
+        step="1"
+        id="applyFilter"
+        data-filter="{{page.effect}}"
+      />
+      {%- else -%}
+      <input
+        class="w-100"
+        type="range"
+        min="0"
+        max="200"
+        value="100"
+        step="1"
+        id="applyFilter"
+        data-filter="{{page.effect}}"
+        data-scale="%"
+      />
+      <div class="d-flex align-items-center" id="counter"></div>
+      {%- endif -%}
+      <br />
+    </div>
+  </div>
+
+  <div class="download-format d-none">
+    <span class="select-format-title">image's format</span>
+    <select name="image-format" id="image-format">
+      <option value="png">png</option>
+      <option value="jpg">jpg</option>
+      <option value="jpeg">jpeg</option>
+      <option value="webp">webp</option>
+    </select>
+  </div>
+
+  <div class="convertBtn-container">
+    <button style="background:{{boxColor}};" class="btn" id="submit-button">
+      Convert
+      <img src="/assets/images/convert.svg" width="20px" alt="convert-files" />
+    </button>
+  </div>
+</div>

data/_includes/cssfile/links.html

@@ -1,54 +1,54 @@
-{% assign cssData = site.data.[page.folderName][lang][file] %}
-{{site.data.customcdns.customcdns.cssfiles}} {%- if cssData.cssfilepaths -%} {%-
-for path in cssData.cssfilepaths -%} {%- assign asset_dir = path -%} {%- if
-site.versioning and asset_dir != "" -%} {%- if asset_dir contains "https" and
-asset_dir contains "https://" -%}
-<link
-  defer
-  rel="stylesheet"
-  href="{{path}}"
-  {%-
-  if
-  site.crossorigin
-  -%}
-  {{
-  }}
-  crossorigin="anonymous"
-  {%-
-  endif
-  -%}
-/>
-{%- else -%}
-<link
-  defer
-  rel="stylesheet"
-  href="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
-  {%-
-  if
-  site.crossorigin
-  -%}
-  {{
-  }}
-  crossorigin="anonymous"
-  {%-
-  endif
-  -%}
-/>
-{%- endif -%} {%- else -%}
-<link
-  defer
-  rel="stylesheet"
-  href="{{path}}"
-  {%-
-  if
-  site.crossorigin
-  -%}
-  {{
-  }}
-  crossorigin="anonymous"
-  {%-
-  endif
-  -%}
-/>
-{%- endif -%} {%- endfor -%} {%- endif -%} {%- if cssData.csscdns -%} {%- for
-item in cssData.csscdns -%} {{item}} {%- endfor -%} {%- endif -%}
+{% assign cssData = site.data.[page.folderName][lang][file] %}
+{{site.data.customcdns.customcdns.cssfiles}} {%- if cssData.cssfilepaths -%} {%-
+for path in cssData.cssfilepaths -%} {%- assign asset_dir = path -%} {%- if
+site.versioning and asset_dir != "" -%} {%- if asset_dir contains "https" and
+asset_dir contains "https://" -%}
+<link
+  defer
+  rel="stylesheet"
+  href="{{path}}"
+  {%-
+  if
+  site.crossorigin
+  -%}
+  {{
+  }}
+  crossorigin="anonymous"
+  {%-
+  endif
+  -%}
+/>
+{%- else -%}
+<link
+  defer
+  rel="stylesheet"
+  href="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
+  {%-
+  if
+  site.crossorigin
+  -%}
+  {{
+  }}
+  crossorigin="anonymous"
+  {%-
+  endif
+  -%}
+/>
+{%- endif -%} {%- else -%}
+<link
+  defer
+  rel="stylesheet"
+  href="{{path}}"
+  {%-
+  if
+  site.crossorigin
+  -%}
+  {{
+  }}
+  crossorigin="anonymous"
+  {%-
+  endif
+  -%}
+/>
+{%- endif -%} {%- endfor -%} {%- endif -%} {%- if cssData.csscdns -%} {%- for
+item in cssData.csscdns -%} {{item}} {%- endfor -%} {%- endif -%}