Small Fixes

ArnavK-09 · Apr 18, 2023 · 3fae125 · 3fae125
1 parent fbab0ea
commit 3fae125
Show file tree

Hide file tree

Showing 12 changed files with 86 additions and 56 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,5 @@ _site
 _cache
 deno.lock
 _bin 
-test.js 
+test.js 
+.vscode 
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 ![Lume Deno Template](https://media.tenor.com/ewBiGLA19fYAAAAd/deno.gif)
 
-[Demo](https://lume-deno-template.herokuapp.com/) | [GitHub Repo](https://github.com/ArnavK-09/lume-deno-template)
+[Demo](https://lume-deno-template.deno.dev/) | [GitHub Repo](https://github.com/ArnavK-09/lume-deno-template)
 
 Welcome to Lume Deno Template, a website template built with Deno and Lume framework! This template is designed to help you kickstart your website project with a sleek and modern theme, SEO-friendly pages, and blog support. With necessary plugins pre-installed, it's easy to customize and modify to fit your specific needs.
 

diff --git a/_config.ts b/_config.ts
@@ -10,6 +10,7 @@ import codeHighlight from "lume/plugins/code_highlight.ts";
 // init site
 const site = lume({
     src: "./src",
+    location: new URL("https://lume-deno-template.deno.dev/"),
     components: {
         variable: "components",
     },

diff --git a/src/404.njk b/src/404.njk
@@ -1,3 +1,7 @@
+---
+title: "Page not found"
+---
+
 <section class="bg-transparent flex items-center justify-center h-screen ">
     <div class="text-center">
         <h1 class="text-5xl font-bold text-orange-600 tracking-widest font-bold">404</h1>

diff --git a/src/_components/home/landing.njk b/src/_components/home/landing.njk
@@ -1,32 +1,56 @@
-<div class="group justify-between pt-0  items-center gap-0 overflow-hidden  flex flex-wrap h-screen  px-4 mx-auto lg:pt-16 lg:flex-wrap md:px-8 bg-[#131b1e]">
-      <div class="pt-16 mb-16 lg:mb-0 lg:pt-32 lg:max-w-lg lg:pr-5">
-            <div class="max-w-xl mb-6">
-                  <div>
-                        <p class="inline-block px-3 mb-4 text-xs font-semibold tracking-wider border border-orange-700 py-1 rounded-full text-orange-700 uppercase bg-transparent ">
-                              Welcome Fellow Human Being!
-                                      </p>
-                  </div>
-                  <h2 class="max-w-lg mb-6 font-sans text-3xl font-bold tracking-tight text-white sm:text-4xl sm:leading-none">
-                                                         Lume Demo Template<br class="hidden md:block"/>
-                                                                  - For Fire 
-                                                                          <span class="inline-block text-deep-purple-accent-400">a lazy dog</span>
-                  </h2>
-                  <p class="text-base text-gray-300 md:text-lg">
-                                                                                              Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae. explicabo.
-                                                                                                    </p>
+<div
+    class="group justify-between pt-0 items-center gap-0 overflow-hidden flex flex-wrap h-screen px-4 mx-auto lg:pt-16 lg:flex-wrap md:px-8 bg-[#131b1e]"
+>
+    <div class="pt-16 mb-16 lg:mb-0 lg:pt-32 lg:max-w-lg lg:pr-5">
+        <div class="max-w-xl mb-6">
+            <div>
+                <p
+                    class="inline-block px-3 mb-4 text-xs font-semibold tracking-wider border border-orange-700 py-1 rounded-full text-orange-700 uppercase bg-transparent"
+                >
+                    Welcome Fellow Human Being
+                </p>
             </div>
-            <div class="flex items-center">
-                  <a
-                                                                                                                          href="{{ siteInfo.repo }}"
-                                                                                                                          target="_blank"
-                                                                                                                                  class="inline-flex items-center justify-center h-12 px-6 mr-6 font-medium tracking-wide text-white transition duration-200 rounded-lg shadow-md bg-orange-600/90 hover:shadow-orange-500 hover:shadow-sm hover:bg-deep-purple-accent-700 focus:shadow-outline focus:outline-none"
-                                                                                                                                        >
-                                                                                                                                                Get started
-                                                                                                                                                      </a>
-                  <a href="/blog" aria-label="explore" class="inline-flex items-center font-semibold transition ease-in-out text-gray-100 duration-200 hover:text-orange-600">Explore More</a>
-            </div>
-      </div>
-      <div>
-            <img src="assets/hero.png" class="h-full md:h-1/5 animate-pulse " alt="landing image"/>
-      </div>
-</div>
+            <h1
+                class="max-w-lg mb-6 font-sans text-3xl font-bold tracking-tight text-white sm:text-4xl sm:leading-none"
+            >
+                Lume Demo Template<br class="hidden md:block" />
+                - For Fire
+                <span class="inline-block text-deep-purple-accent-400"
+                    >a lazy dog</span
+                >
+            </h1>
+            <p class="text-base text-gray-300 md:text-lg">
+                Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+                accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
+                quae. explicabo.
+            </p>
+            <p class="text-base text-gray-300 md:text-lg">
+                Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+                accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
+                quae. explicabo.
+            </p>
+        </div>
+        <div class="flex items-center">
+            <a
+                href="{{ siteInfo.repo }}"
+                target="_blank"
+                class="inline-flex items-center justify-center h-12 px-6 mr-6 font-medium tracking-wide text-white transition duration-200 rounded-lg shadow-md bg-orange-600/90 hover:shadow-orange-500 hover:shadow-sm hover:bg-deep-purple-accent-700 focus:shadow-outline focus:outline-none"
+            >
+                Get started
+            </a>
+            <a
+                href="/blog"
+                aria-label="explore"
+                class="inline-flex items-center font-semibold transition ease-in-out text-gray-100 duration-200 hover:text-orange-600"
+                >Explore More</a
+            >
+        </div>
+    </div>
+    <div>
+        <img
+            src="assets/hero.png"
+            class="h-full md:h-1/5 animate-pulse"
+            alt="landing image"
+        />
+    </div>
+</div>
diff --git a/src/_data.yml b/src/_data.yml
@@ -1,5 +1,5 @@
 metas:
-  site: =title | Lume Deno Template
+  site: =title 
   description: The Multi-purpose Lume Deno Template
   lang: en
   generator: true

diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
@@ -1,18 +1,16 @@
 <!DOCTYPE html>
-<html lang="en" class="light">
+<html lang="en">
   <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ title }} - Lume Deno Template
     </title>
-    <link rel="stylesheet"
-          href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
     <meta name="supported-color-schemes" content="light dark">
     <link rel="stylesheet" href="/styles/global.css">
     <link rel="stylesheet" href="/styles/highlight.css">
-
     <link rel="canonical" href="{{ url | url(true) }}">
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

diff --git a/src/_includes/layouts/blog.njk b/src/_includes/layouts/blog.njk
@@ -15,27 +15,22 @@ date: 2022-20-11
       <h1 class="leading-text tracking-wide font-extrabold text-2xl ">{{ title | title }}
       </h1>
       <p class="py-1 text-xs font-extrabold "> By:
-<span class="underline text-orange-600  ">
+
+       <span class="underline text-orange-600  ">
           {{ author | trim  }}
         </span>
         <span class="mx-1"> | </span>
-   Posted On: 
-
-
-
+         Posted On:
         <span class="underline text-orange-600 ">
           {{ date | date('HUMAN_DATE') }}
-
-        </span>
+         </span>
         <span class="mx-1"> | </span>
 
-  Total Words: 
-<span class="underline text-orange-600">
+        Total Words: 
+       <span class="underline text-orange-600">
           {{ content | wordcount  }}
         </span>
-
       </p>
-
     </div>
   </div>
 
@@ -46,16 +41,13 @@ date: 2022-20-11
     <hr class="my-5 bg-orange-700 text-orange-700"/>
     <div class="text-thin ">
 
-Tags: 
-{% for tag in tags %}
-
+     Tags: 
+      {% for tag in tags %}
         <a href="{{ "/tags/" + tag   }}">
-          <span 
-class="brightness-125 delay-50 transition ease-in-out border border-orange-700/70 mx-1 rounded-lg hover:bg-orange-700/60 p-1 ">
+          <span class="brightness-125 delay-50 transition ease-in-out border border-orange-700/70 mx-1 rounded-lg hover:bg-orange-700/60 p-1 ">
             {{ tag }}
           </span>
         </a>
-
       {% endfor %}
     </div>
 

diff --git a/src/_includes/templates/blogPostList.njk b/src/_includes/templates/blogPostList.njk
@@ -29,7 +29,6 @@
                                                                                                                 href="{{ page.data.url  }}"
                                                                                                                         >{{ tag }}</a>
               </span>
-
             {% endif %}
           {% endfor %}
         </li>

diff --git a/src/about.njk b/src/about.njk
@@ -1,3 +1,7 @@
+---
+title: "About Template"
+---
+
 <section class="p-5 text-white">
     <h1 class="mdTitle text-3xl text-orange-700 mb-3 font-semibold tracking-wider">About Template</h1>
     <blockquote class="text-gray-300 border-l border-gray-400 px-2 py-0.5 my-1 text-md md:text-1xl ">

diff --git a/src/blog.njk b/src/blog.njk
@@ -1,3 +1,7 @@
+---
+title: "All Blog posts "
+---
+
 {% set postslist = search.pages("type=blogPost", "date=desc") %}
 <section class="py-4 h-full  pt-6  px-3 ">
     <h1 class="px-2 text-leading font-extrabold text-white text-4xl mb-3  tracking-wider  "> All Blog Posts...</h1>

diff --git a/src/search.njk b/src/search.njk
@@ -1,3 +1,6 @@
+---
+title: "Search Site... "
+---
 <section class="px-4 py-6">
     <div>
         <div id="search"></div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,4 +2,5 @@ _site @@
     _cache
     deno.lock
     _bin
-    test.js
+    test.js
+    .vscode