Move resume to home page

_layouts/default.html

@@ -47,11 +47,8 @@ <h1 class="px-4 md:px-0 py-4 md:text-2xl font-lato">
             class="w-full flex-grow md:block md:items-center md:w-auto"
             :class="{ 'block shadow-3xl': open, 'hidden': !open }"
           >
-            <a href="/resume" class="bg-opacity-50 bg-blue-500 active:bg-indigo-800 md:bg-none p-1 pl-4 py-2 block md:pl-0 md:py-0 md:inline md:ml-4 md:bg-black md:bg-opacity-10 md:hover:bg-opacity-50">
-              <span class="text-opacity-50 text-white">[</span> resume <span class="text-opacity-50 text-white">]</span>
-            </a>
-            <a href="/projects" class="bg-opacity-50 bg-blue-500 active:bg-indigo-800 md:bg-none p-1 pl-4 py-2 block md:pl-0 md:py-0 md:inline md:ml-4 md:bg-black md:bg-opacity-10 md:hover:bg-opacity-50">
-              <span class="text-opacity-50 text-white">[</span> projects <span class="text-opacity-50 text-white">]</span>
+            <a href="/posts" class="active:bg-indigo-800 p-1 pl-4 py-2 block md:pl-0 md:py-0 md:inline md:ml-4 md:hover:bg-opacity-50">
+              Blog
             </a>
           </nav>
 

index.html

@@ -1,36 +1,45 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
 layout: default
 ---
 
-<div class="block md:flex h-full">
-  <section class="text-gray-600 mt-4 md:w-1/3 pr-2 space-y-2 dark:text-white">
-    <h4 class="italic text-justify text-2xl mb-4">
-      Thanks for visiting
-    </h4>
+<div class="my-8 flex flex-col w-full space-y-2 font-lato text-center px-8 leading-snug tracking-tight">
+  <p class="text-2xl">
+    Howdy, thanks for stopping by! <br/>
+  </p>
+
+  <p>
+    I have passion for software development and Linux servers<br>
 
-    <p class="text-sm">
-      Here you'll find a collectic of my interests including:
-    </p>
+    I also enjoy gardening, home DIY'ing, bike riding and exploring nature.
+  </p>
+</div>
 
-    <ul class="text-sm list-disc list-inside leading-tight">
-      <li>Ruby on Rails</li>
-      <li>Linux</li>
-      <li>Retro Computing</li>
-    </ul>
-  </section>
+<section class="my-4">
+  <div class="container mx-auto flex flex-col items-start md:flex-row">
+    <div class="ml-0 md:ml-12">
+      <div class="container mx-auto w-full h-full">
+        <div class="relative wrap overflow-hidden h-full dark:text-white">
+          <div class="border-2 border-indigo-800 absolute h-full right-1/2"></div>
+          <div class="border-2 border-blue-500 absolute h-full left-1/2"></div>
 
-  <section class="md:w-2/3 md:ml-4">
-    {% for post in site.posts %}
-      <a href="{{ post.url }}" class="block border-b border-blue-500 py-4 pl-2 group">
-        <span class="font-bold group-hover:underline">{{ post.title }}</span><br>
+          {% for job in site.resume reversed %}
+            <div class="bg-red mb-8 flex justify-between {% cycle 'flex-row-reverse', '' %} items-center w-full">
+              <div class="order-1 w-5/12"></div>
+              <div data-aos="fade-up" data-aos-offset="300" class="order-1 w-5/12 px-1 py-4 {% cycle 'text-right', 'text-left' %}">
+                <p class="mb-3 text-base text-blue-800 dark:text-yellow-200">{{ job.name }}</p>
+                <h4 class="font-lato font-light text-lg md:text-2xl">{{ job.position }}</h4>
+                <p class="mb-3 text-xs md:text-base leading-snug text-gray-400 text-opacity-100">
+                  {{ job.years }}
+                </p>
 
-        <span class="font-extralight italic dark:text-white text-black text-opacity-50 group-hover:text-opacity-100">
-          {{ post.excerpt | strip_html }}
-        </span>
-      </a>
-    {% endfor %}
-  </section>
-</div>
+                <p class="text-sm md:text-base leading-snug text-gray-50 text-opacity-100">
+                  {{ job.content | markdownify }}
+                </p>
+              </div>
+            </div>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

posts.html

@@ -0,0 +1,13 @@
+---
+layout: default
+---
+
+{% for post in site.posts %}
+  <a href="{{ post.url }}" class="block border-b border-blue-500 py-4 pl-2 group">
+    <span class="font-bold group-hover:underline">{{ post.title }}</span><br>
+
+    <span class="font-extralight italic dark:text-white text-black text-opacity-50 group-hover:text-opacity-100">
+      {{ post.excerpt | strip_html }}
+    </span>
+  </a>
+{% endfor %}