Spaces:

lablab-ai-amd-developer-hackathon
/

Resep-ID-Gemma-4

Running

App Files Files Community

junwatu commited on 11 days ago

Commit

e9d51b9

verified ·

1 Parent(s): 42b357a

Upload index.html with huggingface_hub

Browse files

Files changed (1) hide show

index.html +29 -13

index.html CHANGED Viewed

@@ -6,25 +6,41 @@
 <title>Resep ID Gemma 4</title>
 <style>
 * { margin: 0; padding: 0; box-sizing: border-box; }
-body { background: #1a1a2e; color: #e0e0e0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.7; padding: 2rem; }
 .container { max-width: 860px; margin: 0 auto; }
-h1 { color: #fff; font-size: 2rem; margin: 1.5rem 0 1rem; }
-h2 { color: #ffa94d; font-size: 1.4rem; margin: 2rem 0 0.8rem; border-bottom: 1px solid #2a4a7f; padding-bottom: 0.4rem; }
-h3 { color: #ddd; font-size: 1.1rem; margin: 1.5rem 0 0.5rem; }
 p { margin: 0.6rem 0; }
-a { color: #ffa94d; text-decoration: none; }
 a:hover { text-decoration: underline; }
-code { background: #0f3460; color: #a8dadc; padding: 2px 6px; border-radius: 3px; font-size: 0.9em; }
-pre { background: #0f3460; border: 1px solid #2a4a7f; border-radius: 6px; padding: 1rem; overflow-x: auto; margin: 1rem 0; }
-pre code { background: none; padding: 0; }
-blockquote { border-left: 3px solid #ffa94d; padding-left: 1rem; color: #bbb; margin: 1rem 0; }
 table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
-th, td { border: 1px solid #2a4a7f; padding: 0.5rem 0.8rem; text-align: left; }
-th { background: #0f3460; color: #fff; }
-tr:nth-child(even) { background: rgba(15,52,96,0.3); }
 ul, ol { padding-left: 1.5rem; margin: 0.5rem 0; }
 li { margin: 0.3rem 0; }
-hr { border: none; border-top: 1px solid #2a4a7f; margin: 2rem 0; }
 </style>
 </head>
 <body>

 <title>Resep ID Gemma 4</title>
 <style>
 * { margin: 0; padding: 0; box-sizing: border-box; }
+body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.7; padding: 2rem; background: #fff; color: #1a1a1a; }
 .container { max-width: 860px; margin: 0 auto; }
+h1 { font-size: 2rem; margin: 1.5rem 0 1rem; }
+h2 { font-size: 1.4rem; margin: 2rem 0 0.8rem; border-bottom: 1px solid #ddd; padding-bottom: 0.4rem; color: #d35400; }
+h3 { font-size: 1.1rem; margin: 1.5rem 0 0.5rem; }
 p { margin: 0.6rem 0; }
+a { color: #d35400; text-decoration: none; }
 a:hover { text-decoration: underline; }
+code { background: #f4f4f4; color: #c7254e; padding: 2px 6px; border-radius: 3px; font-size: 0.9em; }
+pre { background: #f8f8f8; border: 1px solid #ddd; border-radius: 6px; padding: 1rem; overflow-x: auto; margin: 1rem 0; }
+pre code { background: none; padding: 0; color: #333; }
+blockquote { border-left: 3px solid #d35400; padding-left: 1rem; color: #555; margin: 1rem 0; }
 table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
+th, td { border: 1px solid #ddd; padding: 0.5rem 0.8rem; text-align: left; }
+th { background: #f4f4f4; }
+tr:nth-child(even) { background: #fafafa; }
 ul, ol { padding-left: 1.5rem; margin: 0.5rem 0; }
 li { margin: 0.3rem 0; }
+hr { border: none; border-top: 1px solid #ddd; margin: 2rem 0; }
+@media (prefers-color-scheme: dark) {
+  body { background: #1a1a2e; color: #e0e0e0; }
+  h1 { color: #fff; }
+  h2 { color: #ffa94d; border-bottom-color: #2a4a7f; }
+  h3 { color: #ddd; }
+  a { color: #ffa94d; }
+  code { background: #0f3460; color: #a8dadc; }
+  pre { background: #0f3460; border-color: #2a4a7f; }
+  pre code { color: #a8dadc; }
+  blockquote { border-left-color: #ffa94d; color: #bbb; }
+  th, td { border-color: #2a4a7f; }
+  th { background: #0f3460; color: #fff; }
+  tr:nth-child(even) { background: rgba(15,52,96,0.3); }
+  hr { border-top-color: #2a4a7f; }
+}
 </style>
 </head>
 <body>