banners!!!!!!!!!!

2022-04-22 05:53:33 -04:00 · 2022-04-22 05:53:33 -04:00 · cc7911812d
commit cc7911812d
parent e4f93695c1
13 changed files with 54 additions and 0 deletions
--- a/index/banners/index.html
+++ b/index/banners/index.html
@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en-US">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Banners</title>
+    <link rel="stylesheet" href="../../style/style.css" />
+    <link rel="icon" type="image/x-icon" href="../../res/site/icons/favicon.ico">
+</head>
+
+<body>
+    <header class="page-header" role="banner">
+        <h1 class="project-name">Banners</h1>
+        <h2 class="project-tagline">Banners I've collected from surfing the web. <br> (Gotta catch 'em all!)</h2>
+
+        <a href="../../" class="btn">Home</a>
+        <a href="../webrings/" class="btn">Webrings</a>
+    </header>
+
+    <main id="content" class="main-content" role="main">
+        <h3><a href="#banner">What is a Banner?</a></h3>
+        <section id="banner">An image or gif that links to a site or represents a idea or belief ... anything!</section>
+
+        <br>
+        <hr>
+        <br>
+
+        <div>
+
+            <section class="grid" id="banners">
+                <a class="grid-item zoom" href="https://www.mozilla.org/en-CA/firefox/products/"><img src="../../res/site/banners/firefox.gif"></a>
+                <a class="grid-item zoom" href="https://ubuntu.com/"><img src="../../res/site/banners/ubuntu.gif"></a>
+                <a class="grid-item zoom" href="https://neovim.io/"><img src="../../res/site/banners/vim.gif"></a>
+                <a class="grid-item zoom" href="https://sadgrl.online/"><img src="../../res/site/banners/nft.gif"></a>
+                <a class="grid-item zoom" href="https://yesterweb.org/no-to-web3/"><img src=""></a>
+                <a class="grid-item zoom" href="https://yesterweb.org/no-to-web3/"><img src="../../res/site/banners/noweb3_1.gif"></a>
+                <a class="grid-item zoom" href="https://yesterweb.org/no-to-web3/"><img src="../../res/site/banners/noweb3_2.gif"></a>
+                <a class="grid-item zoom" href="https://yesterweb.org/no-to-web3/"><img src="../../res/site/banners/noweb3_3.gif"></a>
+                <img class="grid-item zoom" src="../../res/site/banners/thevoid.gif">
+                <img class="grid-item zoom" src="../../res/site/banners/nocookie.gif">
+                <img class="grid-item zoom" src="../../res/site/banners/graphicdesign.gif">
+                <img class="grid-item zoom" src="../../res/site/banners/trustme.gif">
+            </section>
+
+        </div>
+        <footer class="site-footer">
+            You have reached the end of the page. (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
+        </footer>
+    </main>
+</body>
+
+</html>
--- a/res/site/banners/firefox.gif
+++ b/res/site/banners/firefox.gif
--- a/res/site/banners/graphicdesign.gif
+++ b/res/site/banners/graphicdesign.gif
--- a/res/site/banners/nft.gif
+++ b/res/site/banners/nft.gif
--- a/res/site/banners/nocookie.gif
+++ b/res/site/banners/nocookie.gif
--- a/res/site/banners/noweb3_1.gif
+++ b/res/site/banners/noweb3_1.gif
--- a/res/site/banners/noweb3_2.gif
+++ b/res/site/banners/noweb3_2.gif
--- a/res/site/banners/noweb3_3.gif
+++ b/res/site/banners/noweb3_3.gif
--- a/res/site/banners/saynotoweb3.gif
+++ b/res/site/banners/saynotoweb3.gif
--- a/res/site/banners/thevoid.gif
+++ b/res/site/banners/thevoid.gif
--- a/res/site/banners/trustme.gif
+++ b/res/site/banners/trustme.gif
--- a/res/site/banners/ubuntu.gif
+++ b/res/site/banners/ubuntu.gif
--- a/res/site/banners/vim.gif
+++ b/res/site/banners/vim.gif