Replace CSS classes with semantic HTML

2022-01-11 13:28:22 +01:00
parent c6f0421ad3
commit 8719d9b0f9
37 changed files with 1215 additions and 1279 deletions
--- a/res/template/widgets.html
+++ b/res/template/widgets.html
@@ -8,10 +8,10 @@
 	<body>
 		{{template "page_top" .}}

-		<div class="checkers inset">
+		<header">
 			<h1>Widget showcase</h1>
-		</div>
-		<div class="limit_width">
+		</header>
+		<section>
 			<h2>Size 2 header</h2>
 			<h3>Size 3 header</h3>
 			<h4>Size 4 header</h4>
@@ -64,7 +64,7 @@

 			<br/><br/>
 			<iframe src="https://pixeldrain.com/u/Nygt1on4?embed" style="border: none; width: 800px; max-width: 100%; height: 600px; max-height: 100%; border-radius: 16px;"></iframe>
-		</div>
+		</section>
 		{{template "page_bottom" .}}
 	</body>
 </html>