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

new style

Browse Source
This commit is contained in:
Adam French
2025-11-28 18:15:43 +00:00
parent c528f3dadf
commit a776c852b2
5 changed files with 104 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,30 +6,47 @@ import Radio from "@/components/Radio.vue";
<template>
<main>
<div class="bordered-1">
<h1>Welcome</h1>
<img src="/img/epic.jpeg" />
<h2>whoami?</h2>
<p>Hi im Adam</p>
<div class="bordered-2">
<img src="/img/epic.jpeg" />
<h1>Welcome</h1>
<p>Hi im Adam</p>
</div>
</div>
<div class="bordered-1">
<h2>cv</h2>
<RouterLink to="/cv">cv</RouterLink>
<div class="bordered-2">
<!-- <video>
<source src="/img/memes/1761540684738196.webm" />
</video> -->
<img src="/img/img.png" />
<RouterLink to="/cv"><h2>cv</h2></RouterLink>
</div>
</div>
<div class="bordered-1">
<h2>bookmarks</h2>
<RouterLink to="/bookmarks">bookmarks</RouterLink>
</div>
<!-- <div class="bordered-1">
<div class="bordered-2">
<video>
<source src="/img/demoman/m2-res_720p.mp4" />
</video>
<h2>bookmarks</h2>
<RouterLink to="/bookmarks">bookmarks</RouterLink>
</div>
</div> -->
<div class="bordered-1">
<h2>Shrines</h2>
<RouterLink to="/shrines/gto">gto</RouterLink>
<RouterLink to="/shrines/demoman">demoman</RouterLink>
<RouterLink to="/shrines/skipskipbenben">skipskipbenben</RouterLink>
<RouterLink to="/shrines/evangelion">evangelion</RouterLink>
</div>
<!-- <div class="bordered-1">
<div class="bordered-2">
<video>
<source src="/img/demoman/1761570214170465.webm" />
</video>
<h2>Shrines</h2>
<RouterLink to="/shrines/gto">gto</RouterLink>
<RouterLink to="/shrines/demoman">demoman</RouterLink>
<RouterLink to="/shrines/skipskipbenben"
>skipskipbenben</RouterLink
>
<RouterLink to="/shrines/evangelion">evangelion</RouterLink>
</div>
</div> -->
<div class="bordered-1">
<Spotify class="border" />
@@ -44,8 +61,8 @@ import Radio from "@/components/Radio.vue";
main {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
flex-direction: row;
/*align-items: center;*/
justify-content: center;
gap: 1rem;
}