update?

2023-11-12 17:43:23 +03:00
parent 8c1552d639
commit 498a54cd20
68 changed files with 1983 additions and 301 deletions
--- a/app/src/routes/+page.svelte
+++ b/app/src/routes/+page.svelte
@ -0,0 +1,139 @@
+<script>
+  import Header from "../lib/header.svelte";
+  import Card from "../lib/card.svelte";
+</script>
+
+<svelte:head>
+  <title>[ngn] | homepage</title> 
+  <meta content="[ngn] | homepage" property="og:title" />
+  <meta content="Homepage of my personal website" property="og:description" />
+  <meta content="https://ngn13.fun" property="og:url" />
+  <meta content="#000000" data-react-helmet="true" name="theme-color" />
+</svelte:head>
+
+<Header>
+  <c>echo</c> 
+  hello world!
+</Header>
+
+<main>
+  <div class="flexbox">
+    <Card title="whoami">
+      👋 Hello! I'm ngn! 
+      <ul>
+        <li>🇹🇷 I'm a high school student from Turkey</li>
+        <li>🖥️ I'm interested in cyber security, programming and electronics</li>
+        <li>❤️ I love and support Free/Libre and Open Source Software (FLOSS)</li>
+        <li>🐧 My GNU/Linux distribution of choice is Artix, however I am currently running Arch</li>
+      </ul>
+    </Card>
+
+    <Card title="pwd">
+      You are currently on my personal website, for all you nerds, here is some 
+      techinal details you may want to know:
+      <ul>
+        <li><c> </c> I built the frontend app using SvelteKit</li> 
+        <li><c>󰒋 </c> Backend API is written in Go and it's hosted on my server</li>
+        <li><c> </c> All assets (images, fonts etc.) are hosted on my server as well</li>
+        <li><c> </c> No cloudflare, no CAPTCHAs, no CDNs, this website is %100 privacy friendly</li>
+      </ul>
+    </Card>
+  </div>
+
+  <div class="flexbox">
+    <Card title="ps -eaf">
+      I usually spend my time...
+      <ul>
+        <li><c>⌨️</c> building random projects</li>
+        <li><c>👥</c> contributing stuff that I like</li> 
+        <li><c>🚩</c> solving CTFs</li> 
+        <li><c>🖥️</c> customizing my desktop</li>
+        <li><c>📑</c> posting random stuff on my blog, you should definitely check it out btw (it's very active)</li>
+      </ul>
+    </Card>
+
+    <Card title="wall">
+      Here are some of my socials: 
+      <ul>
+        <li><c> </c> <a href="https://github.com/ngn13">Github</a></li> 
+        <li><c>󰫑 </c> <a href="https://mastodon.social/@ngn">Mastodon</a></li> 
+      </ul>
+      If you want to contact me directly, send me an email:
+      <ul>
+        <li><c></c> <a href="mailto:ngn13proton@proton.me">Personal email address</a></li>
+        <li><c>󰇮</c> <a href="mailto:ngn13proton@proton.me">Proton email address</a></li>
+      </ul>
+      Or you can add me on XMPP: <c>ngn@chat.ngn13.fun</c>
+    </Card>
+  </div>
+  <Card title="bash donate.sh">
+    If you want to do something stupid with your mone- 
+    <br>
+    I mean if you want to support me and my silly little work, here is my monero wallet address:
+    <br>
+    <br>
+    <code>
+      46q7G7u7cmASvJm7AmrhmNg6ctS77mYMmDAy1QxpDn5w57xV3GUY5za4ZPZHAjqaXdfS5YRWm4AVj5UArLDA1retRkJp47F 
+    </code>
+  </Card>
+</main>
+
+<div class="version">
+  <p>v4.0</p>
+</div>
+
+<style>
+main{
+  display: flex;
+  flex-direction: column;
+  gap: 35px;
+  padding: 50px;
+}
+
+code {
+  background: var(--dark-two);
+  color: white;
+  border-radius: var(--radius);
+  text-shadow: var(--text-shadow);
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.flexbox {
+  display: flex;
+  gap: 30px;
+}
+
+ul {
+  padding-left: 30px;
+  margin-bottom: 20px;
+}
+
+li {
+  padding-top: 15px;
+}
+
+a {
+  color: white;
+  text-decoration: none;
+}
+
+a:hover {
+  font-weight: 900;
+}
+
+.version {
+  color: var(--dark-fife);
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
+  font-size: 15px;
+}
+
+@media only screen and (max-width: 1076px) {
+  .flexbox {
+    flex-direction: column;
+  }
+}
+</style>