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;
|
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) {
|
@media screen and (max-width: 991px) {
|
||||||
.w-layout-blockcontainer {
|
.w-layout-blockcontainer {
|
||||||
max-width: 728px;
|
max-width: 728px;
|
||||||
|
@ -53,7 +63,12 @@ body {
|
||||||
.w-layout-blockcontainer {
|
.w-layout-blockcontainer {
|
||||||
max-width: none;
|
max-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#banner {
|
||||||
|
font-size: 16pt;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
article {
|
article {
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
|
@ -281,6 +296,11 @@ li {
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ais-Hits-item {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.unwrapped-compute {
|
.unwrapped-compute {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
14
index.html
14
index.html
|
@ -101,13 +101,6 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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
|
<div class=w-nav data-animation=default data-collapse=medium data-duration=400 data-easing=ease data-easing2=ease
|
||||||
role=banner>
|
role=banner>
|
||||||
|
@ -125,6 +118,13 @@
|
||||||
<h1 class="compute-gradiant heading-3 wrapped-compute">Com<br>pute</h1>
|
<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 class=text-block style=margin:20px;font-weight:300>Your dose of comp-sci journalism</div>
|
||||||
</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"> -->
|
<!-- <div class="flex-block-2 w-layout-vflex" style="background-color: #f6c318"> -->
|
||||||
<!-- <a href="/first_edition.html" class="unwrapped-edition" style="text-decoration: none;"> -->
|
<!-- <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> -->
|
<!-- <p style="color: #552a85; font-family: 'Fira Code', monospace; font-size: 6vw;margin: 10;">First Edition -></p> -->
|
||||||
|
|
Loading…
Reference in a new issue