Credits and footer styling

css/style.css

@@ -12,14 +12,14 @@
 @font-face {
 	font-family: "Radio Canada";
 	font-style: normal;
-	src: url("../fonts/RadioCanada.woff2") format("woff2-variations");
+	src: url("../font/RadioCanada.woff2") format("woff2-variations");
 	font-weight: 300 700;
 	font-stretch: 75 100;
 }
 @font-face {
 	font-family: "Radio Canada";
 	font-style: italic;
-	src: url("../fonts/RadioCanada-Italic.woff2") format("woff2-variations");
+	src: url("../font/RadioCanada-Italic.woff2") format("woff2-variations");
 	font-weight: 300 700;
 	font-stretch: 75 100;
 }
@@ -42,7 +42,28 @@ footer {
 	border-top: #000 dashed 0.5em;
 }
 
+footer h2 {
+	text-align: center;
+	font-size: 2rem;
+	margin: 1em 0;
+}
+
+footer p {
+	font-stretch: semi-condensed;
+	margin-bottom: 0.75em;
+}
+
 footer div {
 	margin-inline: auto;
-	max-width: 128ch;
+	max-width: 96ch;
+}
+
+.footer__credits {
+	margin-top: 4rem;
+	font-size: 0.8rem;
+	text-align: center;
+}
+
+.footer__credits p {
+	margin-bottom: 0.2em;
 }

index.html

@@ -275,8 +275,8 @@
 			</section>
 			<script type="text/javascript" src="./scroll.js"></script>
 		</main>
-		<footer class="footer">
-			<div class="footer__article">
+		<footer>
+			<div>
 				<h2>Thanks for Scrolling!</h2>
 				<p>
 					Word salad is something I often find myself thinking about more often than I’d like, especially when I’m in a
@@ -305,15 +305,18 @@ <h2>Thanks for Scrolling!</h2>
 					root and have far-reaching consequences we never anticipated. Going back to the chaotic calls with my friends,
 					when does something no longer become “a bit”?
 				</p>
-				<p class="footer__credits">
-					This work is licensed under a
-					<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"
-						>Creative Commons Attribution-ShareAlike 4.0 International License</a
-					>
-				</p>
-				<p class="footer__credits">
-					Built by Leslie "<a href="https://personmeetup.ca/">Person Meetup</a>" Swan for Advanced Web Design at the
-					<a href="https://www.ulethbridge.ca/">University of Lethbridge</a>
+				<div class="footer__credits">
+					<p>This page uses the <a href="https://github.com/russellsamora/enter-view">“enter-view”</a> JavaScript library by Russel Samora and Jonathan Soma</p>
+					<p>
+						This work is licensed under a
+						<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
+							Creative Commons Attribution-ShareAlike 4.0 International License
+							</a>
+					</p>
+					<p>
+						Built by Leslie "<a href="https://personmeetup.ca/">Person Meetup</a>" Swan for Advanced Web Design at the
+						<a href="https://www.ulethbridge.ca/">University of Lethbridge</a>
+				</div>
 				</p>
 			</div>
 		</footer>