Started building a Website with Jekyll based on Uno-Timeline

index.html

@@ -0,0 +1,33 @@
+---
+layout: default
+robots: noindex
+---
+<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>