Fix rendering bugs, update name

2025-06-03 12:38:41 +03:00
parent 82a2083422
commit 39651a6021
8 changed files with 31 additions and 21 deletions
--- a/assets/main.html
+++ b/assets/main.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{.Title}}</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap" rel="stylesheet">
+    <style>
+      :root {
+          --text-color: #eee;
+          --bg-color: #292929;
+          --link-color: #4a9eff;
+          --link-hover: #77b6ff;
+          --quote-bg: #333;
+          --quote-border: #444;
+          --pre-bg: #2a2a2a;
+          --pre-border: #3a3a3a;
+      }
+
+        body {
+            font-family: "Source Serif Pro", serif;
+            /* font-weight: 300; */
+            font-size: 16px;
+            color: var(--text-color);
+            background-color: var(--bg-color);
+            max-width: 34rem;
+            amargin: 0 auto;
+            amargin-left: 2rem;
+            padding: 1rem 1rem;
+            atext-align: justify;
+            ahyphens: auto;
+            a-webkit-hyphens: auto;
+            a-ms-hyphens: auto;
+        }
+
+        .gemini-container {
+            width: 100%;
+        }
+
+        .gemini-heading-1 {
+            font-size: 2rem;
+            margin-top: 1rem;
+            margin-bottom: 1rem;
+            font-weight: 700;
+            line-height: 1.2;
+        }
+
+        .gemini-heading-2 {
+            font-size: 1.6rem;
+            margin-top: 0.8rem;
+            margin-bottom: 0.8rem;
+            font-weight: 600;
+            line-height: 1.3;
+        }
+
+        .gemini-heading-3 {
+            font-size: 1.3rem;
+            margin-top: 0.7rem;
+            margin-bottom: 0.7rem;
+            font-weight: 600;
+            line-height: 1.4;
+        }
+
+        .gemini-textline {
+            margin-bottom: 1rem;
+        }
+
+        .gemini-list-item {
+            margin: 0.5rem 0;
+            padding-left: 0.5rem;
+        }
+
+        .gemini-link-container {
+            margin: 1rem 0;
+        }
+
+        .gemini-link-container a {
+            color: var(--link-color);
+            text-decoration: none;
+            border-bottom: 1px solid transparent;
+            transition: border-color 0.2s ease;
+        }
+
+        .gemini-link-container a:hover {
+            color: var(--link-hover);
+            border-bottom-color: var(--link-hover);
+        }
+
+        .gemini-blockquote {
+            background-color: var(--quote-bg);
+            border-left: 3px solid var(--quote-border);
+            margin: 1.5rem 0;
+            padding: 0.8rem 1rem;
+            font-style: italic;
+        }
+
+        .gemini-preformatted {
+	    font-family: "Source Code Pro", monospace !important;
+            background-color: var(--pre-bg);
+            border: 1px solid var(--pre-border);
+            border-radius: 3px;
+            padding: 1rem;
+            overflow-x: auto;
+            font-family: monospace;
+            font-size: 0.9rem;
+            margin: 1rem 0;
+            white-space: pre-wrap;
+        }
+    </style>
+</head>
+<body>
+<div class="gemini-container">
+    {{.Content}}
+</div>
+</body>
+</html>