v1!

2024-01-06 01:55:26 +01:00
parent 3cea43edb6
commit a60deb8cd8
5 changed files with 105 additions and 1 deletions
@@ -0,0 +1,82 @@
+<div class="stream-information">
+	<h1 class="title">Auditorium of Babel</h1>
+	<h3 class="backlink">ID: aptget</h3>
+</div>
+
+<div class="description-bubble">
+	<p>Hello, there, welcome to V1.</p>
+	<p>
+		Still in construction. No responsive design yet, so phones will be hard to use, but that's
+		coming, too!
+	</p>
+	<p>
+		There's gonna be an update feed soon (with RSS, too), but for now, just check the most
+		recent stream to see if anything new has been uploaded. I'll post something here if I fill
+		in the back-catalog.
+	</p>
+
+	<p style="font-size: smaller">
+		Mascot drawn by <a href="https://twitter.com/yuuybee/">yuuybee</a>.
+	</p>
+</div>
+
+<style>
+	.stream-information {
+		width: 70%;
+		padding: 1px;
+		margin-top: 2%;
+		margin-left: 3%;
+		min-height: 8%;
+		border-radius: 2px;
+		position: relative;
+	}
+
+	.backlink {
+		font-family: 'Montserrat';
+	}
+
+	.title {
+		font-size: x-large;
+		font-family: 'Montserrat';
+		right: 0;
+		position: absolute;
+		margin-right: 3%;
+		text-decoration: underline;
+	}
+
+	.description-bubble {
+		position: relative;
+		background-color: rgba(255, 255, 255, 0.75);
+		border: 1px solid #ccc;
+		color: black;
+		padding: 10px;
+		margin: 10px;
+		margin-left: 3%;
+		border-radius: 5px;
+		min-width: 70%;
+		max-width: 70%;
+		width: fit-content;
+		font-family: Verdana;
+		font-size: small;
+	}
+
+	.description-bubble :global(:first-child) {
+		margin-top: 0px;
+	}
+
+	.description-bubble :global(:last-child) {
+		margin-bottom: 0px;
+	}
+
+	.description-bubble::after {
+		content: '';
+		position: absolute;
+		border-style: solid;
+		border-width: 10px 0 10px 10px;
+		border-color: transparent transparent transparent #ccc;
+		top: 8px;
+		right: -10px;
+		width: 0;
+		height: 0;
+	}
+</style>