new file: spa/app/assets/bage_logo.png

modified: spa/app/index.html new file: spa/app/styles/mainStyle.css add mainStyle.css file, add logo icon logo for browser tab
2025-07-14 12:16:47 +05:00
parent 4a5c4e3df5
commit 49c20b5dc5
3 changed files with 55 additions and 55 deletions
@@ -4,61 +4,8 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ЯлАрба - Туристический агрегатор</title>
-    <style>
-      body {
-        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-        line-height: 1.6;
-        color: #333;
-        max-width: 800px;
-        margin: 0 auto;
-        padding: 20px;
-        background-color: #f5f7fa;
-      }
-      header {
-        background-color: #1e88e5;
-        color: white;
-        padding: 20px;
-        border-radius: 8px;
-        margin-bottom: 30px;
-        text-align: center;
-      }
-      h1 {
-        margin: 0;
-        font-size: 2.2em;
-      }
-      h2 {
-        color: #1e88e5;
-        border-bottom: 2px solid #1e88e5;
-        padding-bottom: 5px;
-        margin-top: 30px;
-      }
-      .developer {
-        background-color: #e3f2fd;
-        padding: 15px;
-        border-radius: 8px;
-        margin: 20px 0;
-      }
-      .roadmap {
-        background-color: white;
-        padding: 20px;
-        border-radius: 8px;
-        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-      }
-      .phase {
-        margin-bottom: 20px;
-        padding-bottom: 20px;
-        border-bottom: 1px dashed #ccc;
-      }
-      .phase:last-child {
-        border-bottom: none;
-      }
-      footer {
-        text-align: center;
-        margin-top: 40px;
-        color: #666;
-        font-size: 0.9em;
-      }
-    </style>
+    <link rel="stylesheet" href="styles/mainStyle.css" />
+    <link rel="icon" href="assets/bage_logo.png" type="img/png" />
  </head>
  <body>
    <!-- Yandex.Metrika counter -->
@@ -0,0 +1,53 @@
+body {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  line-height: 1.6;
+  color: #333;
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 20px;
+  background-color: #f5f7fa;
+}
+header {
+  background-color: #1e88e5;
+  color: white;
+  padding: 20px;
+  border-radius: 8px;
+  margin-bottom: 30px;
+  text-align: center;
+}
+h1 {
+  margin: 0;
+  font-size: 2.2em;
+}
+h2 {
+  color: #1e88e5;
+  border-bottom: 2px solid #1e88e5;
+  padding-bottom: 5px;
+  margin-top: 30px;
+}
+.developer {
+  background-color: #e3f2fd;
+  padding: 15px;
+  border-radius: 8px;
+  margin: 20px 0;
+}
+.roadmap {
+  background-color: white;
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+.phase {
+  margin-bottom: 20px;
+  padding-bottom: 20px;
+  border-bottom: 1px dashed #ccc;
+}
+.phase:last-child {
+  border-bottom: none;
+}
+footer {
+  text-align: center;
+  margin-top: 40px;
+  color: #666;
+  font-size: 0.9em;
+}