fix(devfest.2024): small screen display

ffoodd · ffoodd · commit e682af4b08ff · 2025-03-18T10:56:58.000+01:00
diff --git a/_src/talks/devfest.2024/index.html b/_src/talks/devfest.2024/index.html
@@ -31,6 +31,11 @@
 			outline: 0;
 		}
 
+		.portrait {
+			font-size: 80vw;
+			text-align: center;
+		}
+
 		@media screen and (min-width: 60rem) {
 			.portrait {
 				font-family: 'Twemoji Mozilla', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
@@ -39,6 +44,7 @@
 				inset-inline-end: 10vh;
 				line-height: 80vh;
 				position: absolute;
+				text-align: start;
 			}
 		}
 	</style>
diff --git a/_src/talks/sliide/sliide.css b/_src/talks/sliide/sliide.css
@@ -86,9 +86,12 @@
 		font-family: "museo-slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Twemoji Mozilla", "Segoe UI Emoji", "Segoe UI Symbol";
 		margin: 0;
 		min-block-size: 100vh;
-		overflow: hidden;
+		overflow-x: hidden;
 		text-rendering: optimizeSpeed;
 	}
+	@media screen and (min-width: 60rem) {
+		body { overflow: hidden; }
+	}
 	img {
 		display: block;
 		block-size: auto;
diff --git a/docs/devfest.2024/index.html b/docs/devfest.2024/index.html
@@ -31,6 +31,11 @@
 			outline: 0;
 		}
 
+		.portrait {
+			font-size: 80vw;
+			text-align: center;
+		}
+
 		@media screen and (min-width: 60rem) {
 			.portrait {
 				font-family: 'Twemoji Mozilla', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
@@ -39,6 +44,7 @@
 				inset-inline-end: 10vh;
 				line-height: 80vh;
 				position: absolute;
+				text-align: start;
 			}
 		}
 	</style>
diff --git a/docs/sliide/sliide.css b/docs/sliide/sliide.css
@@ -86,9 +86,12 @@
 		font-family: "museo-slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Twemoji Mozilla", "Segoe UI Emoji", "Segoe UI Symbol";
 		margin: 0;
 		min-block-size: 100vh;
-		overflow: hidden;
+		overflow-x: hidden;
 		text-rendering: optimizeSpeed;
 	}
+	@media screen and (min-width: 60rem) {
+		body { overflow: hidden; }
+	}
 	img {
 		display: block;
 		block-size: auto;

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,11 @@`
`31`	`31`	`outline: 0;`
`32`	`32`	`}`
`33`	`33`
	`34`	`+ .portrait {`
	`35`	`+ font-size: 80vw;`
	`36`	`+ text-align: center;`
	`37`	`+ }`
	`38`	`+`
`34`	`39`	`@media screen and (min-width: 60rem) {`
`35`	`40`	`.portrait {`
`36`	`41`	`font-family: 'Twemoji Mozilla', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;`
`@@ -39,6 +44,7 @@`
`39`	`44`	`inset-inline-end: 10vh;`
`40`	`45`	`line-height: 80vh;`
`41`	`46`	`position: absolute;`
	`47`	`+ text-align: start;`
`42`	`48`	`}`
`43`	`49`	`}`
`44`	`50`	`</style>`