Added smart planter thumb

AndersSeverinsen · Nov 25, 2024 · 674ddee · 674ddee
1 parent ac22d4e
commit 674ddee
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 5 deletions.
diff --git a/images/planter_display.jpeg b/images/planter_display.jpeg
diff --git a/index.html b/index.html
@@ -61,8 +61,35 @@ <h5>March 22, 2022</h5>
                     </a>
                 </li>
             </ul>
-            <ul class="thumblist" id="school" display="none"></ul>
-            <ul class="thumblist" id="professional" display="none"></ul>
+            <ul class="thumblist" id="school" style="display:none;">
+                <li class="thumb notactive">
+                    <a> <!-- href="./fridg3" target="_blank"  -->
+                        <div class="leftcolumn">
+                            <h3>Minimalist Smart Planter</h3>
+                            <p>The smart planter fits most herbs bought in the supermarket, 
+                                and will help keep it fresh for longer and help water the plants correctly.</p> 
+                            <h5>April 27, 2020</h5>   
+                        </div>
+                        <div class="rightcolumn">
+                            <img src="images/planter_display.jpeg">
+                        </div>
+                    </a>
+                </li>
+            </ul>
+            <ul class="thumblist" id="professional" style="display:none;">
+                <li class="thumb notactive">
+                    <a> <!-- href="./fridg3" target="_blank"  -->
+                        <div class="leftcolumn">
+                            <h3>Coming soon</h3>
+                            <p>...</p> 
+                            <h5>January 1, 1999</h5>   
+                        </div>
+                        <div class="rightcolumn">
+                            <img src="images/mybrain.png">
+                        </div>
+                    </a>
+                </li>
+            </ul>
         </div>
     </body>
     <footer>

diff --git a/styles/style.css b/styles/style.css
@@ -130,6 +130,7 @@ header a:hover, footer a:hover {
 .thumb img {
     width: 200px;
     height: 200px;
+    border-radius: 5%;
     object-fit: cover;
 }
 
@@ -186,11 +187,11 @@ header a:hover, footer a:hover {
 }
 
 .profile img {
-    width: 180px;
-    height: 180px;
+    width: 150px;
+    height: 150px;
     object-fit: cover;
     border-radius: 50%;
-    border: 3px solid black;
+    border: 2.5px solid black;
 }
 
 .profiletext {