styling changes

lipu-tenpo · Dec 5, 2023 · a78ea4d · a78ea4d
1 parent bbfd3a1
commit a78ea4d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/_includes/base.html.njk b/_includes/base.html.njk
@@ -35,7 +35,7 @@ description: lipu tenpo
     <link rel="stylesheet" href="/tailwind.css" />
   </head>
 
-  <body>
+  <body class="bg-gray-800 text-gray-100">
     {{ content | safe }}
   </body>
 </html>
diff --git a/_includes/frame.html.njk b/_includes/frame.html.njk
@@ -1,5 +1,6 @@
 ---
 layout: base.html
+header_text: lipu tenpo
 ---
 
 <header class="p-4">
@@ -10,14 +11,24 @@ layout: base.html
     width="475px"
     height="497px"
   />
-  <nav class="float-right">
+  <nav class="">
     <ul>
       <li>
         <a href="/">tomo</a>
+      </li>
+      <li>
         <a href="/lipu-ante">lipu ante</a>
+      </li>
+      <li>
         <a href="/category/lipu">lipu</a>
+      </li>
+      <li>
         <a href="/category/toki">toki</a>
+      </li>
+      <li>
         <a href="/sonapona">sona pona</a>
+      </li>
+      <li>
         <a href="/about">jan pali</a>
       </li>
     </ul>
@@ -26,7 +37,7 @@ layout: base.html
       <input type="text" name="q" placeholder="search" />
     </form>
   </nav>
-  <h1 class="text-4xl">lipu tenpo</h1>
+  <h1 class="text-4xl">{{ header_text }}</h1>
 </header>
 <main class="p-4">{{ content | safe }}</main>
 <footer class="p-4">

diff --git a/index.html b/index.html
@@ -10,8 +10,8 @@
   {% for lipu in lipu_ale %}
   <article class="grid grid-cols-2 gap-4">
     <img
-      class="max-w-xs max-h-80 w-full h-auto"
-      src="pdfs/{{ lipu.cover-image }}"
+      class="max-w-xs max-h-80 w-full h-auto rounded-sm"
+      src="pdfs/{{ lipu.cover_image }}"
       alt="{{ lipu.title }} cover image"
       width="1536"
       height="1083"