fetchcord
diff --git a/‎gnometerm.png
24.8 KB b/‎gnometerm.png
24.8 KB
diff --git a/‎index.html
Lines changed: 31 additions & 2 deletions b/‎index.html
Lines changed: 31 additions & 2 deletions
diff --git a/‎intelcpu.png
31.6 KB b/‎intelcpu.png
31.6 KB
diff --git a/‎styles.css
Lines changed: 14 additions & 0 deletions b/‎styles.css
Lines changed: 14 additions & 0 deletions
diff --git a/‎tuf.png
28.8 KB b/‎tuf.png
28.8 KB
diff --git a/‎windowsfetchcord.png
25.3 KB b/‎windowsfetchcord.png
25.3 KB
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.00, user-scalable=false;" />
     <link type="text/css" rel="stylesheet" href="styles.css" />
     <script type="text/javascript" src="script.js"></script>
-    <link rel="image/x-icon" href="favicon.ico" />
+    <link rel="icon" href="favicon.ico">
   </head>
 
   <body>
@@ -34,5 +34,34 @@
       <h1>FETCHCORD:</h1>
       <p>Hardware and OS Information Displayed In a Discord Rich Presence<br><br></p>
     </header>
+
+    <div class="gallery">
+      <a target="_blank" href="windowsfetchcord.png">
+        <img src="windowsfetchcord.png" alt="help">
+      </a>
+      <div class="desc">Operating System</div>
+    </div>
+    
+    <div class="gallery">
+      <a target="_blank" href="intelcpu.png">
+        <img src="intelcpu.png" alt="help">
+      </a>
+      <div class="desc">Hardware</div>
+    </div>
+    
+    <div class="gallery">
+      <a target="_blank" href="tuf.png">
+        <img src="tuf.png" alt="help">
+      </a>
+      <div class="desc">Motherboard</div>
+    </div>
+    
+    <div class="gallery">
+      <a target="_blank" href="gnometerm.png">
+        <img src="gnometerm.png" alt="help">
+      </a>
+      <div class="desc">Terminal</div>
+    </div>
   </body>
-</html>
+</html>
+
@@ -16,6 +16,7 @@ body{
   padding-right: 75px;
   padding-top: 35px;
   padding-bottom: 25px;
+  animation: fade-and-come-down 1.25s forwards;
 }
 
 h1 {
@@ -267,4 +268,17 @@ h1 {
 
 .guide, .guide h1 {
   color: rgb(255, 255, 255);
+}
+
+.gallery {
+  margin: 44px;
+  float: left;
+  width: 350px;
+  height: 375px;
+  background: #0b0a0d;
+  background: rgba(11, 10, 13, 0.25);
+  margin-top: 20px;
+  text-align: center;
+  padding: 10px;
+  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
 }