denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed footer height and position

Browse Source
This commit is contained in:
denizk0461
2026-01-10 19:40:32 +01:00
parent bafb395f09
commit 7c5310f2b1
2 changed files with 34 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/lib/footer.svelte
View File

@@ -15,41 +15,40 @@
</script> </script>
<footer> <footer>
<SeparatorLine noMargin /> <div class="background">
<SeparatorLine noMargin />
<div class="content-container"> <div class="content-container">
<div class="content-box center-box"> <div class="content-box center-box">
<p>〔 2023–2026 〕denizk0461</p> <p>〔 2023–2026 〕denizk0461</p>
</div>
<div class="content-box">
<h6>Content</h6>
<a href="/projects">Projects</a>
<a href="/blog">Blog</a>
<a href="/about">About</a>
</div>
<div class="content-box">
<h6>Meta</h6>
<a href="/feeds">Feeds</a>
<a href="https://codeberg.org/denizk0461/pages-svelte">Page Source</a>
<a href="/privacy">Privacy & Cookies</a>
</div>
<div class="content-box"></div>
</div> </div>
<div class="content-box"> <input
<h6>Content</h6> type="image"
<a href="/projects">Projects</a> onclick={playSound}
<a href="/blog">Blog</a> title="the bottom rat"
<a href="/about">About</a> alt="the bottom rat"
</div> class="bottom-rat"
<div class="content-box"> src="/common/rat/spookyrat.webp">
<h6>Meta</h6>
<a href="/feeds">Feeds</a>
<a href="https://codeberg.org/denizk0461/pages-svelte">Page Source</a>
<a href="/privacy">Privacy & Cookies</a>
</div>
<div class="content-box"></div>
</div> </div>
<input
type="image"
onclick={playSound}
title="the bottom rat"
alt="the bottom rat"
class="bottom-rat"
src="/common/rat/spookyrat.webp">
</footer> </footer>
<style> <style>
footer { footer {
background-color: var(--color-background-highlight); margin-top: auto;
margin-top: 40px;
width: 100%; width: 100%;
backdrop-filter: blur(6px);
} }
footer h6 { footer h6 {
@@ -78,11 +77,15 @@
bottom: 0; bottom: 0;
} }
.background {
background-color: var(--color-background-highlight);
backdrop-filter: blur(6px);
margin-top: 32px;
}
.content-container { .content-container {
height: 100%;
margin: 0 24px 0 48px; margin: 0 24px 0 48px;
display: flex; display: flex;
/* align-items: center; */
flex-flow: row; flex-flow: row;
gap: 16px; gap: 16px;
justify-content: space-evenly; justify-content: space-evenly;

1
src/routes/+layout.svelte
View File

@@ -104,6 +104,7 @@
.all-content-container { .all-content-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh;
/* max-width: 100%; */ /* max-width: 100%; */
} }