initial commit

2023-03-06 20:27:57 +03:00
commit b02b9e1811
70 changed files with 2741 additions and 0 deletions
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -0,0 +1,79 @@
+/* TODO исправить стили, тут верхней навигации вообще нет */
+
+
+/* ========== THEME ========== */
+body {
+  --text-color: #111;
+  --brand-color: #231765;
+  --bkg-color-blue: #0066e3;
+
+  --bkg-color: #fff;
+  --bkg-color2: #ccc;
+  --bkg-color3: #aaa;
+}
+
+@media (prefers-color-scheme: dark) {
+  /* defaults to dark theme */
+  body {
+    --text-color: #eee;
+    --brand-color: #654dea;
+    --bkg-color-blue: #003aac;
+
+    --bkg-color: #121212;
+    --bkg-color2: #202020;
+    --bkg-color3: #353435;
+  }
+}
+
+* {
+  background: transparent;
+  color: var(--text-color);
+}
+
+body {
+  background: var(--bkg-color);
+}
+
+.page-header {
+  text-align: center;
+  margin: 1em 3em;
+}
+
+/* ========== MAIN STYLES ========== */
+
+#header-wrapper {
+  display: flex;
+  margin: 1em;
+}
+
+#header-wrapper * {
+  color: var(--brand-color);
+}
+
+header {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  margin: 0 auto;
+}
+
+header > * {
+  margin: auto 0.5em;
+  text-decoration: none;
+  font-size: medium;
+}
+
+header > div > * {
+  display: block;
+  margin: 0.1em 0;
+}
+
+#logo-text {
+  font-weight: bolder;
+  font-size: xx-large;
+}
+
+#logo-image {
+  width: 50px;
+  height: 50px;
+}
--- a/static/favicon.webp
+++ b/static/favicon.webp
--- a/static/images/ex1.jpg
+++ b/static/images/ex1.jpg
--- a/static/images/ex2.jpg
+++ b/static/images/ex2.jpg
--- a/static/images/ex3.jpg
+++ b/static/images/ex3.jpg
--- a/static/images/profile.png
+++ b/static/images/profile.png
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -0,0 +1,12 @@
+// скрипт...
+
+// Listen for a click on the button
+const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)");
+
+document.getElementById("theme-switcher").addEventListener("click", function () {
+  if (prefersDarkScheme.matches) {
+    document.body.classList.toggle("light-theme");
+  } else {
+    document.body.classList.toggle("dark-theme");
+  }
+});
--- a/static/test/Untitled.ogg
+++ b/static/test/Untitled.ogg
--- a/static/test/index.html
+++ b/static/test/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <style>
+        @keyframes blinking {
+            0% {
+                background-color: #ff3d50;
+            }
+            50% {
+                background-color: #55d66b;
+            }
+            75% {
+                background-color: #d0b91d;
+            }
+            100% {
+                background-color: #222291;
+            }
+        }
+
+        body {
+            margin: 0;
+            padding: 0;
+            animation: blinking 1s infinite;
+        }
+
+        a {
+            color: aliceblue;
+            font-size: 100px;
+            font-size: 100px;
+            text-decoration: none;
+        }
+    </style>
+    <meta charset="UTF-8">
+    <title> title </title>
+</head>
+<body>
+
+    <a href="saratov.html"> не все кто перешол по сылке смагли вернутса взад </a>
+
+</body>
+</html>
--- a/static/test/saratov.gif
+++ b/static/test/saratov.gif
--- a/static/test/saratov.html
+++ b/static/test/saratov.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title> SARATOV </title>
+</head>
+<style>
+    html {
+        background-color: black;
+        justify-content: center;
+    }
+    img {
+        width: 100%;
+        height: 100%;
+    }
+</style>
+<body>
+<iframe src="Untitled.ogg" type="audio/ogg" allow="autoplay" id="audio" style="display:none"></iframe>
+<img src="saratov.gif">
+</body>
+</html>