You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
3.7 KiB
HTML
87 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="A collection of the websites Aney uses regularary, finds inspiration from, or just finds attractive">
|
|
<meta name="keywords" content="Websites, collection">
|
|
<meta name="author" content="Nathan (Aney) Steel">
|
|
<meta name="theme-color" content="white">
|
|
<meta name="theme-color" content="black">
|
|
<link rel="stylesheet" type="text/css" href="/main.css">
|
|
<link rel="icon" type="image/png" href="/images/favicon.svg">
|
|
<title>Aney's Favourite Sites</title>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<a href="#main" class="vh">Jump directly to main content</a>
|
|
<h1>Aney's Favourite Sites</h1>
|
|
<input id="burger-toggle" type="checkbox"/>
|
|
<label class="burger-container" for="burger-toggle"><div class="burger"></div><span class="sr">Burger menu</span></label>
|
|
<hr/>
|
|
<nav>
|
|
<a href="/">home</a>
|
|
<a href="/about.html">about</a>
|
|
<a href="/projects.html">projects</a>
|
|
<a href="/blog/">blog</a>
|
|
<a href="/sitemap.html">misc</a>
|
|
<a href="/support.html">support</a>
|
|
</nav>
|
|
<hr/>
|
|
</header>
|
|
|
|
<main id="main">
|
|
<section>
|
|
<h2>Websites I frequent</h2>
|
|
<p>I use these, but maybe I should stop.</p>
|
|
<ul>
|
|
<li><a href="https://www.youtube.co.uk" target="_blank" rel="noopener">Youtube</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Useful Websites</h2>
|
|
<p>These websites make things easier for me.</p>
|
|
<ul>
|
|
<li><a href="https://coolors.co/generate" target="_blank" rel="noopener">coolors.co/generate</a></li>
|
|
<li><a href="https://webpagetest.org/" target="_blank" rel="noopener">webpagetest.org</a></li>
|
|
<li><a href="https://tools.pingdom.com/" target="_blank" rel="noopener">tools.pingdom.com</a></li>
|
|
<li><a href="https://vecta.io/nano" target="_blank" rel="noopener">vecta.io/nano</a></li>
|
|
<li><a href="https://tinypng.com/" target="_blank" rel="noopener">tinypng.com</a></li>
|
|
<li><a href="https://webaim.org/resources/contrastchecker/" target="_blank" rel="noopener">webaim.org/resources/contrastchecker/</a></li>
|
|
<li><a href="https://via.placeholder.com/" target="_blank" rel="noopener">via.placeholder.com</a> - <a href="https://via.placeholder.com/320x480/" target="_blank" rel="noopener">example</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Websites that Inspire me</h2>
|
|
<p>Either their site, or their content. Ideally both.</p>
|
|
<ul>
|
|
<li><a href="https://lukesmith.xyz" target="_blank" rel="noopener">luksmith.xyz</a></li>
|
|
<li><a href="https://drewdevault.com" target="_blank" rel="noopener">drewdevault.com</a></li>
|
|
<li><a href="https://danluu.com/" target="_blank" rel="noopener">danluu.com</a></li>
|
|
<li><a href="https://1mb.club/" target="_blank" rel="noopener">1mb.club</a></li>
|
|
<li><a href="https://seirdy.one/" target="_blank" rel="noopener">seirdy.one</a></li>
|
|
<li><a href="https://jeremymaluf.com/" target="_blank" rel="noopener">jeremymaluf.com</a></li>
|
|
<li><a href="https://m-chrzan.xyz/" target="_blank" rel="noopener">m-chrzan.xyz</a></li>
|
|
<li><a href="https://www.joshwcomeau.com/" target="_blank" rel="noopener">joshwcomeau.com</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>My websites</h2>
|
|
<ul>
|
|
<li><a href="https://aney.co.uk" target="_blank" rel="noopener">aney.co.uk</a></li>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<hr/>
|
|
<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
|