From 79c86a86c0c5d4e5a293c7f9b68e58bce1ad524f Mon Sep 17 00:00:00 2001
From: Clyhtsuriva <aimeric@adjutor.xyz>
Date: Fri, 14 May 2021 11:35:49 +0200
Subject: Updated the visual look and added content

---
 favicon.ico             | Bin 0 -> 3942 bytes
 img/computer_inside.jpg | Bin 0 -> 642244 bytes
 img/dribbble.png        | Bin 2570 -> 7491 bytes
 img/experience.png      | Bin 20173 -> 21569 bytes
 img/facebook.png        | Bin 1309 -> 10576 bytes
 img/gplus.png           | Bin 2192 -> 7069 bytes
 img/logo.png            | Bin 5871 -> 15408 bytes
 img/proxy.jpg           | Bin 0 -> 616170 bytes
 img/server_room.jpg     | Bin 0 -> 107183 bytes
 img/sever_rack2.jpg     | Bin 0 -> 821951 bytes
 img/switch.jpg          | Bin 0 -> 265847 bytes
 img/twitter.png         | Bin 1781 -> 6591 bytes
 index.html              |  13 ++++++++++++-
 style.css               |  47 +++++++++++++++++++++++++++++++++++++++++++----
 14 files changed, 55 insertions(+), 5 deletions(-)
 create mode 100644 favicon.ico
 create mode 100644 img/computer_inside.jpg
 create mode 100644 img/proxy.jpg
 create mode 100644 img/server_room.jpg
 create mode 100644 img/sever_rack2.jpg
 create mode 100644 img/switch.jpg

diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..bf9fa2a
Binary files /dev/null and b/favicon.ico differ
diff --git a/img/computer_inside.jpg b/img/computer_inside.jpg
new file mode 100644
index 0000000..d3ef487
Binary files /dev/null and b/img/computer_inside.jpg differ
diff --git a/img/dribbble.png b/img/dribbble.png
index 479bcf5..12a7ee0 100644
Binary files a/img/dribbble.png and b/img/dribbble.png differ
diff --git a/img/experience.png b/img/experience.png
index 6649855..34e5baf 100644
Binary files a/img/experience.png and b/img/experience.png differ
diff --git a/img/facebook.png b/img/facebook.png
index 18cb37d..c100a35 100755
Binary files a/img/facebook.png and b/img/facebook.png differ
diff --git a/img/gplus.png b/img/gplus.png
index 3d8b132..d9b1660 100644
Binary files a/img/gplus.png and b/img/gplus.png differ
diff --git a/img/logo.png b/img/logo.png
index bde1511..761b808 100755
Binary files a/img/logo.png and b/img/logo.png differ
diff --git a/img/proxy.jpg b/img/proxy.jpg
new file mode 100644
index 0000000..f87b4b5
Binary files /dev/null and b/img/proxy.jpg differ
diff --git a/img/server_room.jpg b/img/server_room.jpg
new file mode 100644
index 0000000..43b5139
Binary files /dev/null and b/img/server_room.jpg differ
diff --git a/img/sever_rack2.jpg b/img/sever_rack2.jpg
new file mode 100644
index 0000000..3788764
Binary files /dev/null and b/img/sever_rack2.jpg differ
diff --git a/img/switch.jpg b/img/switch.jpg
new file mode 100644
index 0000000..82935e6
Binary files /dev/null and b/img/switch.jpg differ
diff --git a/img/twitter.png b/img/twitter.png
index 79b45ee..aa4a5cb 100755
Binary files a/img/twitter.png and b/img/twitter.png differ
diff --git a/index.html b/index.html
index 035db53..c8fcb97 100755
--- a/index.html
+++ b/index.html
@@ -74,7 +74,18 @@
             <img src="img/sever_rack.jpg" alt="server racks">
         </div>
     </div>
-    <div id="project-list-container"></div>
+    <div id="project-list-container">
+        <div id="latest-title"><b>Latest Projects</b></div>
+        <div id="menu-project">
+            <nav>
+                <a href="#"><b>All</b></a>
+                <a href="#"><b>Hardware</b></a>
+                <a href="#"><b>Servers</b></a>
+            </nav>
+        </div>
+        <div><a href="#" id="view-all"><i>View All Projects</i></a></div>
+        <div id="latest-project-pics"><img src="img/server_room.jpg" alt="server_room"></div>
+    </div>
     <div id="review-container"></div>
     
 </body>
diff --git a/style.css b/style.css
index f3cf369..66a183c 100755
--- a/style.css
+++ b/style.css
@@ -1,3 +1,8 @@
+body {
+  background-color: #040217;
+  color: #ccccff;
+}
+
 header{
     display: flex;
     justify-content: space-between;
@@ -10,7 +15,7 @@ header{
 }
 
 #contacts{
-    display: flex;
+  display: none;
 }
 
 #contacts p{
@@ -29,7 +34,14 @@ header{
     height: 2px;
     margin-bottom: 5px;
     position: relative;
-    background: black;
+    background: white;
+}
+
+@media screen and (min-width: 750px) {
+  #contacts {
+    display: flex;
+    align-items: center;
+  }
 }
 
 /* Slideshow container */
@@ -41,14 +53,14 @@ header{
   
   /* Caption text */
   .text {
-    color: black;
+    color: #ccccff;
     font-size: 150%;
     padding: 8px 12px;
     position: absolute;
     bottom: 8px;
     width: 100%;
     text-align: center;
-    background-color: white;
+    background-color: #040217;
   }
   
   /* The dots/bullets/indicators */
@@ -100,4 +112,31 @@ header{
 #picture img{
   height: 100%;
   width: 100%;
+}
+
+@media screen and (min-width: 1000px) {
+  #desc-and-pic-container{
+    flex-wrap: initial;
+  }
+  #picture img{
+    padding-top: 10px;
+  }
+}
+
+#project-list-container{
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+  padding-top: 10px;
+}
+
+#project-list-container a {
+  color: white;
+  text-decoration: none;
+}
+
+#latest-project-pics img{
+  height: 100%;
+  width: 100%;
 }
\ No newline at end of file
-- 
cgit v1.2.3