added run3 to hs

indented the news section:
  topic
  subheader
    subtopic
increasted h2,h3,h4,h5 font size
This commit is contained in:
neon443
2024-10-05 18:42:23 +01:00
parent 32cf48bfd2
commit eaaaa70938
3 changed files with 28 additions and 5 deletions

BIN
images/run3/icon.png Normal file
View File

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

View File

@@ -66,7 +66,10 @@
<img src="./images/slope/icon.png" alt="App Icon"> <img src="./images/slope/icon.png" alt="App Icon">
<span class="label">Slope</span> <span class="label">Slope</span>
</a> </a>
<a href="https://neon443.github.io/sandspiel/" class="app"> <a href="./games/run3/" class="app">
<img src="./images/run3/icon.png" alt="App Icon">
<span class="label">Run 3</span>
</a> <a href="./games/run3/" class="app">
<img src="./images/sandspiel/icon.png" alt="App Icon"> <img src="./images/sandspiel/icon.png" alt="App Icon">
<span class="label">Sandspiel</span> <span class="label">Sandspiel</span>
</a> </a>
@@ -76,7 +79,16 @@
</a> </a>
</div> </div>
<h3><b>News</b></h3> <h3><b>News</b></h3>
<p>The redesign everyone has been waiting for is now here!</p> <div class="indented">
<p>
The redesign everyone has been waiting for is now here!
</p>
<h4>New Games</h4>
<p class="indented">
05/10/2024 Run 3<br/>
28/09/2024 Google Doodle Champion Island
</p>
</div>
</div> </div>
<footer> <footer>
<h5 class="center">Made with &#60;&#47;&#62; by neon443</h5> <h5 class="center">Made with &#60;&#47;&#62; by neon443</h5>

View File

@@ -81,19 +81,27 @@ h1 {
} }
h2 { h2 {
margin-top: 10px; margin-top: 10px;
font-size: 30px; font-size: 35px;
font-weight: 400; font-weight: 400;
} }
h3 { h3 {
margin-top: 10px; margin-top: 10px;
font-size: 25px; font-size: 30px;
font-weight: 400; font-weight: 400;
} }
h4 {
margin-top: 10px;
font-size: 25px;
font-weight: 300;
}
h5 { h5 {
margin-top: 10px; margin-top: 10px;
font-size: 25px; font-size: 20px;
font-weight: 200; font-weight: 200;
} }
.indented {
margin-left: 20px;
}
.center { .center {
text-align: center; text-align: center;
} }
@@ -241,6 +249,9 @@ h5 {
height: 80px; height: 80px;
border-radius: 20px; border-radius: 20px;
} }
.indented {
margin-left: 10px;
}
.content { .content {
padding: 0 10px; padding: 0 10px;
} }