Adds cover page

This commit is contained in:
2025-08-31 14:02:46 -06:00
parent f3eed964f0
commit 8c3232c788
6 changed files with 58 additions and 14 deletions

View File

@@ -1,9 +0,0 @@
<style>
#bouba-page {
background-color: red;
}
</style>
<div id="bouba-page" class="page-base">
This is a test kiki.
</div>

View File

@@ -1,9 +1,49 @@
<style>
#cover-page {
background-color: green;
position: relative;
background:
linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)),
url("/assets/img/cover.jpg") no-repeat center center;
background-size: cover;
}
#logo {
position: absolute;
top: 29px;
left: 8px;
transform: scaleY(1.85);
font-family: "Heading Now";
font-size: 68px;
color: #fff;
text-shadow:
0px 10px 0 rgb(209, 1, 209),
0px 20px 0 black;
}
#edition {
position: absolute;
right: 8px;
bottom: 20px;
transform: scaleY(0.8);
font-family: "Heading Now";
font-size: 32px;
text-align: right;
}
</style>
<div id="cover-page" class="page-base">
welcome to smart bar
<div id="logo" class="ytmnd-1">smart bar</div>
<div id="edition" class="ytmnd-2">
<div>sf cyberculture zine</div>
<div>issue 1, 2025</div>
</div>
</div>