This commit is contained in:
Joost van der Schee 2022-12-08 17:14:50 +01:00
parent 1bd02dc07b
commit def8d5c1f2
2 changed files with 2 additions and 3 deletions

View File

@ -45,7 +45,6 @@
</section> </section>
<section id="examples"> <section id="examples">
<h2>Examples</h2>
<div class="examples"> <div class="examples">
<div> <div>
<a href="https://john-doe.neocities.org"><img src="assets/images/johndoe.png" alt="John Doe" /></a>by <a href="https://github.com/cadars/john-doe">cadars</a> <a href="https://john-doe.neocities.org"><img src="assets/images/johndoe.png" alt="John Doe" /></a>by <a href="https://github.com/cadars/john-doe">cadars</a>

View File

@ -7,7 +7,7 @@ h1,h2,h3 {line-height: 1.1; margin-bottom: 0.75em; font-size: 1.6rem;}
h2::before {content: ""; display: block; width: 2rem; height: 1.5rem; background: url('assets/images/lotus.png') center center / contain no-repeat; margin: 0 auto 0.4rem; opacity: 0.8;} h2::before {content: ""; display: block; width: 2rem; height: 1.5rem; background: url('assets/images/lotus.png') center center / contain no-repeat; margin: 0 auto 0.4rem; opacity: 0.8;}
p {margin-bottom: 1.5em;} p {margin-bottom: 1.5em;}
h2:not(:first-child) {margin-top: 1em;} h2:not(:first-child) {margin-top: 1em;}
section {min-height: 30rem; padding: 12rem 2rem 15rem; display: none; align-items: center; flex-direction: column; justify-content: flex-start; margin: auto 0; min-height: calc(100vh - 1rem);} section {min-height: 30rem; padding: 12.5rem 2rem 15rem; display: none; align-items: center; flex-direction: column; justify-content: flex-start; margin: auto 0; min-height: calc(100vh - 1rem);}
section:target {display: flex;} section:target {display: flex;}
section a {text-decoration: underline;} section a {text-decoration: underline;}
section a:hover {text-decoration: none; color: rgb(155, 18, 18);} section a:hover {text-decoration: none; color: rgb(155, 18, 18);}
@ -34,7 +34,7 @@ div.examples > div a:first-child:hover img {transform: scale(1.05);}
@media only screen and (max-width: 25rem) { @media only screen and (max-width: 25rem) {
body {border-width: 0.5rem;} body {border-width: 0.5rem;}
section {min-height: calc(100vh - 0.5rem); padding: 11rem 1.25rem 15rem;} section {min-height: calc(100vh - 0.5rem); padding: 11.5rem 1.25rem 15rem;}
header {height: 12rem;} header {height: 12rem;}
footer {padding-bottom: 3rem;} footer {padding-bottom: 3rem;}
main::after, main::before {height: 0.5rem;} main::after, main::before {height: 0.5rem;}