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

finish up the atom news feed API

Browse Source
This commit is contained in:
ngn
2025-01-04 19:59:44 +03:00
parent 26e8909998
commit 337e56de78
33 changed files with 2633 additions and 2633 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,51 +1,43 @@
<script>
import { color } from "$lib/util.js";
import NavbarLink from "./navbar_link.svelte";
</script>
<nav>
<div>
<h3>[ngn.tf]</h3>
</div>
<nav style="border-bottom: solid 2px var(--{color()});">
<h3 style="color: var(--{color()})">[ngn.tf]</h3>
<div>
<NavbarLink link="/">home</NavbarLink>
<NavbarLink link="/news">news</NavbarLink>
<NavbarLink link="/services">services</NavbarLink>
<NavbarLink link="/blog">blog</NavbarLink>
<!-- <NavbarLink link="/donate">donate</NavbarLink> -->
<NavbarLink link="https://stats.ngn.tf">status</NavbarLink>
</div>
</nav>
<style>
nav {
background: var(--dark-one);
padding: 20px 26px 22px 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-bottom: solid 1.5px black;
animation-name: borderAnimation;
nav {
background: var(--dark-one);
padding: 20px 30px 20px 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
/*animation-name: borderAnimation;
animation-duration: 10s;
animation-iteration-count: infinite;
box-shadow: var(--def-shadow);
}
animation-iteration-count: infinite;*/
box-shadow: var(--def-shadow);
}
div {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: right;
gap: 15px;
}
div {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: right;
gap: 15px;
}
h3 {
font-weight: 900;
font-size: 25px;
color: red;
animation-name: colorAnimation;
animation-iteration-count: infinite;
animation-duration: 10s;
}
h3 {
font-weight: 900;
font-size: 20px;
}
</style>