simplify media paths

Author: denkiwakame

public/media/001.jpg public/001.jpgpublic/media/001.jpg renamed to public/001.jpg

@@ -12,7 +12,7 @@ resources:
   huggingface: https://huggingface.co/
 description: academic projectpage template that supports markdown and KaTeX
 
-image: https://denkiwakame.github.io/academic-project-template/media/teaser.png
+image: https://denkiwakame.github.io/academic-project-template/teaser.png
 url: https://denkiwakame.github.io/academic-project-template
 speakerdeck: # speakerdeck slide ID
 authors:
@@ -49,34 +49,34 @@ bibtex: >
     note      = {This paper sets the benchmark for future AI research and applications.}
   }
 
-teaser: media/teaser.png
+teaser: teaser.png
 abstract: |
-  This is a versatile template designed to satisfy your research project page needs, all while harnessing the power of **UIKit** and **React**. Built on the foundations of simplicity and flexibility, this template allows you to focus on expressing your ideas without the hassle of directly handling CSS—thanks to customizable SASS variables.
+  This is a versatile template designed to satisfy your research project page needs, all while harnessing the power of 🎨**UIKit** and ⚛ **React**. Built on the foundations of simplicity and flexibility, this template allows you to focus on expressing your ideas without the hassle of directly handling CSS—thanks to customizable SASS variables.
   With markdown as your canvas and $\KaTeX$ for precise equations, crafting clear and engaging project page becomes effortless. Whether you're unraveling complex theories or presenting your findings, this template aims to support your scholarly endeavors with grace and ease.
   *Need to edit HTML directly?* Fear not! In addition to markdown, you can also directly write HTML with ease. Feel empowered to craft your content exactly as you envision it, whether through markdown's simplicity or the precision of HTML.
 
 body:
   - title: Media examples
     text: |
-      You can access media files in `public/media/` using `media/` paths
+      Files in `public/` can be referenced directly: `<img src="001.jpg" />`
 
       <div class="uk-position-relative" uk-slideshow="animation: fade">
         <div class="uk-slideshow-items">
           <div>
-            <img src="media/001.jpg" alt="" uk-cover>
+            <img src="001.jpg" alt="" uk-cover>
           </div>
           <div>
-            <img src="media/002.jpg" alt="" uk-cover>
+            <img src="002.jpg" alt="" uk-cover>
           </div>
           <div>
-            <img src="media/003.jpg" alt="" uk-cover>
+            <img src="003.jpg" alt="" uk-cover>
           </div>
         </div>
         <div class="uk-position-bottom-center uk-position-small">
           <ul class="uk-thumbnav">
-            <li uk-slideshow-item="0"><a href="#"><img src="media/001.jpg" width="100" height="67" alt=""></a></li>
-            <li uk-slideshow-item="1"><a href="#"><img src="media/002.jpg" width="100" height="67" alt=""></a></li>
-            <li uk-slideshow-item="2"><a href="#"><img src="media/003.jpg" width="100" height="67" alt=""></a></li>
+            <li uk-slideshow-item="0"><a href="#"><img src="001.jpg" width="100" height="67" alt=""></a></li>
+            <li uk-slideshow-item="1"><a href="#"><img src="002.jpg" width="100" height="67" alt=""></a></li>
+            <li uk-slideshow-item="2"><a href="#"><img src="003.jpg" width="100" height="67" alt=""></a></li>
           </ul>
         </div>
       </div>
@@ -177,11 +177,11 @@ projects: # relevant projects
     url: https://denkiwakame.github.io/academic-project-template/
   - title: Relevant Project II
     description: abstract text
-    img: media/001.jpg
+    img: 001.jpg
     journal: "EFGH'22"
     url: https://denkiwakame.github.io/academic-project-template/
   - title: Relevant Project III
     description: abstract text
-    img: media/002.jpg
+    img: 002.jpg
     journal: "IJKL'22"
     url: https://denkiwakame.github.io/academic-project-template/