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>
<footer>
<SeparatorLine noMargin />
<div class="content-container">
<div class="content-box center-box">
<p>〔 2023–2026 〕denizk0461</p>
<div class="background">
<SeparatorLine noMargin />
<div class="content-container">
<div class="content-box center-box">
<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 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>
<input
type="image"
onclick={playSound}
title="the bottom rat"
alt="the bottom rat"
class="bottom-rat"
src="/common/rat/spookyrat.webp">
</div>
<input
type="image"
onclick={playSound}
title="the bottom rat"
alt="the bottom rat"
class="bottom-rat"
src="/common/rat/spookyrat.webp">
</footer>
<style>
footer {
background-color: var(--color-background-highlight);
margin-top: 40px;
margin-top: auto;
width: 100%;
backdrop-filter: blur(6px);
}
footer h6 {
@@ -78,11 +77,15 @@
bottom: 0;
}
.background {
background-color: var(--color-background-highlight);
backdrop-filter: blur(6px);
margin-top: 32px;
}
.content-container {
height: 100%;
margin: 0 24px 0 48px;
display: flex;
/* align-items: center; */
flex-flow: row;
gap: 16px;
justify-content: space-evenly;

1
src/routes/+layout.svelte
View File

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