Improve website looks
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Isaac Mills 2024-10-17 22:26:57 -06:00
parent ba696f9faf
commit 61e639a561
Signed by: fnmain
GPG key ID: B67D7410F33A0F61
2 changed files with 27 additions and 7 deletions

View file

@ -43,6 +43,16 @@ body {
display: flex;
}
#banner {
background-color: #f6c318;
color: #552a85;
text-align: center;
padding: 10px;
position: relative;
font-size: 24pt;
font-family: monospace
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
@ -53,8 +63,13 @@ body {
.w-layout-blockcontainer {
max-width: none;
}
#banner {
font-size: 16pt;
}
}
article {
margin: 20px;
}
@ -281,6 +296,11 @@ li {
overflow-y: hidden;
}
.ais-Hits-item {
margin-bottom: 1em;
width: 100%;
}
.unwrapped-compute {
display: none;
}

View file

@ -101,13 +101,6 @@
</head>
<body>
<!-- BANNER -->
<div id="banner"
style="background-color: #f6c318; color: #552a85; text-align: center; padding: 10px; position: relative;">
<a id="banner-message" href="/ComputeEdition1.pdf"><u>FIRST EDITION IS OUT NOW!</u></a>
<button id="close-banner"
style="background: none; border: none; color: #552a85; font-weight: bold; cursor: pointer; position: absolute; right: 10px;">✖</button>
</div>
<div class=w-nav data-animation=default data-collapse=medium data-duration=400 data-easing=ease data-easing2=ease
role=banner>
@ -125,6 +118,13 @@
<h1 class="compute-gradiant heading-3 wrapped-compute">Com<br>pute</h1>
<div class=text-block style=margin:20px;font-weight:300>Your dose of comp-sci journalism</div>
</div>
<!-- BANNER -->
<div id="banner">
<a id="banner-message" href="/ComputeEdition1.pdf"><u>FIRST EDITION IS OUT NOW!</u></a>
<button
style="position: absolute; right: 8px; top: 0px; height: 100%; background: none; border: none; color: #552a85; font-weight: bold; cursor: pointer;"
id="close-banner">✖</button>
</div>
<!-- <div class="flex-block-2 w-layout-vflex" style="background-color: #f6c318"> -->
<!-- <a href="/first_edition.html" class="unwrapped-edition" style="text-decoration: none;"> -->
<!-- <p style="color: #552a85; font-family: 'Fira Code', monospace; font-size: 6vw;margin: 10;">First Edition -></p> -->