Merge pull request #192 from SwiftFiddle/refactor

kishikawakatsumi · web-flow · commit 514530a71c8f · 2023-05-29T00:15:53.000+09:00
Refactor
diff --git a/Public/index.html b/Public/index.html
@@ -27,7 +27,7 @@
 
 <body class="d-flex flex-column">
   <div class="container-fluid d-flex flex-column bg-light g-0 h-100">
-    <header>
+    <header class="invisible">
       <div class="row row-cols-2 g-0">
         <div class="col">
           <a class="text-decoration-none mx-1" href="/">
@@ -92,7 +92,7 @@
         </div>
       </div>
     </header>
-    <main class="flex-grow-1">
+    <main class="flex-grow-1 invisible">
       <div class="row row-cols-2 g-0 h-100">
         <div class="col">
           <pre id="editor-container">#(defaultSampleCode)</pre>
@@ -125,7 +125,7 @@
         </div>
       </div>
     </main>
-    <footer>
+    <footer class="invisible">
       <div class="row row-cols-1 g-0">
         <div class="col p-1 text-center">
           <span class="mx-2">
diff --git a/Public/index.js b/Public/index.js
@@ -14,3 +14,7 @@ import "./js/icon.js";
 
 import { App } from "./js/app.js";
 new App();
+
+document.querySelector("header").classList.remove("invisible");
+document.querySelector("main").classList.remove("invisible");
+document.querySelector("footer").classList.remove("invisible");
