Upload index.html with huggingface_hub
Browse files- index.html +9 -6
index.html
CHANGED
|
@@ -4,18 +4,21 @@
|
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>Resep ID Gemma 4</title>
|
|
|
|
|
|
|
|
|
|
| 7 |
<style>
|
| 8 |
* { margin: 0; padding: 0; box-sizing: border-box; }
|
| 9 |
-
body { font-family: -apple-system, BlinkMacSystemFont,
|
| 10 |
.container { max-width: 860px; margin: 0 auto; }
|
| 11 |
-
h1 { font-size: 2rem; margin: 1.5rem 0 1rem; }
|
| 12 |
-
h2 { font-size: 1.4rem; margin: 2rem 0 0.8rem; border-bottom: 1px solid #ddd; padding-bottom: 0.4rem; color: #d35400; }
|
| 13 |
-
h3 { font-size: 1.1rem; margin: 1.5rem 0 0.5rem; }
|
| 14 |
p { margin: 0.6rem 0; }
|
| 15 |
a { color: #d35400; text-decoration: none; }
|
| 16 |
a:hover { text-decoration: underline; }
|
| 17 |
-
code { background: #f4f4f4; color: #c7254e; padding: 2px 6px; border-radius: 3px; font-size: 0.
|
| 18 |
-
pre { background: #f8f8f8; border: 1px solid #ddd; border-radius: 6px; padding: 1rem; overflow-x: auto; margin: 1rem 0; }
|
| 19 |
pre code { background: none; padding: 0; color: #333; }
|
| 20 |
blockquote { border-left: 3px solid #d35400; padding-left: 1rem; color: #555; margin: 1rem 0; }
|
| 21 |
table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
|
|
|
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>Resep ID Gemma 4</title>
|
| 7 |
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 8 |
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 9 |
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
| 10 |
<style>
|
| 11 |
* { margin: 0; padding: 0; box-sizing: border-box; }
|
| 12 |
+
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; line-height: 1.7; padding: 2rem; background: #fff; color: #1a1a1a; }
|
| 13 |
.container { max-width: 860px; margin: 0 auto; }
|
| 14 |
+
h1 { font-size: 2rem; margin: 1.5rem 0 1rem; font-weight: 700; }
|
| 15 |
+
h2 { font-size: 1.4rem; margin: 2rem 0 0.8rem; border-bottom: 1px solid #ddd; padding-bottom: 0.4rem; color: #d35400; font-weight: 600; }
|
| 16 |
+
h3 { font-size: 1.1rem; margin: 1.5rem 0 0.5rem; font-weight: 600; }
|
| 17 |
p { margin: 0.6rem 0; }
|
| 18 |
a { color: #d35400; text-decoration: none; }
|
| 19 |
a:hover { text-decoration: underline; }
|
| 20 |
+
code { font-family: 'JetBrains Mono', monospace; background: #f4f4f4; color: #c7254e; padding: 2px 6px; border-radius: 3px; font-size: 0.85em; }
|
| 21 |
+
pre { font-family: 'JetBrains Mono', monospace; background: #f8f8f8; border: 1px solid #ddd; border-radius: 6px; padding: 1rem; overflow-x: auto; margin: 1rem 0; font-size: 0.85em; }
|
| 22 |
pre code { background: none; padding: 0; color: #333; }
|
| 23 |
blockquote { border-left: 3px solid #d35400; padding-left: 1rem; color: #555; margin: 1rem 0; }
|
| 24 |
table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
|