186 lines
10 KiB
HTML
186 lines
10 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
<title>About Me | nexy7574.co.uk</title>
|
||
|
<link rel="stylesheet" href="index.css">
|
||
|
<link rel="stylesheet" href="faq.css">
|
||
|
<link rel="stylesheet" href="responsive.css">
|
||
|
<script defer>
|
||
|
document.addEventListener(
|
||
|
"DOMContentLoaded",
|
||
|
() => {
|
||
|
const __name = document.getElementById("__name");
|
||
|
__name.addEventListener(
|
||
|
"mouseover",
|
||
|
() => {
|
||
|
__name.textContent = "she/it";
|
||
|
}
|
||
|
)
|
||
|
__name.addEventListener(
|
||
|
"mouseout",
|
||
|
() => {
|
||
|
__name.textContent = "Nexus";
|
||
|
}
|
||
|
)
|
||
|
const email = document.querySelector("img[src='img/email.png']");
|
||
|
const emailImages = document.querySelectorAll("img[src='img/gmail-color.svg']");
|
||
|
if(email && emailImages.length > 0) {
|
||
|
for (let emailImg of emailImages) {
|
||
|
emailImg.addEventListener(
|
||
|
"click",
|
||
|
() => {
|
||
|
email.hidden = !email.hidden;
|
||
|
}
|
||
|
)
|
||
|
emailImg.style.cursor = "pointer";
|
||
|
}
|
||
|
email.addEventListener(
|
||
|
"click",
|
||
|
() => {
|
||
|
email.hidden = !email.hidden;
|
||
|
}
|
||
|
)
|
||
|
email.style.cursor = "pointer";
|
||
|
}
|
||
|
}
|
||
|
)
|
||
|
</script>
|
||
|
</head>
|
||
|
<body>
|
||
|
<div class="mainBody">
|
||
|
<header>
|
||
|
<nav>
|
||
|
<div>
|
||
|
<span><img src="img/twemoji_trans.svg" width="32px" height="32px" alt="🏳️⚧️" class="icon"/></span> <i id="__name">Nexus</i>
|
||
|
</div>
|
||
|
<div class="navbar">
|
||
|
<div><a href="index.html">Home</a></div>
|
||
|
<div><a href="faq.html">FAQ</a></div>
|
||
|
<div><a href="/chat/#/user/@nex:nexy7574.co.uk" class="icon"><img src="img/matrix-color.svg" width="32px" height="32px" alt="Chat" title="Chat" class="icon"/></a></div>
|
||
|
<div><a href="/status" class="icon"><img src="img/server.svg" alt="Service Status" title="Service Status" width="32px" height="32px" class="icon"/></a></div>
|
||
|
<div>
|
||
|
<a href="https://github.com/nexy7574" rel="noopener noreferrer" target="_blank" class="icon">
|
||
|
<img src="img/github.svg" alt="GitHub" title="GitHub" width="32px" height="32px" class="icon">
|
||
|
</a>
|
||
|
</div>
|
||
|
<div>
|
||
|
<a href="https://git.i-am.nexus/nex/nexy7574.co.uk-b" rel="noopener" target="_blank" class="icon">
|
||
|
<img src="img/forgejo-color.svg" alt="Forgejo" title="Forgejo (git) & source code" width="32px" height="32px" class="icon">
|
||
|
</a>
|
||
|
</div>
|
||
|
<div>
|
||
|
<a href="https://mastodon.nexy7574.co.uk" rel="noopener noreferrer" target="_blank" class="icon">
|
||
|
<img src="img/mastodon-color.svg" alt="Mastodon" title="Mastodon" width="32px" height="32px" class="icon">
|
||
|
</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</nav>
|
||
|
</header>
|
||
|
<main>
|
||
|
<div>
|
||
|
<h1>Frequently Asked Questions</h1>
|
||
|
<p>Note: I am dyslexic, so please excuse any spelling or grammar errors. Feel free to message me for corrections ^^</p>
|
||
|
<div id="toc" hidden>
|
||
|
<h2>Table Of Contents:</div>
|
||
|
<ol id="toc-li"></ol>
|
||
|
</div> <!-- Table of Contents -->
|
||
|
<noscript><p>There will be a table of contents here if you enable JavaScript. You don't have to though.</p></noscript>
|
||
|
<hr/>
|
||
|
<div class="question">
|
||
|
<h2>Q: What are your keys???</h2>
|
||
|
<div>
|
||
|
<h3>A: PGP:</h3>
|
||
|
<p><code class="inline">5D0B689F</code> - available via WKD (<code class="inline">gpg --locate-keys me@nexy7574.co.uk</code>), or the full (armoured) key is available <a href="assets/pgp-2024-05-13.txt" download>here</a>.</p>
|
||
|
</div>
|
||
|
<div>
|
||
|
<h3>A: SSH</h3>
|
||
|
<p>Can be imported from <a href="assets/ssh-2024-05-13.txt" download>this text file</a>, however be aware I do not sign anything with my SSH key, only my PGP key.</p>
|
||
|
<p>Feel free to give me SSH access to your servers though :^)</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="question">
|
||
|
<h2 id="what-are-your-pc-specs">Q: What are your PC specs/how much did your PC cost?</h2>
|
||
|
<p>
|
||
|
A: You can find all the details on <a href="https://uk.pcpartpicker.com/b/Hfz7YJ" rel="noopener" target="_blank">PcPartPicker</a>.
|
||
|
It cost me around £650 to build in December, 2023.
|
||
|
</p>
|
||
|
</div>
|
||
|
<div class="question">
|
||
|
<h2 id="can-you-hack">Q: Can you hack my friend's instagram?</h2>
|
||
|
<p>A: <strong><em>No.</em></strong></p>
|
||
|
<h2 id="fix-printer">Q: Can you fix my printer?</h2>
|
||
|
<p>
|
||
|
A: Yep!
|
||
|
<ol>
|
||
|
<li>Kick the printer.</li>
|
||
|
<li>Kick it harder.</li>
|
||
|
<li>Unplug it (bare with me)</li>
|
||
|
<li>Bring your printer to the nearest window</li>
|
||
|
<li>Open the window</li>
|
||
|
<li>Throw the printer out the window</li>
|
||
|
<li>Ask someone else to print it for you (its their problem then)</li>
|
||
|
</ol>
|
||
|
</p>
|
||
|
</div>
|
||
|
<div class="question">
|
||
|
<h2 id="what-music-do-you-listen-to">Q: What music do you listen to?</h2>
|
||
|
<p>A: Here's my main playlists. TL;DR, I listen to a lot of pop and rock, with a sprinkle of electronic</p>
|
||
|
<p>My favourite artists aren't really a thing, I prefer music over artists and albums, but I consistently listen to K.Flay, Grandson, Mother Mother, Super Whatevr, Cavetown, The Front Bottoms, Hospital Bracelet, and Crawlers.</p>
|
||
|
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/26wJTA2mXk3QNXhqBI95kM?utm_source=generator&theme=0" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||
|
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/07GvdPCtDvWO2UFawBDlSA?utm_source=generator&theme=0" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||
|
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/1mTh1hj7rmzCYknLWfru4C?utm_source=generator&theme=0" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||
|
<p>I am one of those people that will listen to any music genre, and I actually mean it. Just remember though "will listen" doesn't mean "will like".</p>
|
||
|
</div>
|
||
|
<div class="question">
|
||
|
<h2 id="urandom-or-random">Q: Urandom or Random?</h2>
|
||
|
<p>A: Urandom</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<script>
|
||
|
document.addEventListener(
|
||
|
"DOMContentLoaded",
|
||
|
() => {
|
||
|
const questions = document.querySelectorAll(".question h2");
|
||
|
for (let question of questions) {
|
||
|
const id = question.id;
|
||
|
const a = document.createElement("a");
|
||
|
a.href = `#${id}`;
|
||
|
a.textContent = "🔗";
|
||
|
a.title = "Link to this question";
|
||
|
a.style.textDecoration = "none";
|
||
|
a.style.fontSize = "smaller";
|
||
|
a.style.color = "black";
|
||
|
a.style.marginLeft = "0.5em";
|
||
|
question.appendChild(a);
|
||
|
// copy URL to clipboard
|
||
|
a.addEventListener(
|
||
|
"click",
|
||
|
() => {
|
||
|
navigator.clipboard.writeText(location.href + "#" + id);
|
||
|
a.textContent = "✅";
|
||
|
setTimeout(() => {
|
||
|
a.textContent = "🔗";
|
||
|
}, 1000);
|
||
|
}
|
||
|
)
|
||
|
// add to table of contents
|
||
|
const toc = document.getElementById("toc");
|
||
|
toc.hidden = false;
|
||
|
const tocLi = document.getElementById("toc-li");
|
||
|
const li = document.createElement("li");
|
||
|
const a2 = document.createElement("a");
|
||
|
a2.href = `#${id}`;
|
||
|
a2.textContent = question.textContent.replace(/^Q: /, "").replace("🔗", "");
|
||
|
li.appendChild(a2);
|
||
|
tocLi.appendChild(li);
|
||
|
}
|
||
|
}
|
||
|
)
|
||
|
</script>
|
||
|
</main>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|