adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

more facts

Browse Source
This commit is contained in:
Adam French
2026-01-06 21:57:33 +00:00
parent 14b5651fe2
commit a1fa9483ed
11 changed files with 104 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
nginx/vue/public/css/styles.css
View File

@@ -50,6 +50,8 @@
--bg_quaternary: #888; --bg_quaternary: #888;
--margin: 3px; --margin: 3px;
--padding: 3px;
--gap: 1px;
/* FONTS USED */ /* FONTS USED */
--font-heading: big_noodle_titling; --font-heading: big_noodle_titling;
@@ -234,8 +236,16 @@ tr {
box-sizing: border-box; box-sizing: border-box;
} }
.margin1 { .margin {
margin: 10px; margin: var(--margin);
}
.pad {
padding: var(--padding);
}
.gap {
gap: var(--gap);
} }
/* ALIGNMENT */ /* ALIGNMENT */
@@ -250,6 +260,12 @@ tr {
justify-content: center; justify-content: center;
} }
.left-content {
text-align: left;
align-items: left;
justify-content: left;
}
.flex-row { .flex-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -273,6 +289,14 @@ tr {
padding: 2px; padding: 2px;
} }
.space-around {
justify-content: space-around;
}
.space-between {
justify-content: space-between;
}
.floating { .floating {
position: absolute; position: absolute;
} }

2
nginx/vue/src/components/home/Collage.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<img src="/img/epic.jpeg" /> <img src="/img/memes/pidgeon.gif" />
</div> </div>
</template> </template>

2
nginx/vue/src/components/home/Favorites.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="flex-col"> <div class="flex-col">
<h2>favs</h2> <h2>favs</h2>
<div class="fill flex-row center-content scroll"> <div class="fill flex-col center-content scroll">
<table> <table>
<tbody> <tbody>
<tr> <tr>

4
nginx/vue/src/components/home/Feed.vue
View File

@@ -66,7 +66,7 @@ onMounted(() => {
</script> </script>
<template> <template>
<div v-if="fetched" class="center-content"> <div v-if="fetched" class="flex-row center-content">
<h2>{{ post.title }}</h2> <h2>{{ post.title }}</h2>
<div>{{ post.content }}</div> <div>{{ post.content }}</div>
<p>by: {{ post.author.username }}</p> <p>by: {{ post.author.username }}</p>
@@ -77,7 +77,7 @@ onMounted(() => {
<button v-if="!rightCap" @click="nextPost">Next</button> <button v-if="!rightCap" @click="nextPost">Next</button>
<button v-if="userOwnsPost" @click="deletePost">Delete</button> <button v-if="userOwnsPost" @click="deletePost">Delete</button>
</div> </div>
<div v-else> <div class="flex-col pad" v-else>
<h2>Can't fetch from the db yo</h2> <h2>Can't fetch from the db yo</h2>
</div> </div>
</template> </template>

2
nginx/vue/src/components/home/Gym.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="flex-row center-content"> <div class="flex-col center-content">
<h2>Gym</h2> <h2>Gym</h2>
<p>I'm not a gym geek but I have a consistent routine:</p> <p>I'm not a gym geek but I have a consistent routine:</p>
<table> <table>

32
nginx/vue/src/components/home/Intro.vue
View File

@@ -1,8 +1,30 @@
<template> <template>
<div class="fill flex-col"> <div class="fill flex-col pad left-content">
<div class="div"> <h2>Intro</h2>
<h1>Hello</h1> <p>
<p>Nice to meet you</p> Hi, I'm Adam, thank you for visiting my website. I'm currently a 20
</div> something graduate looking for work. I like to game, listen to lots
of music and occasionally watch anime.
</p>
<h2>Getting around</h2>
<p>
Pages available can be traversed through links below. I am hoping to
add some shrines, code-walkthoughs, live chat and page transitions
at a later date.
</p>
<h2>Contact</h2>
<p>
Please email me <a href="mailto:adam.a.french@outlook.com">here</a>,
or contact me though any of the social medias linked.
</p>
<h2>A Quote</h2>
<!-- <p>
What makes me a good demoman? If I were a bad demoman, I wouldn't be
sittin' here discussin' it with you, now would I?!
</p> -->
<p>
One crossed wire, one wayward pinch of potassium chlorate, one
errant twitch, and KA-BLOOIE!
</p>
</div> </div>
</template> </template>

6
nginx/vue/src/components/home/Links.vue
View File

@@ -1,11 +1,14 @@
<template> <template>
<div class="flex-col"> <div class="flex-col space-between">
<div class="flex-col gap">
<RouterLink class="bdr-secondary" to="/cv"> <RouterLink class="bdr-secondary" to="/cv">
<h1>CV</h1> <h1>CV</h1>
</RouterLink> </RouterLink>
<RouterLink class="bdr-secondary" to="/admin"> <RouterLink class="bdr-secondary" to="/admin">
<h1>ADMIN</h1> <h1>ADMIN</h1>
</RouterLink> </RouterLink>
</div>
<div class="flex-col gap">
<a <a
class="bdr-secondary" class="bdr-secondary"
href="https://steamcommunity.com/id/SteveThePug" href="https://steamcommunity.com/id/SteveThePug"
@@ -21,4 +24,5 @@
<h1>Spotify</h1></a <h1>Spotify</h1></a
> >
</div> </div>
</div>
</template> </template>

4
nginx/vue/src/components/home/Listening.vue
View File

@@ -37,13 +37,13 @@ onMounted(() => {
v-if="fetched" v-if="fetched"
:key="song" :key="song"
v-on:click="nextSong" v-on:click="nextSong"
class="flex-row center-content" class="flex-col center-content"
> >
<img :src="song.track.album.images[0].url" /> <img :src="song.track.album.images[0].url" />
<p><strong>Song:</strong> {{ song.track.name }}</p> <p><strong>Song:</strong> {{ song.track.name }}</p>
<p><strong>Artist:</strong> {{ song.track.artists[0].name }}</p> <p><strong>Artist:</strong> {{ song.track.artists[0].name }}</p>
</div> </div>
<div v-else class="flex-row center-content"> <div v-else class="flex-col center-content">
<img src="/img/Untitled.png" /> <img src="/img/Untitled.png" />
<p>I ain't listenin to nofin rn :/</p> <p>I ain't listenin to nofin rn :/</p>
</div> </div>

9
nginx/vue/src/components/home/Stamps.vue
View File

@@ -1,9 +1,12 @@
<template> <template>
<div class="flex-col center-content">
<div class="flex-row"> <div class="flex-row">
<img src="/img/stamps/portal.gif" />
<img src="/img/stamps/miku.gif" />
<img src="/img/stamps/utau.gif" />
</div>
<div> <div>
<!-- <img src="/img/stamps/12351B56-A370-465D-A951-739A480A05EC.gif" /> <p>more soon (will diy some)</p>
<img src="/img/stamps/71663263-8E08-4873-8EE1-96DC342C57EB.gif" />
<img src="/img/stamps/8a0014c1.gif" /> -->
</div> </div>
</div> </div>
</template> </template>

6
nginx/vue/src/components/home/Watching.vue
View File

@@ -1,9 +1,13 @@
<template> <template>
<div class="flex-col center-content"> <div class="flex-col center-content">
<h2>Watching/Playing</h2> <h2>Consumption</h2>
<div class="scroll fill"> <div class="scroll fill">
<table> <table>
<tbody> <tbody>
<tr>
<th>Book</th>
<td>Atomic Habits</td>
</tr>
<tr> <tr>
<th>Movie</th> <th>Movie</th>
<td>Funny Pages</td> <td>Funny Pages</td>

8
nginx/vue/src/views/Home.vue
View File

@@ -17,13 +17,13 @@ import Overlay from "@/components/Overlay.vue";
<Halftone /> <Halftone />
<main class="center-content flex-col"> <main class="center-content flex-col">
<div class="a4page-portrait bdr-1 grid relative"> <div class="a4page-portrait bdr-1 grid relative">
<Overlay> <!-- <Overlay> -->
<!-- <img src="/img/memes/star.gif" class="ov1" /> --> <!-- <img src="/img/memes/star.gif" class="ov1" /> -->
<!-- <img src="/img/memes/welcome2.png" class="ov2" /> --> <!-- <img src="/img/memes/welcome2.png" class="ov2" /> -->
<img src="/img/memes/pidgeon.gif" class="ov3" /> <!-- <img src="/img/memes/pidgeon.gif" class="ov3" /> -->
<img src="/img/memes/no_slip.png" class="ov5" /> <!-- <img src="/img/memes/no_slip.png" class="ov5" /> -->
<!-- <img src="/img/memes/beer.png" class="ov6" /> --> <!-- <img src="/img/memes/beer.png" class="ov6" /> -->
</Overlay> <!-- </Overlay> -->
<Intro class="intro bdr-primary bg-primary" /> <Intro class="intro bdr-primary bg-primary" />
<Listening class="listening bdr-primary bg-primary" /> <Listening class="listening bdr-primary bg-primary" />