init

articles/static/index.css

@@ -0,0 +1,40 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+
+body {
+    background: #1e293b; 
+    font-family: "Montserrat", sans-serif;
+    color: #f1f5f9;
+}
+
+a {
+    color: #7dd3fc;
+}
+
+.header {
+    display: flex;
+    gap: 10px;
+    max-width: 1200px;
+    margin: auto;
+    padding-left: 20px
+}
+
+.one-post {
+    background: #273449;
+    border: solid 1px #334155;
+    border-radius: 10px;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+.article-created-date {
+    font-size: 12px;
+}
+
+.archive {
+    max-width: 1200px;
+    margin: auto;
+    display: grid;
+    padding: 20px;
+    gap: 20px;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+}

articles/static/logo.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" role="img" aria-labelledby="favtitle favdesc">
+  <title id="favtitle">IT лого (favicon)</title>
+  <desc id="favdesc">Иконка с угловыми скобками и диагональной линией.</desc>
+
+  <rect width="64" height="64" rx="12" fill="#0f172a"/>
+  <path d="M18 26 L10 32 L18 38" fill="none" stroke="#ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M46 26 L54 32 L46 38" fill="none" stroke="#ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M24 44 L40 20" stroke="#7dd3fc" stroke-width="3" stroke-linecap="round"/>
+</svg>