bwc9876.dev
Files for my website
bwc9876.dev
Add Footer
+34
-2
+33
-1
src/layouts/Layout.astro
+33
-1
src/layouts/Layout.astro
···
61
61
<link rel="canonical" href={canonical} />
62
62
<link rel="icon" href="/favicon.png" />
63
63
</head>
64
-
<body>
64
+
<body id="top">
65
65
<nav class="container">
66
66
<ul>
67
67
<li>
···
99
99
<main class="container">
100
100
<slot />
101
101
</main>
102
+
<footer class="container">
103
+
<p><a href="#top">Back To Top</a></p>
104
+
<p class="copyright">© Ben C 2023</p>
105
+
<Socials labelPlacement="top" />
106
+
</footer>
102
107
</body>
103
108
</html>
104
109
···
120
125
.container {
121
126
padding: 0 calc(var(--spacing) * 2) !important;
122
127
}
128
+
}
129
+
130
+
footer {
131
+
display: flex;
132
+
flex-direction: column;
133
+
flex-wrap: wrap;
134
+
align-content: center;
135
+
margin-top: calc(var(--spacing) * 5) !important;
136
+
}
137
+
138
+
footer p {
139
+
text-align: center;
140
+
}
141
+
142
+
footer p.copyright {
143
+
color: var(--muted-color);
144
+
}
145
+
146
+
footer ul {
147
+
display: flex;
148
+
gap: calc(var(--spacing) * 3);
149
+
list-style: none;
150
+
flex-direction: row;
151
+
}
152
+
153
+
footer ul li {
154
+
list-style: none;
123
155
}
124
156
125
157
nav .mobile-socials {