Improve website looks
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
ba696f9faf
commit
61e639a561
2 changed files with 27 additions and 7 deletions
|
@ -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;
|
||||
}
|
||||
|
|
14
index.html
14
index.html
|
@ -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> -->
|
||||
|
|
Loading…
Reference in a new issue