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/views/CV.vue
View File

@@ -476,7 +476,8 @@ h1 {
h2 {
margin: 0px;
border-bottom: 2px solid var(--primary);
margin-bottom: 3px;
border-bottom: 1px solid var(--primary);
}
p {
@@ -490,14 +491,15 @@ table {
color: var(--secondary);
width: 100%;
border-collapse: collapse;
border: 1px solid black;
}
td {
/* border: 2px solid var(--tertiary); */
border-top: 1px solid var(--tertiary);
padding: 1px 0px 1px 10px;
padding: 1px 10px 1px 10px;
font-size: var(--font-size-text);
text-align: center;
text-align: left;
}
th {
@@ -571,7 +573,7 @@ textarea {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid var(--primary);
border-bottom: 1px solid var(--primary);
}
.contact-details {

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

@@ -18,23 +18,22 @@ import Overlay from "@/components/Overlay.vue";
<main class="center-content flex-col">
<div class="a4page-portrait bdr-1 grid relative">
<Overlay>
<img src="/img/memes/star.gif" class="ov1" />
<img src="/img/memes/welcome2.png" class="ov2" />
<!-- <img src="/img/memes/star.gif" class="ov1" /> -->
<!-- <img src="/img/memes/welcome2.png" class="ov2" /> -->
<img src="/img/memes/pidgeon.gif" class="ov3" />
<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>
<h1>hello</h1>
<Intro class="intro bdr-primary bg-primary" />
<Listening class="listening bdr-primary bg-primary" />
<Stamps class="stamps bdr-primary bg-primary" />
<Feed class="feed bdr-primary bg-primary" />
<Links class="links bdr-primary bg-primary" />
<Collage class="collage bdr-primary bg-primary" />
<Watching class="watching bdr-primary bg-primary" />
<Favorites class="favorites bdr-primary bg-primary" />
<Gym class="gym bdr-primary bg-primary" />
<Watching class="watching bdr-primary bg-primary" />
</div>
</main>
<img src="/img/memes/fire-woman.gif" class="ov4" />
@@ -78,7 +77,7 @@ import Overlay from "@/components/Overlay.vue";
grid-row: 5 / span 4;
}
.favorites {
.watching {
grid-column: span 4;
grid-row: span 2;
}
@@ -87,7 +86,7 @@ import Overlay from "@/components/Overlay.vue";
grid-row: span 2;
}
.watching {
.favorites {
grid-column: span 3;
grid-row: span 2;
}
@@ -108,7 +107,7 @@ import Overlay from "@/components/Overlay.vue";
.ov3 {
width: 200px;
position: absolute;
bottom: -150px;
bottom: -50px;
left: -200px;
}
.ov4 {
@@ -120,8 +119,8 @@ import Overlay from "@/components/Overlay.vue";
.ov5 {
height: 100px;
position: absolute;
top: -100px;
right: 200px;
top: 100px;
right: -100px;
}
.ov6 {
height: 250px;