Move to Page based design

_projects/arts.md

@@ -1,21 +1,34 @@
 ---
-title: "Cats Project"
 layout: default
+robots: noindex
+slug: projects
 ---
-# 🚀 Project Nebula
-
-Welcome to **Project Nebula**, a cosmic initiative to explore the outer edges of creativity.
-
-## 🌌 Features
-
-- 🌠 Star-mapped navigation
-- 🛰️ Real-time telemetry
-- 🧠 Bullshit-assisted decision engine
-
-## 📦 Installation
-
-```bash
-git clone https://github.com/yourusername/project-nebula.git
-cd project-nebula
-npm install
-```
+<ul class="timeline">
+  {% for project in site.data.projects %}
+    <li class="timeline-inverted">
+      <div class="timeline-image">
+        <a href="{{ project.url }}" target="_blank" style="display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;">
+          <img class="img-me" src="{{ project.img | prepend: site.baseurl }}" alt="">
+        </a>
+      </div>
+      <div class="timeline-panel">
+        <div class="timeline-heading">
+          <h4>
+            <a href="{{ project.url }}" target="_blank">
+            {{ project.name }}
+            </a>
+          </h4>
+        </div>
+        <div class="timeline-body">
+          {% if project.desc %}
+            {{ project.desc | markdownify }}
+          {% else %}
+            <div repotext="{{ project.repo }}">
+              <span class="desc"></span>
+            </div>
+          {% endif %}
+        </div>
+      </div>
+    </li>
+  {% endfor %}
+</ul>

_projects/gallery.html

@@ -2,6 +2,7 @@
 layout: default
 slug: gallery
 ---
+<div class="panel-content">
 
 <ul class="gallery-list">
   {% for item in site.data.gallery %}
@@ -17,3 +18,4 @@ slug: gallery
   {% endfor %}
 </ul>
 
+</div>