footer advertisement

public/index.html

@@ -848,6 +848,18 @@
 		</main>
 		<footer>
 			<div class="container-fluid">
+				<div class="adsbygoogle-container">
+					<div class="note">▾ advertisement ▾</div>
+					<ins class="adsbygoogle"
+						style="display:block"
+						data-ad-client="ca-pub-6543577519725877"
+						data-ad-slot="7233306850"
+						data-ad-format="auto"
+						data-full-width-responsive="true"></ins>
+					<script>
+						(adsbygoogle = window.adsbygoogle || []).push({});
+					</script>
+				</div>
 				Lovingly made at <img src="assets/img/balaton.svg" alt="Lake Balaton" class="balaton"> <a href="https://en.wikipedia.org/wiki/Lake_Balaton" target="_blank">Lake Balaton, Hungary</a>
 			</div>
 		</footer>

resources/scss/_ads.scss

@@ -14,6 +14,15 @@
 			height: 300px;
 			max-height: 300px;
 		}
+
+		footer & {
+			height: 200px;
+			max-height: 200px;
+		}
+	}
+
+	footer & {
+		margin-bottom: 1rem;
 	}
 
 	.note {