Add icons for index links

Also remove FAQ, because it's useless.
This commit is contained in:
speedie 2023-06-25 02:09:26 +02:00
parent 90f19bd86f
commit c5b760bb52
14 changed files with 255 additions and 49 deletions

View file

@ -26,3 +26,7 @@ a:hover {
max-width: 1000px;
margin: auto;
}
.links img {
transform: translate(0, +20%)
}

28
faq.php
View file

@ -1,28 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<?php include 'php/header.php';?>
<title>Frequently asked questions</title>
<meta charset="UTF-8">
<meta name="description" content="People often ask me stuff, what people keep asking is probably here somewhere.">
<meta name="author" content="speedie">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<div class="content">
<h2>Frequently asked questions</h2>
<p>People often ask me stuff, what people keep asking is probably here somewhere.</p>
<h3>Q: What operating system do I use?</h3>
<p>A: I used to use Gentoo on my desktop and Arch on my laptop, but I have since switched away from Gentoo completely. I now run Arch on all my systems. On my desktop, I have a host which only has to run a VM where I do my actual work. This is great for security!</p>
<h3>Q: Why were some blog posts archived?</h3>
<p>A: I initially started archiving blog posts a few months ago, and at that point I had archived blog post 1 through 10. This is because they were either misinformation or just plain bad, outdated or even all of the above. I later on decided to archive a lot more, as well as remove them from the RSS feed. For those of you who want to read my old blog posts through RSS, you can add <a href="rss-archived-01.xml">this feed</a> to your reader which contains everything I removed.</p>
<h3>Q: Can I still read this blog if I use Microsoft Windows or some other spyware?</h3>
<p>This is not really a question, however I am tired of people "apologizing" to me for using nonfree software. If you wish to use Windows, and play Candy Crush while reading my blog then you can do so. I am not going to tell you what you can use, however I will definitely make software recommendations. Please do <strong>not</strong> consider this me forcing you to use the software. If you don't want to use it, don't. See <a href="/articles/post60.php">this blog post</a> for more information.</p>
<h3>Q: Can I fork your software?</h3>
<p>I find this question kind of stupid, but I've been asked it a few times now, so I will answer it. You can <strong>always</strong> fork my software, with or without my permission because it is free software. This is why we fight for user freedom. I should not be able to hold you back from forking my software if you really want to. Do however note that you must follow the license.</p>
</div>
</body>
<footer>
<?php include 'php/footer.php';?>
</footer>
</html>

BIN
img/aboutme.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
img/based.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

164
img/codeberg.svg Normal file
View file

@ -0,0 +1,164 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16"
height="16"
viewBox="0 0 4.2333332 4.2333335"
version="1.1"
id="svg1468"
sodipodi:docname="codeberg-logo_icon_white.svg"
inkscape:version="1.2-alpha1 (b6a15bb, 2022-02-23)"
inkscape:export-filename="/home/robert/Documents/Codeberg/Logo-Kit/svg/Codeberg-favicon_64px.png"
inkscape:export-xdpi="384"
inkscape:export-ydpi="384"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<title
id="title16">Codeberg logo</title>
<defs
id="defs1462">
<linearGradient
xlink:href="#linearGradient6924"
id="linearGradient6918"
x1="42519.285"
y1="-7078.7891"
x2="42575.336"
y2="-6966.9307"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="linearGradient6924">
<stop
style="stop-color:#2185d0;stop-opacity:0"
offset="0"
id="stop6920" />
<stop
id="stop6926"
offset="0.49517274"
style="stop-color:#2185d0;stop-opacity:0.48923996" />
<stop
style="stop-color:#2185d0;stop-opacity:0.63279623"
offset="1"
id="stop6922" />
</linearGradient>
<linearGradient
xlink:href="#linearGradient6924-6"
id="linearGradient6918-3"
x1="42519.285"
y1="-7078.7891"
x2="42575.336"
y2="-6966.9307"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="linearGradient6924-6">
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="0"
id="stop6920-7" />
<stop
id="stop6926-5"
offset="0.49517274"
style="stop-color:#ffffff;stop-opacity:0.30000001;" />
<stop
style="stop-color:#ffffff;stop-opacity:0.30000001;"
offset="1"
id="stop6922-3" />
</linearGradient>
</defs>
<sodipodi:namedview
showborder="false"
id="base"
pagecolor="#000000"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="22.627417"
inkscape:cx="2.8505242"
inkscape:cy="18.274291"
inkscape:document-units="px"
inkscape:current-layer="svg1468"
inkscape:document-rotation="0"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
units="px"
inkscape:snap-global="false"
inkscape:snap-page="true"
showguides="false"
inkscape:window-width="1531"
inkscape:window-height="873"
inkscape:window-x="69"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1">
<inkscape:grid
type="xygrid"
id="grid2067" />
</sodipodi:namedview>
<metadata
id="metadata1465">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>Codeberg logo</dc:title>
<cc:license
rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
<dc:creator>
<cc:Agent>
<dc:title>Robert Martinez</dc:title>
</cc:Agent>
</dc:creator>
<dc:rights>
<cc:Agent>
<dc:title>Codeberg and the Codeberg Logo are trademarks of Codeberg e.V.</dc:title>
</cc:Agent>
</dc:rights>
<dc:date>2020-04-09</dc:date>
<dc:publisher>
<cc:Agent>
<dc:title>Codeberg e.V.</dc:title>
</cc:Agent>
</dc:publisher>
<dc:source>codeberg.org</dc:source>
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
</cc:License>
</rdf:RDF>
</metadata>
<g
id="g370484"
inkscape:label="logo"
transform="matrix(0.06551432,0,0,0.06551432,-2.232417,-1.431776)">
<path
id="path6733-5"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient6918-3);fill-opacity:1;stroke:none;stroke-width:3.67846;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill;stop-color:#000000;stop-opacity:1"
d="m 42519.285,-7078.7891 a 0.76086879,0.56791688 0 0 0 -0.738,0.6739 l 33.586,125.8886 a 87.182358,87.182358 0 0 0 39.381,-33.7636 l -71.565,-92.5196 a 0.76086879,0.56791688 0 0 0 -0.664,-0.2793 z"
transform="matrix(0.37058478,0,0,0.37058478,-15690.065,2662.0533)"
inkscape:label="berg" />
<path
id="path360787"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:17.0055;paint-order:markers fill stroke;stop-color:#000000"
d="m 11249.461,-1883.6961 c -12.74,0 -23.067,10.3275 -23.067,23.0671 0,4.3335 1.22,8.5795 3.522,12.2514 l 19.232,-24.8636 c 0.138,-0.1796 0.486,-0.1796 0.624,0 l 19.233,24.8646 c 2.302,-3.6721 3.523,-7.9185 3.523,-12.2524 0,-12.7396 -10.327,-23.0671 -23.067,-23.0671 z"
sodipodi:nodetypes="sccccccs"
inkscape:label="sky"
transform="matrix(1.4006354,0,0,1.4006354,-15690.065,2662.0533)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
img/email.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

1
img/github.svg Normal file
View file

@ -0,0 +1 @@
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>

After

Width:  |  Height:  |  Size: 960 B

BIN
img/ideas.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

4
img/mastodon.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="61.076954mm" height="65.47831mm" viewBox="0 0 216.4144 232.00976">
<path fill="#2b90d9" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
<path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/philosophy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
img/rocks.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
img/sucks.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
img/updates.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

103
index.php
View file

@ -13,29 +13,90 @@
<h2>Hello there!</h2>
<p>Hello, I'm speedie. This is my personal website and blog. I work on software projects such as <a href="https://spmenu.speedie.site">spmenu</a>, <a href="https://git.speedie.site/speedie/fontctrl">fontctrl</a> and preservation projects like <a href="https://github.com/ForwarderFactory/hbc-archive">my Homebrew Channel archive</a> and <a href="https://github.com/ForwarderFactory/wii">my Wii Homebrew archive</a> occasionally, and write about topics that interest me. Take a look around!</p>
<h3>Links</h3>
<ul>
<li><a href="about-me.php">About me</a></li>
<li><a href="blog.php">Blog</a></li>
<li><a href="rss.xml">RSS feed</a></li>
<li><a href="updates.xml">RSS project updates</a></li>
<li><a href="sucks.php">Sucks</a></li>
<li><a href="rocks.php">Rocks</a></li>
<li><a href="based.php">Based</a></li>
<li><a href="ideas.php">Ideas</a></li>
<li><a href="project-list.php">Projects</a></li>
<li><a href="faq.php">Frequently asked questions</a></li>
<li><a href="philosophy.php">Design philosophy</a></li>
</ul>
<div class="links">
<ul>
<li>
<img src="img/aboutme.png" width="16" height"16">
<a href="about-me.php">About me</a>
<p>Learn more about me.</p>
</li>
<li>
<img src="img/blog.png" width="16" height"16">
<a href="blog.php">Blog</a>
<p>Read my blog posts.</p>
</li>
<li>
<img src="img/rss.svg" width="16" height="16">
<a href="rss.xml">RSS feed</a>
<p>Read my blog posts using your favorite RSS reader.</p>
</li>
<li>
<img src="img/updates.png" width="16" height"16">
<a href="updates.xml">RSS project updates</a>
<p>RSS feed, subscribe for project updates.</p>
</li>
<li>
<img src="img/based.png" width="16" height="16">
<a href="based.php">Based</a>
<p>Awesome things I've read that you should read too.</p>
</li>
<li>
<img src="img/sucks.png" width="16" height="16">
<a href="sucks.php">Sucks</a>
<p>Things that suck.</p>
</li>
<li>
<img src="img/rocks.png" width="16" height="16">
<a href="rocks.php">Rocks</a>
<p>Things that rock.</p>
</li>
<li>
<img src="img/ideas.png" width="16" height="16">
<a href="ideas.php">Ideas</a>
<p>Software and general ideas I have.</p>
</li>
<li>
<img src="img/projects.png" width="16" height="16">
<a href="project-list.php">Projects</a>
<p>Projects I've worked on.</p>
</li>
<li>
<img src="img/philosophy.png" width="16" height="16">
<a href="philosophy.php">Design philosophy</a>
<p>Design philosophy behind this website.</p>
</li>
</ul>
</div>
<h3>Contact</h3>
<p>If you need to contact me for any reason, my contact information can be found below.</p>
<ul>
<li><a href="https://matrix.speedie.site">Matrix space</a></li>
<li><a href="https://mastodon.sdf.org/@speedie">Mastodon</a></li>
<li><a href="https://git.speedie.site/speedie">Git</a></li>
<li><a href="https://github.com/speediegq">GitHub</a></li>
<li><a href="https://codeberg.org/speedie">Codeberg</a></li>
<li><a href="mailto:speedie@speedie.site">Email me</a></li>
</ul>
<div class="links">
<ul>
<li>
<img src="img/chat.png" width="16" height="16">
<a href="https://matrix.speedie.site">Matrix space</a>
</li>
<li>
<img src="img/mastodon.svg" width="16" height="16">
<a href="https://mastodon.sdf.org/@speedie">Mastodon</a>
</li>
<li>
<img src="img/git.svg" width="16" height="16">
<a href="https://git.speedie.site/speedie">Git</a>
</li>
<li>
<img src="img/github.svg" width="16" height="16">
<a href="https://github.com/speediegq">GitHub</a>
</li>
<li>
<img src="img/codeberg.svg" width="16" height="16">
<a href="https://codeberg.org/speedie">Codeberg</a>
</li>
<li>
<img src="img/email.png" width="16" height="16">
<a href="mailto:speedie@speedie.site">Email me</a>
</li>
</ul>
</div>
<h3>PGP</h3>
<p>My public GPG key is available <a href="https://ls.speedie.site/pubkey.asc">here</a>.</p>
<p>Fingerprint: <code>AE46 FBEA 635C 56F2 B212 D036 CEB8 63B8 30D1 318A</code></p>