toggle font button

2022-05-04 21:54:05 +02:00
parent c5bbdd194c
commit e52ea0c3e6
5 changed files with 84 additions and 6 deletions
--- a/html/end.html
+++ b/html/end.html
@@ -1,4 +1,5 @@
    </main>
+    <script src="main.js"></script>
 </body>

 </html>
--- a/html/start.html
+++ b/html/start.html
@@ -6,7 +6,33 @@
    <title>avg convo</title>
    <link href="text_analysis.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style id="style-heonian" disabled>
+        .convo-heonian {
+            display: block;
+        }
+
+        .convo-roman {
+            display: none;
+        }
+    </style>
+    <style id="style-roman">
+        .convo-heonian {
+            display: none;
+        }
+
+        .convo-roman {
+            display: block;
+        }
+    </style>
 </head>

 <body>
+    <noscript>
+        <style>
+            #font-button {
+                display: none;
+            }
+        </style>
+    </noscript>
+    <p class="button" id="font-button">toggle font</p>
    <main>