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

preparing template

Browse Source
This commit is contained in:
Adam French
2025-11-28 00:49:00 +00:00
parent 891b6242a9
commit 9f5fd7f240
4 changed files with 51 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
nginx/vue/src/App.vue
View File

@@ -5,11 +5,18 @@ import Footer from "@/components/Footer.vue";
</script> </script>
<template> <template>
<Navbar /> <Navbar style="height: 10vh" />
<RouterView /> <RouterView :class="$route.name" />
<Footer /> <Footer style="height: 10vh" />
</template> </template>
<style scoped></style> <style>
.home {
height: 80vh; /* takes full window height */
overflow: hidden; /* removes scrolling */
display: flex;
flex-direction: column;
}
</style>

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

@@ -1,5 +1,5 @@
<template> <template>
<nav class="no-print"> <nav class="no-print flex-row">
<RouterLink to="/">Home</RouterLink> <RouterLink to="/">Home</RouterLink>
<RouterLink to="/cv">CV</RouterLink> <RouterLink to="/cv">CV</RouterLink>
</nav> </nav>
@@ -7,10 +7,6 @@
<style> <style>
nav { nav {
position: fixed; height: 10vh;
width: 100%;
left: 0;
top: 0;
background: var(--background);
} }
</style> </style>

6
nginx/vue/src/views/CV.vue
View File

@@ -1,7 +1,5 @@
<template> <template>
<main> <main>
<RouterLink class="no-print" to="/">Home</RouterLink>
<div <div
class="no-print" class="no-print"
style="width: 100%; text-align: center; margin: 20px 0" style="width: 100%; text-align: center; margin: 20px 0"
@@ -350,4 +348,8 @@
<style scoped> <style scoped>
@import url("/css/cv_styles.css"); @import url("/css/cv_styles.css");
main {
overflow-y: scroll;
}
</style> </style>

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

@@ -4,31 +4,49 @@ import Radio from "@/components/Radio.vue";
</script> </script>
<template> <template>
<Spotify class="floating" style="left: 10vw; top: 10vh" /> <main>
<Radio class="floating" style="left: 90vw; top: 10vh" /> <div class="bordered-1">
<main class="a4page">
<h1>Welcome</h1> <h1>Welcome</h1>
<img src="/img/epic.jpeg" /> <img src="/img/epic.jpeg" />
<h2>whoami?</h2> <h2>whoami?</h2>
<p>Hi im Adam</p> <p>Hi im Adam</p>
</div>
<div class="bordered-1">
<h2>cv</h2> <h2>cv</h2>
<RouterLink to="/cv">cv</RouterLink> <RouterLink to="/cv">cv</RouterLink>
</div>
<div class="bordered-1">
<h2>bookmarks</h2> <h2>bookmarks</h2>
<RouterLink to="/bookmarks">bookmarks</RouterLink> <RouterLink to="/bookmarks">bookmarks</RouterLink>
</div>
<div> <div class="bordered-1">
<h2>Shrines</h2> <h2>Shrines</h2>
<RouterLink to="/shrines/gto">gto</RouterLink> <RouterLink to="/shrines/gto">gto</RouterLink>
<RouterLink to="/shrine/demoman">demoman</RouterLink> <RouterLink to="/shrines/demoman">demoman</RouterLink>
<RouterLink to="/shrines/skipskipbenben">skipskipbenben</RouterLink> <RouterLink to="/shrines/skipskipbenben">skipskipbenben</RouterLink>
<RouterLink to="/shrines/evangelion">evangelion</RouterLink> <RouterLink to="/shrines/evangelion">evangelion</RouterLink>
</div> </div>
<div class="bordered-1">
<Spotify class="border" />
</div>
<div class="bordered-1">
<Radio />
</div>
</main> </main>
</template> </template>
<styles scoped> <style scoped>
</styles> main {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
}
</style>