ngn/website
1
0
Fork 0
Code Issues 1 Pull Requests 3 Actions Packages Activity

updated and added email addresses and fixed font loading

Browse Source 
nerdfonts are now gonna be loaded from nerdfonts website,
with the webfonts css however the ubuntu font will be hosted
localy
This commit is contained in:
ngn 2023-12-10 21:36:46 +03:00
parent 44db3df613
commit 30a0a1fa27
9 changed files with 57 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
admin/admin.py
View File

@ -91,7 +91,7 @@ def add_post() -> None:
def remove_post() -> None:
token = get_token()
id = input("[>] Post ID: ")
res = req.delete(join("admin/blog/del")+f"?id={id}", headers={
res = req.delete(join("admin/blog/remove")+f"?id={id}", headers={
"Authorization": token
}).json()

1
app/src/app.html
View File

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024">
<link rel="icon" href="data:;base64,=">
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">

3
app/src/lib/navbar.svelte
View File

@ -11,7 +11,8 @@
<NavbarLink link="/">home</NavbarLink>
<NavbarLink link="/services">services</NavbarLink>
<NavbarLink link="/blog">blog</NavbarLink>
<NavbarLink type="icon" link="https://github.com/ngn13/website"></NavbarLink>
<NavbarLink type="icon" link="https://github.com/ngn13/website">
<i class="nf nf-cod-github"></i></NavbarLink>
</div>
</nav>

10
app/src/lib/service.svelte
View File

@ -2,15 +2,15 @@
export let desc
export let url
let icon = "󰅇"
let icon = "<i class='nf nf-md-clipboard_multiple'></i>"
let audio
function copy() {
audio.play()
navigator.clipboard.writeText(url)
icon = "󰅎"
icon = "<i class='nf nf-md-clipboard_check'></i>"
setTimeout(()=>{
icon = "󰅇"
icon = "<i class='nf nf-md-clipboard_multiple'></i>"
}, 500)
}
</script>
@ -24,8 +24,8 @@
<p>{desc}</p>
</div>
<div>
<a on:click={copy} href="#">{icon}</a>
<a href="{url}"></a>
<a on:click={copy} href="#">{@html icon}</a>
<a href="{url}"><i class="nf nf-oct-link_external"></i></a>
</div>
</main>

35
app/src/routes/+page.svelte
View File

@ -32,10 +32,22 @@
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>
<li>
<c><i class="nf nf-seti-svelte"></i></c>
I built the frontend app using SvelteKit
</li>
<li>
<c><i class="nf nf-md-server"></i></c>
Backend API is written in Go and it's hosted on my server
</li>
<li>
<c><i class="nf nf-md-file_image"></i></c>
All assets (images etc.) are hosted on my server as well
</li>
<li>
<c><i class="nf nf-md-eye_off"></i></c>
No cloudflare, no CAPTCHAs, no CDNs, this website is %100 privacy friendly
</li>
</ul>
</Card>
</div>
@ -55,9 +67,18 @@
<Card title="wall">
Here are some links if you want to get in contact with me:
<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>
<li><c></c> <a href="mailto:ngn13proton@proton.me">Email</a></li>
<li>
<c><i class="nf nf-cod-github"></i></c>
<a href="https://github.com/ngn13">Github</a>
</li>
<li>
<c><i class="nf nf-md-mastodon"></i></c>
<a href="https://mastodon.social/@ngn">Mastodon</a>
</li>
<li>
<c><i class="nf nf-md-email"></i></c>
<a href="mailto:ngn@ngn.tf">Email</a>
</li>
</ul>
Or you can add me on XMPP: <c>ngn@chat.ngn.tf</c>
<br>

12
app/src/routes/blog/[id]/+page.svelte
View File

@ -111,9 +111,13 @@
{@html sanitized}
</div>
<div class="votes">
<h3 on:click={async ()=>{upvote()}} class="{upvote_status}">󰜷</h3>
<h3 on:click={async ()=>{upvote()}} class="{upvote_status}">
<i class="nf nf-md-arrow_up_bold"></i>
</h3>
<p>{data.vote}</p>
<h3 on:click={async ()=>{downvote()}} class="{downvote_status}">󰜮</h3>
<h3 on:click={async ()=>{downvote()}} class="{downvote_status}">
<i class="nf nf-md-arrow_down_bold"></i>
</h3>
</div>
</main>
@ -144,10 +148,12 @@ main {
flex-direction: column;
text-align: center;
text-shadow: var(--text-shadow);
gap: 3px;
margin-top: 10px;
}
.votes h3{
font-size: 40px;
font-size: 27px;
cursor: pointer;
}

11
app/src/routes/services/+page.svelte
View File

@ -15,11 +15,11 @@
<Header><c>ls -l</c> services</Header>
<main>
<div class="info">
<h1></h1>
<h1><i class="nf nf-oct-info"></i></h1>
<p>
These are free to use FOSS services that I host on my server.
If you want an account on any of these services, or if you are having issues with them,
please get in contact with me
please send an email to <a href="mailto:services@ngn.tf"><c>services@ngn.tf</c></a>
</p>
</div>
{#each data.services as services_list}
@ -39,16 +39,19 @@
animation-iteration-count: infinite;
}
.info a {
text-decoration: none;
}
.info {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 40px;
padding: 30px;
color: white;
border-radius: var(--radius);
font-size: 25px;
margin-bottom: 30px;
}
main {

6
app/static/font.css
View File

@ -1,8 +1,10 @@
/* im using nerd fonts btw */
@import "https://www.nerdfonts.com/assets/css/webfont.css";
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 300;
font-display: swap;
/* im using nerd fonts btw */
src: url("https://files.ngn.tf/fonts/UbuntuNF.ttf");
src: url("/ubuntu.ttf");
}

BIN
app/static/ubuntu.ttf Normal file
View File

Binary file not shown.