Add 11ty mention in footer

This commit is contained in:
Nexus 2024-06-18 02:02:39 +01:00
parent b8e182df14
commit 291e80a919
Signed by: nex
GPG key ID: 0FA334385D0B689F
4 changed files with 54 additions and 38 deletions

View file

@ -1,3 +1,8 @@
<footer>
<p>🍉 Free Palestine | 🇺🇦 Slava Ukraini | 🔥 Tories out</p>
<p class="text-sm">
Built with <a href="https://www.11ty.dev/" target="_blank" rel="noopener noreferrer"><strong>11ty</strong></a>
|
<a href="https://git.i-am.nexus/nex/nexy7574.co.uk-b/src/branch/master/ssg" target="_blank" rel="noopener noreferrer">Source Code</a>
</p>
</footer>

View file

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>nexy7574.co.uk</title>
<link rel="stylesheet" href="{{ '/css/bundle.css' | url }}">
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
</head>
<body>
<div class="mainBody">

View file

@ -209,3 +209,13 @@ This file should be imported at the end of <body> so that any fonts that're need
Sure this will make fonts look ugly on slow connections, but if you can't load the page because the font is taking too long to load, well that's even worse.
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');
/* Nicked from tailwind
For some reason, importing the tailwind library broke this CSS (probably my poor naming)
so I've had to resort to stealing (copying and pasting from their docs)
*/
.text-sm {
font-size: 0.875rem; /* 14px */
line-height: 1.25rem; /* 20px */
}

View file

@ -13,18 +13,18 @@ title: index
<div>
<h3>Languages</h3>
<div>
<img src="img/python-color.svg" alt="Python" title="Python" width="32px" height="32px" class="icon">
<img src="img/javascript-color.svg" alt="JavaScript" title="JavaScript" width="32px" height="32px" class="icon">
<img src="img/gnubash-color.svg" alt="Bash" title="Bash" width="32px" height="32px" class="icon">
<img src="/img/python-color.svg" alt="Python" title="Python" width="32px" height="32px" class="icon">
<img src="/img/javascript-color.svg" alt="JavaScript" title="JavaScript" width="32px" height="32px" class="icon">
<img src="/img/gnubash-color.svg" alt="Bash" title="Bash" width="32px" height="32px" class="icon">
</div>
</div>
<div>
<h3>Operating Systems</h3>
<div>
<img src="img/fedora-color.svg" alt="Fedora" title="Fedora" width="32px" height="32px" class="icon">
<img src="img/ubuntu-color.svg" alt="Ubuntu" title="Ubuntu (Server)" width="32px" height="32px" class="icon">
<img src="img/windows-color.svg" alt="Windows" title="Windows" width="32px" height="32px" class="icon">
<img src="img/apple-color.svg" alt="iOS" title="iOS" width="32px" height="32px" class="icon">
<img src="/img/fedora-color.svg" alt="Fedora" title="Fedora" width="32px" height="32px" class="icon">
<img src="/img/ubuntu-color.svg" alt="Ubuntu" title="Ubuntu (Server)" width="32px" height="32px" class="icon">
<img src="/img/windows-color.svg" alt="Windows" title="Windows" width="32px" height="32px" class="icon">
<img src="/img/apple-color.svg" alt="iOS" title="iOS" width="32px" height="32px" class="icon">
</div>
</div>
<div>
@ -32,46 +32,46 @@ title: index
<p style="font-size: initial">In order of fastest to slowest</p>
<div>
<a href="https://matrix.to/#/@nex:nexy7574.co.uk" rel="noopener noreferrer" target="_blank" class="icon">
<img src="img/matrix-color.svg" alt="Matrix" title="Matrix" width="32px" height="32px" class="icon">
<img src="/img/matrix-color.svg" alt="Matrix" title="Matrix" width="32px" height="32px" class="icon">
</a>
<a href="https://signal.me/#eu/j24vT8zDzquI0us48k7eiNJcpJjEw4TYUz1gtvo_0HtEfq4C2MZG1YFs5POF98Sb" rel="noopener" target="_blank" class="icon">
<img src="img/signal-color.svg" alt="Signal" title="Signal" width="32px" height="32px" class="icon">
<img src="/img/signal-color.svg" alt="Signal" title="Signal" width="32px" height="32px" class="icon">
</a>
<img src="img/imessage-color.svg" alt="iMessage" title="iMessage" width="32px" height="32px" class="icon">
<img src="/img/imessage-color.svg" alt="iMessage" title="iMessage" width="32px" height="32px" class="icon">
<a href="https://discord.gg/TveBeG7" rel="noopener" target="_blank" class="icon">
<img src="img/discord-color.svg" alt="Discord" title="Discord" width="32px" height="32px" class="icon">
<img src="/img/discord-color.svg" alt="Discord" title="Discord" width="32px" height="32px" class="icon">
</a>
<a rel="noopener" target="_blank" class="icon">
<img src="img/gmail-color.svg" alt="Email" title="Email (very slow)" width="32px" height="32px" class="icon">
<img src="/img/gmail-color.svg" alt="Email" title="Email (very slow)" width="32px" height="32px" class="icon">
</a>
</div>
</div>
<div>
<h3>Learning</h3>
<div>
<img src="img/csharp-color.svg" alt="C#" title="C#" width="32px" height="32px" class="icon"/>
<img src="img/go-color.svg" alt="Go" title="Go" width="32px" height="32px" class="icon"/>
<img src="/img/csharp-color.svg" alt="C#" title="C#" width="32px" height="32px" class="icon"/>
<img src="/img/go-color.svg" alt="Go" title="Go" width="32px" height="32px" class="icon"/>
</div>
</div>
<div>
<h3>Tools</h3>
<div>
<img src="img/docker-color.svg" alt="Docker" title="Docker" width="32px" height="32px" class="icon"/>
<img src="img/git-color.svg" alt="Git" title="Git" width="32px" height="32px" class="icon"/>
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon"/>
<img src="img/linode.svg" alt="Linode" title="Linode (cloud hosting)" width="32px" height="32px" class="icon"/>
<img src="img/postgresql-color.svg" alt="Postgres" title="Postgres" width="32px" height="32px" class="icon"/>
<img src="img/ollama.svg" alt="Ollama" title="Ollama (web hosting)" width="32px" height="32px" class="icon"/>
<img src="img/openai-color.svg" alt="OpenAI/ChatGPT" title="OpenAI/ChatGPT" width="32px" height="32px" class="icon"/>
<img src="/img/docker-color.svg" alt="Docker" title="Docker" width="32px" height="32px" class="icon"/>
<img src="/img/git-color.svg" alt="Git" title="Git" width="32px" height="32px" class="icon"/>
<img src="/img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon"/>
<img src="/img/linode.svg" alt="Linode" title="Linode (cloud hosting)" width="32px" height="32px" class="icon"/>
<img src="/img/postgresql-color.svg" alt="Postgres" title="Postgres" width="32px" height="32px" class="icon"/>
<img src="/img/ollama.svg" alt="Ollama" title="Ollama (web hosting)" width="32px" height="32px" class="icon"/>
<img src="/img/openai-color.svg" alt="OpenAI/ChatGPT" title="OpenAI/ChatGPT" width="32px" height="32px" class="icon"/>
</div>
</div>
<div>
<h3>Frameworks & Libraries</h3>
<div>
<img src="img/nextdotjs.svg" alt="Next.js" title="Next.js" width="32px" height="32px" class="icon"/>
<img src="img/fastapi-color.svg" alt="FastAPI" title="FastAPI" width="32px" height="32px" class="icon"/>
<img src="img/discordpy.png" alt="Discord.py" title="Discord.py" width="32px" height="32px" class="icon"/>
<img src="img/pycord.png" alt="py-cord" title="py-cord" width="32px" height="32px" class="icon"/>
<img src="/img/nextdotjs.svg" alt="Next.js" title="Next.js" width="32px" height="32px" class="icon"/>
<img src="/img/fastapi-color.svg" alt="FastAPI" title="FastAPI" width="32px" height="32px" class="icon"/>
<img src="/img/discordpy.png" alt="Discord.py" title="Discord.py" width="32px" height="32px" class="icon"/>
<img src="/img/pycord.png" alt="py-cord" title="py-cord" width="32px" height="32px" class="icon"/>
</div>
</div>
</div>
@ -92,12 +92,12 @@ title: index
<td>A bot framework for the matrix ecosystem</td>
<td>
<a href="https://github.com/nexy7574/nio-bot" rel="noopener" target="_blank" class="icon">
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
<img src="/img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
</a>
</td>
<td>
<a href="https://matrix.to/#/#bots:nexy7574.co.uk" rel="opopener" target="_blank" class="icon">
<img src="img/matrix-color.svg" alt="Matrix" title="Matrix" width="32px" height="32px" class="icon">
<img src="/img/matrix-color.svg" alt="Matrix" title="Matrix" width="32px" height="32px" class="icon">
</a>
</td>
</tr>
@ -106,7 +106,7 @@ title: index
<td>A command line interface for interacting with the Dendrite homeserver.</td>
<td>
<a href="https://github.com/nexy7574/dendritecli" rel="noopener" target="_blank" class="icon">
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
<img src="/img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
</a>
</td>
<td></td>
@ -116,7 +116,7 @@ title: index
<td>A CLI mod manager for minecraft servers.</td>
<td>
<a href="https://github.com/nexy7574/modman" rel="noopener" target="_blank" class="icon">
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
<img src="/img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
</a>
</td>
<td></td>
@ -126,10 +126,10 @@ title: index
<td>Specialised chat bot in discord for my college server.</td>
<td>
<a href="https://git.i-am.nexus/nex/college-bot-v2" rel="noopener" target="_blank" class="icon">
<img src="img/forgejo-color.svg" alt="Forgejo" title="Forgejo" width="32px" height="32px" class="icon">
<img src="/img/forgejo-color.svg" alt="Forgejo" title="Forgejo" width="32px" height="32px" class="icon">
</a>
[<a href="https://github.com/nexy7574/college-bot-v2" rel="noopener" target="_blank" class="icon">
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
<img src="/img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
</a>]
</td>
<td></td>
@ -139,12 +139,12 @@ title: index
<td>A drop-in proxy URL preview server for Matrix</td>
<td>
<a href="https://git.i-am.nexus/nex/drop-in-url-previews" rel="noopener" target="_blank" class="icon">
<img src="img/forgejo-color.svg" alt="Forgejo" title="Forgejo" width="32px" height="32px" class="icon">
<img src="/img/forgejo-color.svg" alt="Forgejo" title="Forgejo" width="32px" height="32px" class="icon">
</a>
</td>
<td>
<a href="https://matrix.nexy7574.co.uk/_matrix/media/r0/preview_url?url=nexy7574.co.uk" rel="noopener" target="_blank" class="icon">
<img src="img/matrix-color.svg" alt="Matrix" title="Matrix" width="32px" height="32px" class="icon">
<img src="/img/matrix-color.svg" alt="Matrix" title="Matrix" width="32px" height="32px" class="icon">
</td>
</tr>
<tr>
@ -163,7 +163,7 @@ title: index
</td>
<td>
<a href="https://discord.com/api/oauth2/authorize?client_id=722000000000000000&permissions=8&scope=bot" rel="noopener" target="_blank" class="icon">
<img src="img/discord-color.svg" alt="Discord" title="Discord" width="32px" height="32px" class="icon">
<img src="/img/discord-color.svg" alt="Discord" title="Discord" width="32px" height="32px" class="icon">
</a>
</td>
</tr>
@ -173,7 +173,7 @@ title: index
<td><i>proprietary</i></td>
<td>
<a href="https://top.gg/bot/619328560141697036" rel="noopener noreferrer" target="_blank" class="icon">
<img src="img/topdotgg.svg" alt="top.gg" title="top.gg" width="32px" height="32px" class="icon">
<img src="/img/topdotgg.svg" alt="top.gg" title="top.gg" width="32px" height="32px" class="icon">
</a>
</td>
</tr>
@ -186,7 +186,7 @@ title: index
</td>
<td>
<a href="https://github.com/nexy7574/top.py" rel="noopener" target="_blank" class="icon">
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
<img src="/img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
</a>
</td>
<td></td>
@ -212,7 +212,7 @@ title: index
<td>"Pycord, a maintained fork of discord.py, is a python wrapper for the Discord API"</td>
<td>
<a href="https://github.com/Pycord-Development/pycord" rel="noopener" target="_blank" class="icon">
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
<img src="/img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
</a>
</td>
</tr>
@ -221,7 +221,7 @@ title: index
<td>"A Python Matrix client library, designed according to sans I/O principles"</td>
<td>
<a href="https://github.com/matrix-nio/matrix-nio" rel="noopener" target="_blank" class="icon">
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
<img src="/img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
</a>
</td>
</tr>