refactor: use inline css instead of load in script type module

kresnasatya · Dec 27, 2024 · 6a64a78 · 6a64a78
1 parent d0d3e48
commit 6a64a78
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 32 deletions.
diff --git a/index.html b/index.html
@@ -12,6 +12,38 @@
     <meta name="twitter:type" content="summary">
     <meta name="twitter:title" content="API Hari Libur">
     <meta name="twitter:description" content="Tanggal merah di kalender bisa menyenangkan semua orang.">
+    <style>
+        body {
+            background: #eee;
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+            padding: 0;
+            margin: 0;
+            box-sizing: border-box;
+        }
+
+        .container {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            margin: 1rem;
+        }
+
+        ul li {
+            margin: 1rem 0;
+        }
+
+        blockquote {
+            background: #f9f9f9;
+            border-left: 10px solid #ccc;
+            margin: 1.5em 10px;
+            padding: 0.5em 10px;
+        }
+
+        blockquote p {
+            display: inline;
+        }
+    </style>
 </head>
 <body>
     <div class="container">
@@ -30,6 +62,5 @@ <h2>Bagaimana cara kerja API ini?</h2>
         <p>API hari libur mengambil data dari <a href="https://kalenderbali.com" target="_blank">kalenderbali.com</a> dan data per tahun ditarik setiap tanggal 1 Desember menggunakan GitHub Actions.</p>
         <p><a href="https://github.com/kresnasatya/api-harilibur" target="_blank">github.com/kresnasatya/api-harilibur</a></p>
     </div>
-    <script type="module" src="/main.js"></script>
 </body>
 </html>
diff --git a/main.js b/main.js
diff --git a/style.css b/style.css