49 lines
987 B
HTML
49 lines
987 B
HTML
<style>
|
|
#cover-page {
|
|
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">
|
|
|
|
<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> |