added blog and made changes in the css

rogancodes · Nov 5, 2024 · 2a39c27 · 2a39c27
1 parent 933b927
commit 2a39c27
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 45 deletions.
diff --git a/_data/navigation.yml b/_data/navigation.yml
@@ -1,5 +1,5 @@
 - name: Blog
-  link: /blog.html
+  link: /
 - name: OSS
   link: /oss.html
 - name: About

diff --git a/_data/oss.yml b/_data/oss.yml
@@ -16,5 +16,5 @@
 - title: Highlight definition and control block structures
   pr: https://github.com/Shopify/ruby-lsp/pull/2779
   repo: ruby-lsp
-  status: open
+  status: merged
   date: 2024-10-25
diff --git a/_includes/header.html b/_includes/header.html
@@ -4,14 +4,14 @@
 		<ul class="items-stretch hidden space-x-3 md:flex">
       {% for item in site.data.navigation %}
         <li class="flex">
-            <a rel="noopener noreferrer" href="{{ item.link }}" class="flex items-center px-3 {% if page.url == item.link %} dark:text-violet-600 underline decoration-solid {% endif %}">
+            <a rel="noopener noreferrer" href="{{ item.link }}" class="flex items-center px-3 {% if page.url == item.link %} text-violet-600 underline decoration-solid {% endif %}">
             {{ item.name }}
           </a>
         </li>
       {% endfor %}
 		</ul>
 		<button title="Button" type="button" class="p-4 md:hidden">
-			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 dark:text-gray-800">
+			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 text-gray-800">
 				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
 			</svg>
 		</button>

diff --git a/blog.html b/blog.html
@@ -1,29 +1,13 @@
 ---
 layout: default
 title: Blog
+permalink: /
 ---
-<section class="dark:text-gray-900">
+<section>
   <div class="container max-w-5xl px-4 py-12 mx-auto">
     <div class="grid gap-4 mx-4 sm:grid-cols-12">
       <div class="col-span-12 sm:col-span-3">
-        <div class="text-center sm:text-left mb-7 before:block before:w-24 before:h-3 before:mb-5 before:rounded-md before:mx-auto sm:before:mx-0 before:dark:bg-indigo-600">
-          <h3 class="text-3xl font-semibold text-wrap">Categories</h3>
-        </div>
-        <div class="mb-7 col-span-12 sm:col-span-3 flex justify-center">
-          <div class="flex flex-wrap">
-            {% for tag in site.tags %}
-              <span class="mb-2 px-2">
-                <a class="-mx-1.5 -my-1 flex items-center gap-3 rounded-lg px-1.5 py-1 text-[0.8125rem] font-semibold leading-6 text-slate-900 transition hover:bg-slate-900/[0.03]" href="{{ item.link }}">
-                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4">
-                    <path fill-rule="evenodd" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v2.879a2.5 2.5 0 0 0 .732 1.767l4.5 4.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-4.5-4.5A2.5 2.5 0 0 0 7.38 2H4.5ZM5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" />
-                  </svg>
-                  {{ tag[0] }}
-                </a>
-              </span>
-            {% endfor %}
-          </div>
-        </div>
-        <div class="text-center sm:text-left mb-7 before:block before:w-24 before:h-3 before:mb-5 before:rounded-md before:mx-auto sm:before:mx-0 before:dark:bg-indigo-600">
+        <div class="text-center sm:text-left mb-7 before:block before:w-24 before:h-3 before:mb-5 before:rounded-md before:mx-auto sm:before:mx-0 before:bg-indigo-600">
           <h3 class="text-3xl font-semibold">Tags</h3>
         </div>
         <div class="mb-7 col-span-12 sm:col-span-9 flex justify-center">
@@ -42,19 +26,25 @@ <h3 class="text-3xl font-semibold">Tags</h3>
         </div>
       </div>
       <div class="relative col-span-12 px-4 space-y-6 sm:col-span-9">
-        <div class="col-span-12 space-y-12 relative px-4 sm:col-span-8 sm:space-y-8 sm:before:absolute sm:before:top-2 sm:before:bottom-0 sm:before:w-0.5 sm:before:-left-3 before:dark:bg-gray-300">
+        <div class="col-span-12 space-y-12 relative px-4 sm:col-span-8 sm:space-y-8 sm:before:absolute sm:before:top-2 sm:before:bottom-0 sm:before:w-0.5 sm:before:-left-3 before:bg-stone-400">
           {% for post in site.posts %}
-          <div class="flex flex-col sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm:before:z-[1] before:dark:bg-indigo-600">
-            <a href="{{ item.pr }}">
-              <h3 class="text-xl font-semibold tracking-wide hover:text-indigo-600"> {{ post.title }} </h3>
+          <div class="flex flex-col sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm:before:z-[1] before:bg-indigo-600">
+            <a href="{{ post.url }}">
+              <h3 class="text-2xl leading-8 font-semibold tracking-wide text-slate-900 hover:text-indigo-600 hover:underline"> {{ post.title }} </h3>
             </a>
-            <time class="text-xs tracking-wide uppercase dark:text-gray-600"> {{ post.date | date: "%B %d, %Y"}}</time>
-            <p class="mt-3 ">{{ post.excerpt }}</p>
-            <div class="mt-3 flex items-center">
+            <time class="text-xs tracking-wide uppercase text-gray-700">{{ post.date | date: "%B %d, %Y"}}</time>
+            <div class="mt-2 flex items-center">
+              {% for tag in post.tags %}
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4">
                 <path fill-rule="evenodd" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v2.879a2.5 2.5 0 0 0 .732 1.767l4.5 4.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-4.5-4.5A2.5 2.5 0 0 0 7.38 2H4.5ZM5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" />
               </svg>
-                <span class="mx-2">{{ post.tags| join: ", "  }}</span>
+              <span class="mx-2 text-sm text-gray-700">
+                {{ tag  }}
+              </span>
+              {% endfor %}
+            </div>
+            <div class="mt-3 text-gray-700 leading-6">
+              {{ post.excerpt | remove: '<p>' | remove: '</p>' }}
             </div>
           </div>
           {% endfor %}

diff --git a/index.html b/index.html
diff --git a/oss.html b/oss.html
@@ -3,18 +3,18 @@
 title: OSS
 ---
 
-<section class="dark:text-gray-900">
+<section class="text-gray-900">
   <div class="container max-w-5xl px-4 py-12 mx-auto">
     <div class="grid gap-4 mx-4 sm:grid-cols-12">
       <div class="col-span-12 sm:col-span-3">
-        <div class="text-center sm:text-left mb-10 before:block before:w-24 before:h-3 before:mb-5 before:rounded-md before:mx-auto sm:before:mx-0 before:dark:bg-indigo-600">
+        <div class="text-center sm:text-left mb-10 before:block before:w-24 before:h-3 before:mb-5 before:rounded-md before:mx-auto sm:before:mx-0 before:bg-indigo-600">
           <h3 class="text-3xl font-semibold">Open Source Software</h3>
-          <span class="t ext-sm font-bold tracking-wider uppercase dark:text-gray-600">contributions</span>
+          <span class="t ext-sm font-bold tracking-wider uppercase text-gray-600">contributions</span>
         </div>
         {% assign repos = site.data.repos %}
         {% for item in repos %}
           <span class="hidden lg:flex mb-2">
-            <a class="-mx-1.5 -my-1 flex items-center gap-3 rounded-lg px-1.5 py-1 text-[0.8125rem] font-semibold leading-6 text-slate-900 transition hover:bg-slate-900/[0.03]" href="{{ item.link }}">
+            <a class="-mx-1.5 -my-1 flex items-center gap-3 rounded-lg px-1.5 py-1 text-[0.8125rem] font-semibold leading-6 text-slate-900 transition hover:text-indigo-600 href="{{ item.link }}">
               <svg viewBox="0 0 24 24" aria-hidden="true" class="size-6 fill-slate-900">
                 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.463 2 11.97c0 4.404 2.865 8.14 6.839 9.458.5.092.682-.216.682-.48 0-.236-.008-.864-.013-1.695-2.782.602-3.369-1.337-3.369-1.337-.454-1.151-1.11-1.458-1.11-1.458-.908-.618.069-.606.069-.606 1.003.07 1.531 1.027 1.531 1.027.892 1.524 2.341 1.084 2.91.828.092-.643.35-1.083.636-1.332-2.22-.251-4.555-1.107-4.555-4.927 0-1.088.39-1.979 1.029-2.675-.103-.252-.446-1.266.098-2.638 0 0 .84-.268 2.75 1.022A9.607 9.607 0 0 1 12 6.82c.85.004 1.705.114 2.504.336 1.909-1.29 2.747-1.022 2.747-1.022.546 1.372.202 2.386.1 2.638.64.696 1.028 1.587 1.028 2.675 0 3.83-2.339 4.673-4.566 4.92.359.307.678.915.678 1.846 0 1.332-.012 2.407-.012 2.734 0 .267.18.577.688.48 3.97-1.32 6.833-5.054 6.833-9.458C22 6.463 17.522 2 12 2Z"></path>
               </svg>
@@ -24,16 +24,16 @@ <h3 class="text-3xl font-semibold">Open Source Software</h3>
           {% endfor %}
       </div>
       <div class="relative col-span-12 px-4 space-y-6 sm:col-span-9">
-        <div class="col-span-12 space-y-12 relative px-4 sm:col-span-8 sm:space-y-8 sm:before:absolute sm:before:top-2 sm:before:bottom-0 sm:before:w-0.5 sm:before:-left-3 before:dark:bg-gray-300">
+        <div class="col-span-12 space-y-12 relative px-4 sm:col-span-8 sm:space-y-8 sm:before:absolute sm:before:top-2 sm:before:bottom-0 sm:before:w-0.5 sm:before:-left-3 before:bg-stone-400">
           {% assign oss = site.data.oss | sort: "time" | reverse %}
           {% for item in oss %}
-          <div class="flex flex-col sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm:before:z-[1] before:dark:bg-indigo-600">
+          <div class="flex flex-col sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm:before:z-[1] before:bg-indigo-600">
             <a href="{{ item.pr }}">
-              <h3 class="text-xl font-semibold tracking-wide hover:text-indigo-600"> {{ item.title}} </h3>
+              <h3 class="text-xl font-semibold tracking-wide hover:text-indigo-600 hover:underline  "> {{ item.title}} </h3>
             </a>
-            <time class="text-xs tracking-wide uppercase dark:text-gray-600"> {{ item.date | date: "%B %d, %Y" }}</time>
-            <p class="mt-3 dark:text-gray-700">repository: {{ item.repo }} </p>
-            <p class="mt-3 dark:text-gray-700">status: {{ item.status }} </p>
+            <time class="text-xs tracking-wide uppercase text-gray-600"> {{ item.date | date: "%B %d, %Y" }}</time>
+            <p class="mt-3 text-gray-700">repository: {{ item.repo }} </p>
+            <p class="mt-3 text-gray-700">status: {{ item.status }} </p>
           </div>
           {% endfor %}
         </div>