primrose/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make footer stick to the bottom of the page

Browse source
This commit is contained in:
Primrose 2023-12-02 22:08:12 -05:00
parent 2889eb633c
commit 9097c6b38b
2 changed files with 8 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

23
index.html
View file

@ -24,27 +24,6 @@
<h2>Welcome</h2> <h2>Welcome</h2>
<p>Welcome to my home sweet home, darling. Take a look around, if you so desire.</p> <p>Welcome to my home sweet home, darling. Take a look around, if you so desire.</p>
</div> </div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="footer"> <div class="footer">
<h2>Friends 💖</h2> <h2>Friends 💖</h2>
<a href="https://speedie.site"><img src="https://snowcake.me/assets/images/speedie.png" title="speedie - speedie.site"></a> <a href="https://speedie.site"><img src="https://snowcake.me/assets/images/speedie.png" title="speedie - speedie.site"></a>
@ -54,4 +33,4 @@
<p>See <a href="https://git.snowcake.me/primrose/snowcake-website/src/branch/main/LICENSE">this</a> document for copyright and licensing details</p> <p>See <a href="https://git.snowcake.me/primrose/snowcake-website/src/branch/main/LICENSE">this</a> document for copyright and licensing details</p>
</div> </div>
</body> </body>
</html> </html>

8
style.css
View file

@ -59,6 +59,12 @@ a {
cursor: pointer; cursor: pointer;
} }
.footer {
position: fixed;
bottom: 0px;
width: 100%;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
background-image: radial-gradient(circle, #8e009f, #6b0077, #470050); background-image: radial-gradient(circle, #8e009f, #6b0077, #470050);
@ -87,4 +93,4 @@ a {
a { a {
color: #ffffff; color: #ffffff;
} }
} }