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

changing styles

Browse Source
This commit is contained in:
Adam French
2026-01-06 21:09:40 +00:00
parent b11eda3513
commit 14b5651fe2
10 changed files with 166 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
nginx/vue/src/components/Navbar.vue
View File

@@ -1,6 +1,14 @@
<template>
<nav class="flex-row">
<RouterLink class="bdr-2" to="/"><h1>HOME</h1></RouterLink>
<RouterLink class="bdr-primary margin1" to="/"
><h1>HOME</h1></RouterLink
>
<!-- <RouterLink to="/cv"><h1>CV</h1></RouterLink> -->
</nav>
</template>
<style scoped>
h1 {
padding: 10px;
}
</style>

8
nginx/vue/src/components/backgrounds/Halftone.vue
View File

@@ -14,11 +14,11 @@ div {
.halftone {
--dot_size: 1px;
--bg_size: 5px;
--bg_size: 3px;
--bg_pos: calc(var(--bg_size) / 2);
--blur: 0%;
--dot_color: #044;
--bg_color: #114;
--dot_color: #033;
--bg_color: #000;
background-color: var(--bg_color);
background-image: radial-gradient(
@@ -32,7 +32,7 @@ div {
mask-image: linear-gradient(
30deg,
rgba(1, 1, 1, 1) 0%,
rgba(1, 1, 1, 0.85) 100%
rgba(1, 1, 1, 0.9) 100%
);
}
</style>

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

@@ -1,58 +1,38 @@
<template>
<div>
<p class="margin1">My favs</p>
<div class="flex-row bdr-primary">
<div class="flex-col">
<h2>favs</h2>
<div class="fill flex-row center-content scroll">
<table>
<tr>
<th>Color</th>
<td>Aqua</td>
</tr>
<tr>
<th>Pet</th>
<td>Cat</td>
</tr>
<tr>
<th>Food</th>
<td>Eggs</td>
</tr>
<tr>
<th>Subject</th>
<td>Math</td>
</tr>
<tr>
<th>Drink</th>
<td>Monster</td>
</tr>
<tr>
<th>Sport</th>
<td>Running</td>
</tr>
</table>
<table>
<tr>
<th>Color</th>
<td>Aqua</td>
</tr>
<tr>
<th>Pet</th>
<td>Cat</td>
</tr>
<tr>
<th>Food</th>
<td>Eggs</td>
</tr>
<tr>
<th>Subject</th>
<td>Math</td>
</tr>
<tr>
<th>Drink</th>
<td>Monster</td>
</tr>
<tr>
<th>Sport</th>
<td>Running</td>
</tr>
<tbody>
<tr>
<th>Color</th>
<td>Aqua</td>
</tr>
<tr>
<th>Pet</th>
<td>Cat</td>
</tr>
<tr>
<th>Subject</th>
<td>Math</td>
</tr>
<tr>
<th>Drink</th>
<td>Monster</td>
</tr>
<tr>
<th>Sport</th>
<td>Running</td>
</tr>
<tr>
<th>Color</th>
<td>Aqua</td>
</tr>
<tr>
<th>Ingredient</th>
<td>Eggs</td>
</tr>
</tbody>
</table>
</div>
</div>

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

@@ -1,6 +1,23 @@
<template>
<div>
<img src="/img/epic.jpeg" />
<div class="flex-row center-content">
<h2>Gym</h2>
<p>I'm not a gym geek but I have a consistent routine:</p>
<table>
<tbody>
<tr>
<th>Row</th>
<td>30 min</td>
</tr>
<tr>
<th>Run</th>
<td>5k</td>
</tr>
<tr>
<th>Pushup & Squat</th>
<td>50</td>
</tr>
</tbody>
</table>
</div>
</template>

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

@@ -1,11 +1,8 @@
<template>
<div class="fill flex-col">
<div class="div">
<h1>Welcome</h1>
<p>This is my website, currently under construction.</p>
<p>THANKS FOR VISITING ^_^</p>
<p>THANKS FOR VISITING ^_^</p>
<p>THANKS FOR VISITING ^_^</p>
<h1>Hello</h1>
<p>Nice to meet you</p>
</div>
</div>
</template>

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

@@ -1,10 +1,24 @@
<template>
<div class="flex-col">
<RouterLink class="bdr-2" to="/cv">
<RouterLink class="bdr-secondary" to="/cv">
<h1>CV</h1>
</RouterLink>
<RouterLink class="bdr-2" to="/admin">
<RouterLink class="bdr-secondary" to="/admin">
<h1>ADMIN</h1>
</RouterLink>
<a
class="bdr-secondary"
href="https://steamcommunity.com/id/SteveThePug"
><h1>Steam</h1></a
>
<a href="https://github.com/SteveThePug" class="bdr-secondary"
><h1>Github</h1></a
>
<a
href="https://open.spotify.com/user/stevethepug"
class="bdr-secondary"
>
<h1>Spotify</h1></a
>
</div>
</template>

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

@@ -1,6 +1,56 @@
<template>
<div>
<img src="/img/epic.jpeg" />
<div class="flex-col center-content">
<h2>Watching/Playing</h2>
<div class="scroll fill">
<table>
<tbody>
<tr>
<th>Movie</th>
<td>Funny Pages</td>
</tr>
<tr>
<th>Series</th>
<td>Curb Your Enthusiasm</td>
</tr>
<tr>
<th>Game</th>
<td>Hatsune Miku: Project Mirai DX</td>
</tr>
<tr>
<th>Anime</th>
<td>Welcome to the NHK</td>
</tr>
<tr>
<th>Movie</th>
<td>Redline</td>
</tr>
<tr>
<th>Anime</th>
<td>Neon Genesis Evangelion</td>
</tr>
<tr>
<th>Game</th>
<td>Persona 5</td>
</tr>
<tr>
<th>Anime</th>
<td>GTO</td>
</tr>
<tr>
<th>Anime</th>
<td>Revolutionary Girl Utena</td>
</tr>
<tr>
<th>Anime</th>
<td>Chainsaw Man</td>
</tr>
<tr>
<th>Anime</th>
<td>Azumanga Daioh</td>
</tr>
</tbody>
</table>
</div>
</div>
</template>