1
0
Fork 0
Browse Source

feat: style internal links as buttons

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
combat-scorched-earth-from-outer-space
André Jaenisch 10 months ago
parent
commit
12a9d12b66
Signed by: ryuno-ki
GPG Key ID: 5A668E771F1ED854
  1. 32
      src/css/main.css
  2. 8
      src/index.html

32
src/css/main.css

@ -262,20 +262,52 @@ textarea {
}
/* DO NOT DELETE BELOW */
* {
box-sizing: border-box;
}
html,
body {
background-color: midnightblue;
color: gold;
}
main {
/* FIXME: Normalize.css interfers? */
display: grid !important;
min-height: 90vh;
min-width: 90vw;
place-items: center;
}
section {
max-width: 45ch;
}
section:first-of-type {
display: block;
text-align: center;
}
section:not(:target) {
display: none;
}
a {
color: orange;
}
a[href^="#"] {
/* FIXME: Normalize.css interfers? */
background-color: orange !important;
color: midnightblue;
display: inline-block;
margin-block: 1em;
padding: 0.5em 1em;
text-align: center;
text-decoration: none;
}
canvas {
background-color: grey;
}

8
src/index.html

@ -15,8 +15,8 @@
<main>
<section id="scene-title" tabindex="0">
<h1>Combat Scorched Earth from Outer Space</h1>
<div><a href="#scene-game">New game</a></div>
<div><a href="#scene-credits">Credits</a></div>
<a href="#scene-game">New game</a>
<a href="#scene-credits">Credits</a>
</section>
<section id="scene-game" tabindex="0">
@ -34,9 +34,13 @@
/>
</label>
</div>
<div>
<a href="#scene-title">Back to start</a>
</div>
</section>
<section id="scene-credits" tabindex="0">
<h2>Credits</h2>
<p>
Video name generated using
<a href="https://videogamena.me/">The Video Game Name Generator</a>.

Loading…
Cancel
Save