partsdb

electronic parts inventory
git clone https://git.e1e0.net/partsdb.git
Log | Files | Refs | README | LICENSE
commit 2e92e26fd6dad72b5057326fe423237b07fb5073
parent d3f448c545882d52db3a52438b5a4f5beccc6334
Author: Paco Esteban <paco@e1e0.net>
Date:   Sat,  7 Oct 2023 16:37:02 +0200

add logo too

Diffstat:

Apartsdb/exports/files/icons8-transistor-80.png | 0


Mpartsdb/exports/templates/index.html | 12+++++++++---


Mpartsdb/exports/templates/style.css | 11++++++++++-


3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/partsdb/exports/files/icons8-transistor-80.png b/partsdb/exports/files/icons8-transistor-80.png
Binary files differ.
diff --git a/partsdb/exports/templates/index.html b/partsdb/exports/templates/index.html
@@ -13,14 +13,20 @@
   <link rel="stylesheet" href="style.css?v=1.0">
 </head>
 <body>
-  <h1>PartsDB</h1>
   <div class="list-container">
+    <div class="index-logo">
+        <img src="icons8-transistor-80.png" alt="transistor icon"/>
+    </div>
+    <div class="index-title">
+          <h1>PartsDB</h1>
+          <p>Because organization is futile ...</p>
+    </div>
     <div class="category-list">
       <p>By category:</p>
       <ul>
         {% for c in cat %}
           <li><a href="cat_list_{{ c.id }}.html">{{ c.name }}</a></li>
-        {% endfor %}
+        {%- endfor %}
       </ul>
     </div>
     <div class="storage-list">
@@ -28,7 +34,7 @@
       <ul>
         {% for s in sto %}
           <li><a href="storage_{{ s.id }}.html">{{ s.name }}</a></li>
-        {% endfor %}
+        {%- endfor %}
       </ul>
     </div>
   </div>
diff --git a/partsdb/exports/templates/style.css b/partsdb/exports/templates/style.css
@@ -27,8 +27,17 @@ h1 {
   grid-area: storageList;
 }
 
+.index-logo {
+  grid-area: indexLogo;
+}
+
+.index-title {
+  grid-area: indexTitle;
+}
+
 .list-container {
   display: grid;
   column-gap: 50px;
-  grid-template-areas: 'catList storageList';
+   grid-template-areas: 'indexLogo indexTitle indexTitle indexTitle indexTitle indexTitle'
+                        'catList catList catList storageList storageList storageList';
 }