arrayinamatrix.xyz/index/banners/index.html
array-in-a-matrix fabccc788f navi banner
2024-03-26 18:38:43 -04:00

588 lines
20 KiB
HTML
Executable file

<!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"
/>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script
id="MathJax-script"
async=""
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
></script>
</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.
</h2>
<a href="../../" class="btn">Home</a>
<a href="../webrings/" class="btn">Webrings<sup></sup></a>
</header>
<main id="content" class="main-content" role="main">
<section id="banner">
<h3><a href="#banner">What is a Banner?</a></h3>
Sometimes called a button, sticker, or "88x31" (the most common
resolution used) is an animated or static image that represents a
person, idea or belief and may link to a site. Banners where very common
in the 1990s and early 2000s alongside webrings.
</section>
<hr />
<section id="friends">
<h3>Friends:</h3>
<div class="grid">
<a class="grid-item-banner zoom" href="https://jlehr.neocities.org"
><img src="../../res/site/banners/jlehr.gif"
/></a>
<a class="grid-item-banner zoom" href="https://tobskep.com/"
><img src="../../res/site/banners/robtobert.gif"
/></a>
<a class="grid-item-banner zoom" href="https://fsky.io/"
><img src="../../res/site/banners/fskybadge.png"
/></a>
</div>
</section>
<br />
<!-- <img class="grid-item-banner zoom" src="../../res/site/banners/"> -->
<!-- <a class="grid-item-banner zoom" href=""><img src="../../res/site/banners/"></a> -->
<section id="banners">
<h3>Banners:</h3>
<div class="grid">
<a class="grid-item-banner zoom" href="https://brave.com"
><img src="../../res/site/banners/brave.png"
/></a>
<a class="grid-item-banner zoom" href="https://getfirefox.com"
><img src="../../res/site/banners/firefox_2.gif"
/></a>
<a class="grid-item-banner zoom" href="https://neovim.io/"
><img src="../../res/site/banners/vim.gif"
/></a>
<a class="grid-item-banner zoom" href="https://sadgrl.online/"
><img src="../../res/site/banners/nft.gif"
/></a>
<a
class="grid-item-banner zoom"
href="https://libreddit.de/r/piracy/wiki/megathread/"
><img src="../../res/site/banners/piracy.gif"
/></a>
<a class="grid-item-banner zoom" href="https://tilde.club"
><img src="../../res/site/banners/tildeclub.gif"
/></a>
<a class="grid-item-banner zoom" href="https://ubuntu.com/"
><img src="../../res/site/banners/ubuntu.gif"
/></a>
<a class="grid-item-banner zoom" href="https://www.7-zip.org/"
><img src="../../res/site/banners/7zip.gif"
/></a>
<a
class="grid-item-banner zoom"
href="https://www.mozilla.org/en-CA/firefox/products/"
><img src="../../res/site/banners/firefox.gif"
/></a>
<a
class="grid-item-banner zoom"
href="https://yesterweb.org/no-to-web3/"
><img src="../../res/site/banners/noweb3_1.gif"
/></a>
<a
class="grid-item-banner zoom"
href="https://yesterweb.org/no-to-web3/"
><img src="../../res/site/banners/noweb3_2.gif"
/></a>
<a
class="grid-item-banner zoom"
href="https://yesterweb.org/no-to-web3/"
><img src="../../res/site/banners/noweb3_3.gif"
/></a>
<a class="grid-item-banner zoom" href="https://ipfs.io"
><img src="../../res/site/banners/ipfs.gif"
/></a>
<a class="grid-item-banner zoom" href="https://vern.cc"
><img src="../../res/site/banners/vern.gif"
/></a>
<a class="grid-item-banner zoom" href="https://www.gimp.org/"
><img src="../../res/site/banners/gimp.gif"
/></a>
<a class="grid-item-banner zoom" href="https://wiby.me"
><img src="../../res/site/banners/wiby.gif"
/></a>
<a class="grid-item-banner zoom" href="https://archlinux.org"
><img src="../../res/site/banners/btw.png"
/></a>
<a class="grid-item-banner zoom" href="https://kde.org/"
><img src="../../res/site/banners/kde.gif"
/></a>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/ss.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/1080p.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/2000.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/800x600.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/amd_powered.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/aniquake.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/anybrowser.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/bvwac.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/evil.webp"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/firefox_badge.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/freencool.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/free_palestine.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/freespeech.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/Get_IE_Button.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/gnu-linux.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/google.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/graphicdesign.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/handcode-frk.jpg"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/handcode.jpg"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/hi_color.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/IDreamInHtml.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/jail.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/learn_html.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/LocalNetwork.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/madewithcss.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/mozilla.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/neocities.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/neocities-pink.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/netscape.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/nocookie.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/noframes.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/pacman.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/pepsi.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/right-to-repair.jpg"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/steam.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/stop_ie.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/thevoid.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/underconstruction.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/w3schools.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/win95.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/win98.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/winxp.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/www.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/stop-ms.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/stand-against-google.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/same-shit.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/powered-by-i2p.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/monero-now.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/masto.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/any-browser.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/lynx.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/i2p.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/vim_2.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/free-speech.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/tor.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/hate-mac.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/discord.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/debian.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/internet-privacy.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/hacker-power.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/gitea.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/drm.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/getmonero.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/button.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/vscode.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/trustme.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/psbutton.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/urappin.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/html_learn_it_today.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/antinft.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/88x31.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/bestviewedcomp.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/anybrowser2.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/archbtw.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/catscape3.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/chrome.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/dbd.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/eightyeightythirtyone.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/firefox4.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/graphene.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/hatems.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/hl.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/linuxnow2.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/neovim.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/ublockorigin.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/valid-xhtml10.png"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/wikipedia.gif"
/>
<img
class="grid-item-banner zoom"
src="../../res/site/banners/navi.jpg"
/>
</div>
</section>
<br />
<section id="custom">
<h3>My banner:</h3>
You can use these banners to link back to my site:
<br />
<div class="center">
<a href="https://arrayinamatrix.xyz"
><img src="../../res/site/banners/custom/white_88x31.png"
/></a>
<a href="https://arrayinamatrix.xyz"
><img src="../../res/site/banners/custom/white_176x62.png"
/></a>
<a href="https://arrayinamatrix.xyz"
><img src="../../res/site/banners/custom/white_264x93.png"
/></a>
</div>
<pre
class="highlight"
><code>&lt;a href=&quot;https://arrayinamatrix.xyz&quot;&gt;&lt;img src=&quot;https://arrayinamatrix.xyz/res/site/banners/custom/white_88x31.png&quot;&gt;&lt;/a&gt;
&lt;a href=&quot;https://arrayinamatrix.xyz&quot;&gt;&lt;img src=&quot;https://arrayinamatrix.xyz/res/site/banners/custom/white_176x62.png&quot;&gt;&lt;/a&gt;
&lt;a href=&quot;https://arrayinamatrix.xyz&quot;&gt;&lt;img src=&quot;https://arrayinamatrix.xyz/res/site/banners/custom/white_264x93.png&quot;&gt;&lt;/a&gt;</code></pre>
<br />
<div class="center">
<a href="https://arrayinamatrix.xyz"
><img src="../../res/site/banners/custom/black_88x31.gif"
/></a>
<a href="https://arrayinamatrix.xyz"
><img src="../../res/site/banners/custom/black_176x62.gif"
/></a>
<a href="https://arrayinamatrix.xyz"
><img src="../../res/site/banners/custom/black_264x93.gif"
/></a>
</div>
<pre
class="highlight"
><code>&lt;a href=&quot;https://arrayinamatrix.xyz&quot;&gt;&lt;img src=&quot;https://arrayinamatrix.xyz/res/site/banners/custom/black_88x31.gif&quot;&gt;&lt;/a&gt;
&lt;a href=&quot;https://arrayinamatrix.xyz&quot;&gt;&lt;img src=&quot;https://arrayinamatrix.xyz/res/site/banners/custom/black_176x62.gif&quot;&gt;&lt;/a&gt;
&lt;a href=&quot;https://arrayinamatrix.xyz&quot;&gt;&lt;img src=&quot;https://arrayinamatrix.xyz/res/site/banners/custom/black_264x93.gif&quot;&gt;&lt;/a&gt;</code></pre>
<br />
Using <a href="https://www.mathjax.org/#gettingstarted">MathJax</a>:
<a href="https://arrayinamatrix.xyz/">
<div>
\begin{bmatrix} \\ & Array & in & a & Matrix & \\ \\ \end{bmatrix}
</div>
</a>
<br />
<pre
class="highlight"
><code>&lt;script src=&quot;https://polyfill.io/v3/polyfill.min.js?features=es6&quot;&gt;&lt;/script&gt;
&lt;script id=&quot;MathJax-script&quot; async=&quot;&quot; src=&quot;https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js&quot;&gt;&lt;/script&gt;
&lt;a href=&quot;https://arrayinamatrix.xyz/&quot;&gt;
&lt;div&gt;
\begin{bmatrix}
\\
&amp; Array &amp; in &amp; a &amp; Matrix &amp; \\
\\
\end{bmatrix}
&lt;/div&gt;
&lt;/a&gt;</code></pre>
</section>
<br />
<section id="more">
<h3>Need more?</h3>
<div>
<ul>
<li>
<a href="https://cyber.dabamos.de/88x31/index.html"
>https://cyber.dabamos.de/88x31/index.html</a
>
</li>
<li>
<a href="https://capstasher.neocities.org/88x31collection-page1"
>https://capstasher.neocities.org/88x31collection-page1</a
>
</li>
<li>
<a href="https://anlucas.neocities.org/88x31Buttons.html"
>https://anlucas.neocities.org/88x31Buttons.html</a
>
</li>
<li>
<a href="https://neonaut.neocities.org/cyber/88x31"
>https://neonaut.neocities.org/cyber/88x31</a
>
</li>
</ul>
</div>
</section>
<footer class="site-footer">
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
</footer>
</main>
</body>
</html>