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

v5.0 cleanup

Browse Source
This commit is contained in:
ngn
2024-10-06 17:30:25 +03:00
parent 38f51935b9
commit d5e875ae53
29 changed files with 711 additions and 427 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/Dockerfile
View File

@ -1,10 +1,9 @@
FROM node:22.8.0 as build
WORKDIR /app
COPY . /app
COPY . /app
ARG API_URL
ENV VITE_API_URL_DEV $API_URL
ENV VITE_API_URL_DEV http://placeholder/
RUN npm install && npm run build
@ -19,4 +18,5 @@ COPY --from=build /app/package-lock.json ./package-lock.json
EXPOSE 4173
RUN bun install
CMD ["bun", "build/index.js"]
CMD ["./docker/entry.sh"]

7
app/docker/entry.sh Normal file
View File

@ -0,0 +1,7 @@
#!/bin/sh
# replace the API URL
find ./build -type f -exec sed "s/http:\/\/placeholder\//${API_URL//\//\\/}/g" -i "{}" \;
# start the application
bun build/index.js

2
app/package.json
View File

@ -1,6 +1,6 @@
{
"name": "website",
"version": "4.8.0",
"version": "5.0.0",
"private": true,
"scripts": {
"dev": "VITE_API_URL_DEV=http://127.0.0.1:7001 vite dev",

6
app/src/lib/card.svelte
View File

@ -30,11 +30,12 @@
background: var(--dark-three);
box-shadow: var(--box-shadow);
border-radius: var(--radius);
border: solid 1px var(--border-color);
}
.title {
background: var(--dark-two);
padding: 30px;
padding: 25px;
border-radius: 7px 7px 0px 0px;
font-size: 20px;
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
@ -43,8 +44,7 @@
.content {
background: var(--dark-three);
padding: 40px;
padding-top: 30px;
padding: 30px;
color: white;
border-radius: 5px;
font-size: 25px;

5
app/src/lib/card_link.svelte
View File

@ -42,6 +42,7 @@ a {
cursor: pointer;
transition: .4s;
text-decoration: none;
border: solid 1px var(--border-color);
}
a:hover > .title {
@ -51,7 +52,7 @@ a:hover > .title {
.title {
border: solid 1px var(--dark-two);
background: var(--dark-two);
padding: 30px;
padding: 25px;
border-radius: 7px 7px 0px 0px;
font-size: 20px;
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
@ -60,7 +61,7 @@ a:hover > .title {
.content {
background: var(--dark-three);
padding: 40px;
padding: 30px;
padding-top: 30px;
color: white;
border-radius: 5px;

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

@ -11,7 +11,7 @@
<NavbarLink link="/">home</NavbarLink>
<NavbarLink link="/services">services</NavbarLink>
<NavbarLink link="/blog">blog</NavbarLink>
<NavbarLink link="/donate">donate</NavbarLink>
<!-- <NavbarLink link="/donate">donate</NavbarLink> -->
<NavbarLink link="https://stats.ngn.tf">status</NavbarLink>
</div>
</nav>
@ -19,7 +19,7 @@
<style>
nav {
background: var(--dark-one);
padding: 25px 30px 27px 25px;
padding: 20px 26px 22px 20px;
display: flex;
flex-direction: row;
align-items: center;

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

@ -37,9 +37,9 @@ main {
background: var(--dark-two);
border-radius: var(--radius);
box-shadow: var(--box-shadow);
border: solid 1px var(--border-color);
justify-content: space-between;
align-items: center;
border: none;
color: white;
gap: 100px;
transition: .4s;

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

@ -23,7 +23,7 @@
<Card title="whoami">
<div class="whoami-box">
<div class="whoami-pic">
<img alt="My profile pic" src="https://files.ngn.tf/pplow.png">
<img alt="My profile" src="https://files.ngn.tf/pplow.png">
<a href="https://keyoxide.org/F9E70878C2FB389AEC2BA34CA3654DF5AD9F641D">
<c><i class="nf nf-oct-key"></i> Keyoxide</c>
</a>
@ -54,9 +54,9 @@
</Card>
<Card title="wall">
Here are some links if you want to get in contact with me, please do not
use these if you want to contact about the services that I offer, I have a
seperate email for that: <a href="mailto:services@ngn.tf"><c>services@ngn.tf</c></a>
Here are some links if you want to get in contact with me, I highly
prefer email and I usually respond to emails in 1 or 2 days, just make
sure to check your spam folder (turns out running a TOR relay gets your IP into multiple blacklists)
<ul>
<li>
<c><i class="nf nf-cod-github"></i></c>
@ -64,15 +64,15 @@
</li>
<li>
<c><i class="nf nf-md-mastodon"></i></c>
<a href="https://mastodon.social/@ngn" rel="me">Mastodon</a>
<a href="https://defcon.social/@ngn" rel="me">Mastodon</a>
</li>
<li>
<c><i class="nf nf-md-email"></i></c>
<a href="mailto:ngn@ngn.tf">Email (personal)</a>
<a href="mailto:ngn@ngn.tf">Email</a>
</li>
<li>
<c><i class="nf nf-md-xmpp"></i></c>
<a href="xmpp:ngn@chat.ngn.tf">XMPP (my preferred way of communication)</a>
<a href="xmpp:ngn@chat.ngn.tf">XMPP</a>
</li>
</ul>
</Card>
@ -80,20 +80,20 @@
</main>
<div class="version">
<p>v4.9</p>
<p>v5.0</p>
</div>
<style>
main{
display: flex;
flex-direction: column;
gap: 35px;
gap: 28px;
padding: 50px;
}
.flexbox {
display: flex;
gap: 30px;
gap: 28px;
}
.whoami-box {
@ -116,10 +116,10 @@ main{
}
.whoami-pic img {
width: 250px;
border-radius: 30px;
width: 200px;
border-radius: 20px;
border: solid 2px white;
border: solid 1px var(--border-color);
animation-name: fullBorderAnimation;
animation-duration: 10s;
animation-iteration-count: infinite;

7
app/src/routes/blog/+page.svelte
View File

@ -47,7 +47,7 @@
.post-list{
display: flex;
flex-direction: column;
gap: 35px;
gap: 28px;
}
main {
@ -68,14 +68,15 @@ p {
flex-direction: row;
align-items: center;
justify-content: center;
gap: 15px;
gap: 10px;
}
.feed-list a {
text-decoration: none;
padding: 10px 18px 10px 18px;
padding: 10px 15px 10px 15px;
background: var(--dark-three);
border-radius: var(--radius);
border: solid 1px var(--border-color);
color: var(--white);
font-size: 20px;
font-weight: 900;

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

@ -15,7 +15,7 @@
let audio
async function get_status() {
const res = await fetch(api+"/blog/vote/status?id="+data.id)
const res = await fetch(api+"/blog/vote/get?id="+data.id)
const json = await res.json()
if(json["error"]!= ""){
@ -61,6 +61,7 @@
if (voted){
data.vote += 2
}
else {
voted = true
data.vote += 1
@ -81,6 +82,7 @@
if (voted){
data.vote -= 2
}
else {
voted = true
data.vote -= 1
@ -139,9 +141,10 @@ main {
}
.content {
padding: 35px;
padding: 30px;
background: var(--dark-four);
border-radius: var(--radius);
border: solid 1px var(--border-color);
box-shadow: var(--box-shadow);
width: auto;
width: 100%;

6
app/src/routes/donate/+page.svelte
View File

@ -19,7 +19,7 @@
<main>
<Card title="bash donate.sh">
I work on free/libre and open source software and offer free services. General hosting
and stuff costs around 550₺ (~$17), so feel free to donate in order to help me keep
and stuff costs around 550₺ (~$17) per month, so feel free to donate in order to help me keep
everything up and running!
<table>
<tr>
@ -35,6 +35,8 @@
</td>
</tr>
</table>
Also huge thanks to all of you who has donated so far, even if it's a small amount, I highly
appreciate it. Thank you!
</Card>
</main>
@ -52,7 +54,7 @@ table {
color: white;
font-size: 20px;
width: 100%;
margin: 30px 0 0 0;
margin: 30px 0 30px 0;
box-shadow: var(--box-shadow);
}

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

@ -32,9 +32,7 @@
<ul>
<li>
<c><i class="nf nf-cod-account"></i> Registration:</c> All the services are offered for free, and all of them
are accessiable to public. If you want to use a service that requires
registration, you can email <a href="mailto:services@ngn.tf"><c>services@ngn.tf</c></a>
for an account.
are accessiable to public. And registrations are open for the all services that support account registrations.
</li>
<li>
<c><i class="nf nf-fa-eye_slash"></i> Privacy:</c> To protect user privacy, all the web proxy logs are cleared regularly.
@ -64,7 +62,7 @@ main {
align-content: center;
justify-content: center;
padding: 50px;
gap: 30px;
gap: 28px;
}
.flexcol {
@ -72,7 +70,7 @@ main {
flex-direction: column;
align-content: center;
justify-content: center;
gap: 20px;
gap: 13px;
}
.flexrow {
@ -81,11 +79,7 @@ main {
align-content: center;
justify-content: center;
width: 100%;
gap: 20px;
}
a {
text-decoration: none;
gap: 13px;
}
ul {

1
app/static/global.css
View File

@ -17,6 +17,7 @@
*/
--text-shadow: 0px 10px 20px rgba(90, 90, 90, 0.8);
--box-shadow: rgba(20, 20, 20, 0.19) 0px 10px 20px, rgba(30, 30, 30, 0.23) 0px 6px 6px;
--border-color: #2f2f2f;
}
* {