Передалал максимальную ширину

Фикс багов N2
Пофиксил адаптациюN1
2023-04-22 00:08:53 +07:00 · 2023-04-21 23:40:17 +07:00 · 2023-04-21 23:35:49 +07:00 · 2023-04-21 23:29:18 +07:00 · 2023-04-20 23:39:28 +07:00 · 2023-04-20 23:39:21 +07:00
5 changed files with 151 additions and 210 deletions
--- a/readme.md
+++ b/readme.md
@ -1,5 +1,11 @@
 **Проект разрабатывают:**
 - [Зажигин Богдан Алексеевич](@zaboal), управляющий и дизайнер;
- [M_12](@M_12), разработчик.
+- [M_12](@M_12), разработчик в отпуске.
 - [step](@step), разработчик.
-> **Остальная информация отображена в значках проекта на гитлабе.**
+# Версионирование
 В ветке [prototype](https://gitlab.megu.one/core/playroom/-/tree/prototype) дизайн версируется целым числом, без точек. Допусти имеем дизайн трёхсотой версии: когда [pages](https://gitlab.megu.one/core/playroom/-/tree/pages) станет ему соотвествовать он должен получить аналогичный тег трёхсотой версии `300`. Исправления функционала без изменения дизайна должны уже будут идти через точку, `300.x`, а исправления функционала после второй точки `300.x.x`.
 Другой пример:
 > Сделали второй дизайн (`2`), реализовали опллату с яндекс кассой `2.1`, добавили перенаправление после оплаты на гайд по подтверждению и исправили поведение кнопки `2.1.2`. 
--- a/source/error.html
+++ b/source/error.html
@ -10,24 +10,42 @@
    <link rel="icon" href="https://org.zaboal.name/assets/logo-playroom_green_black-border.svg" />
 </head>
-<body>
+<body class="desktop">
-    <div id="site" class="error">
+    <!-- ERROR_VERSION -->
    <div class="main error">
        <div class="header">
            <img src="https://org.zaboal.name/assets/logo-playroom_green.svg" alt="Логотип «Игровой»" />
        </div>
-        <div class="info">
+        <div class="body">
-            <h1>404</h1>
+            <div class="info">
-            <div class="row">
+                <h1>404</h1>
-                <b class="h1">Никогда такого не было, и вот опять</b>
+                <div class="row">
-                <span class="p">Запрашиваемый матери-ал отсуствует. Если бы он существовал, мы бы перенаправили по актуальному адресу.</span>
+                    <b>Никогда такого не было, и вот опять</b>
                    <span>Запрашиваемый матери-ал отсуствует. Если бы он существовал, мы бы перенаправили по актуальному адресу.</span>
                </div>
            </div>
        </div>
        <div class="footer">
            <h1>Зажигин Богдан Алексеевич · ИНН 519056542114</h1>
        </div>
    </div>
    <!-- MOBILE_VERSION -->
    <div class="main mobile">
        <div class="header">
            <img src="https://org.zaboal.name/assets/logo-playroom_green.svg" alt="Логотип «Игровой»" />
        </div>
        <div class="body">
            <div class="info">
                <b>Перезайдите с компьютера. На наших серверах играть можно только с него.</b>
                <b>(⌐■_■)</b>
            </div>
        </div>
        <div class="footer">
            <h1>Зажигин Богдан Алексеевич</h1>
        </div>
    </div>
    <script src="script.js"></script>
 </body>
 </html>
--- a/source/index.html
+++ b/source/index.html
@ -1,29 +1,31 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
+<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
-    <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title>Игровая Студии Зажгина</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="style.css" />
+  <link rel="stylesheet" href="style.css" />
-    <link rel="icon" href="https://org.zaboal.name/assets/logo-playroom_green_black-border.svg" />
+  <title>Игровая Студии Зажгина</title>
-</head>
+  <link rel="icon" href="https://org.zaboal.name/assets/logo-playroom_green_black-border.svg" />
-
+</head> 
 <body>
-    <div id="site" class="black">
+  <header>
-        <div class="header">
+    <nav>
-            <img src="https://org.zaboal.name/assets/logo-playroom_black.svg" alt="Логотип «Игровой»" />
+      <ul>
-        </div>
+        <img src="https://org.zaboal.name/assets/logo-playroom_black.svg" alt="Логотип «Игровой»" />
-        <div class="info">
+      </ul>
-            <b>Единый проход на сервера опен-сорс игр с регулярным тусейшеном и ахуенными плагинами <big>ヾ(⌐■_■)ノ♪</big></b>
+    </nav>
-        </div>
+  </header>
-        <div class="footer">
+  <div class="Introduction">
-            <h1>Зажигин Богдан Алексеевич · ИНН 519056542114</h1>
+    <p>продаём единый проход на <br />элитарные сервера и привлекаем к <br />работе в нашей студии <a scr="" style="color: rgba(0, 0, 0, .5);">ヾ(⌐■_■)ノ♪</a></p>
-        </div>
+  </div>
-    </div>
+
-    <script src="script.js"></script>
+  <div class="main">
    <p>a</p>
  </div>
  <footer>
    <p>Зажигин Богдан Алексеевич · ИНН 519056542114</p>
  </footer>
 </body>
 </html>
--- a/source/script.js
+++ b/source/script.js
@ -1,6 +1,7 @@
 ((...m)=>{
    var html = () => {
-        m[1].querySelector('html').innerHTML = `<head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Перезайдите с компьютера</title> <link rel="icon" href="https://org.zaboal.name/assets/logo-playroom_green_black-border.svg"/> <style>@import url(https://fonts.googleapis.com/css?family=Martian+Mono);:root{--main-b-color:#04030F;--main-g-color:#04F30F;--main-text-g:#04F30F;--main-text-b:#04030F;--main-width:1900px;--main-height:500vh;--error-width:1900px;--error-height:100vh}*{margin:0;padding:0;box-sizing:border-box;font-family:"Martian Mono",monospace;font-size:14pt}body{overflow-x:hidden}body,html,div.error#mobile{background:var(--main-g-color);display:flex;min-height:var(--error-height);width:100%;height:100%;flex-direction:column}div.error#mobile>.header{position:fixed;height:32px;width:100%;background:var(--main-b-color);z-index:999999999999}div.error#mobile>.header>img{height:100%;margin:auto;display:block;padding:8px 0 8px 0}div.error#mobile>.info{margin-top:32px;background:var(--main-g-color);width:100%}div.error#mobile>.info>b{padding:64px 64px 0 64px;display:block;max-width:100%;font-size:32px;line-height:1.25;letter-spacing:1px;overflow-wrap:break-word}div.error#mobile>.info>b>big{display:block;padding-top:44px;font-size:32px;color:rgba(0,0,0,.25)}div.error#mobile>.footer{display:block;min-height:32px;width:100%;background:var(--main-b-color);color:var(--main-text-g);margin-top:auto;text-align:center}div.error#mobile>.footer>h1{letter-spacing:4px;width:100%;height:100%;padding:5px 0 8px 0;text-decoration:none;text-transform:none}</style> </head><body> <div id="mobile" class="error"> <div class="header"> <img src="https://org.zaboal.name/assets/logo-playroom_green.svg" alt="Логотип «Игровой»"/> </div><div class="info"> <b>Перезайдите с компьютера. На наших серверах играть можно только с него.<big>(⌐■_■)</big></b> </div><div class="footer"> <h1>Зажигин Богдан Алексеевич</h1> </div></div></body>`;
+        m[1].querySelector('title').innerText = "Перезайдите с компьютера";
        m[1].querySelector('body').className = "mobile";
    };
    if(m[0] === m[0].parent) {
        var nv = m[0].navigator.userAgent||m[0].navigator.vendor||m[0].opera;
@ -13,4 +14,4 @@
        html();
    }
    return;
-})(window,document);
+})(window,document);
--- a/source/style.css
+++ b/source/style.css
@ -1,184 +1,98 @@
-@import url("https://fonts.googleapis.com/css?family=Martian+Mono");
+@import url('https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100;200;300;400;500;600;700;800&display=swap');
-
+*{
-:root {
+  padding: 0px;
-  --main-b-color: #04030F;
+  margin: 0px;
-  --main-g-color: #04F30F;
+  font-family: "Martian Mono";
-  --main-text-g: #04F30F;
+}
-  --main-text-b: #04030F;
+body{
-  --main-width: 1900px;
+  background: rgba(4, 3, 15, 100);
  --main-height: 500vh;
  --error-width: 1900px;
  --error-height: 100vh;
 }
-* {
+
-  margin: 0;
+header{
-  padding: 0;
+  position: sticky;
-  box-sizing: border-box;
+  top: 0px;
-  font-family: "Martian Mono", monospace;
+  height: 24px;
-  font-size: 14pt;
+  background:rgb(4, 236, 4);
 }
-/* Body */
+ul{
 /* Black */
 body {
  overflow-x: hidden;
 }
 body,div.black {
  background: var(--main-b-color);
  display: flex;
-  min-height: var(--main-height);
+  justify-content: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
 }
-/* Error */
+ul img{
-/* Green */
+  width: 26px;
 body,div.error {
  background: var(--main-g-color);
  display: flex;
  min-height: var(--error-height);
  width: 100%;
  height: 100%;
  flex-direction: column;
 }
 /* Header */
 /* Black */
 div.black > .header {
  position: fixed;
  height: 32px;
  width: 100%;
  background: var(--main-g-color);
  z-index: 999999999999;
 }
 div.black > .header > img {
  height: 100%;
  margin: auto;
  display: block;
  padding: 8px 0px 8px 0px;
 }
 /* Error */
 /* Green */
 div.error > .header {
  position: fixed;
  height: 32px;
  width: 100%;
  background: var(--main-b-color);
  z-index: 999999999999;
 }
 div.error > .header > img {
  height: 100%;
  margin: auto;
  display: block;
  padding: 8px 0px 8px 0px;
 }
 /* Info */
 /* Black */
 div.black > .info {
  margin-top: 32px;
  background: var(--main-g-color);
  width: 100%;
  min-height: 384px;
 }
 div.black > .info > b {
  padding: 64px 0 80px 64px;
  display: block;
  max-width: 1594px;
  font-size: 64px;
  line-height: 1.25;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: lowercase;
  overflow-wrap: break-word;
 }
 div.black > .info > b > big {
  font-size: 64px;
  color: rgba(0, 0, 0, 0.25);
 }
 /* Error */
 /* Green */
 div.error#site > .info {
  margin-top: 64px;
  background: var(--main-g-color);
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  width: 100%;
  min-height: 384px;
  color: var(--main-text-b);
 }
 div.error#site > .info > h1 {
  font-size: 512px;
  line-height: 1.2;
  margin-left: 117.25px;
 }
 div.error#site > .info > .row {
  width: 512px;
  height: 512px;
  padding-top: 158px;
  margin-left: 65px;
  font-size: 32px;
  display: flex;
  flex-direction: column;
 }
 div.error#site > .info > .row > .h1 {
  font-size: 40px;
  text-transform: lowercase;
  padding-bottom: 32px;
 }
 div.error#site > .info > .row > .p {
  font-size: 34px;
 }
 /* Footer */
 /* Black */
 div.black > .footer {
  display: block;
  height: 32px;
  width: 100%;
  background: var(--main-g-color);
  margin-top: auto;
  text-align: center;
-}
+  margin-top:5px;
 div.black > .footer > h1 {
  letter-spacing: 4px;
  width: 100%;
  height: 100%;
  padding: 5px 0px 8px 0px;
  text-decoration: none;
  text-transform: none;
 }
 /* Error */
 /* Green */
 div.error > .footer {
  display: block;
  height: 32px;
  width: 100%;
  background: var(--main-b-color);
  color: var(--main-text-g);
  margin-top: auto;
  text-align: center;
 }
 div.error > .footer > h1 {
  letter-spacing: 4px;
  width: 100%;
  height: 100%;
  padding: 5px 0px 8px 0px;
  text-decoration: none;
  text-transform: none;
 }
-@media screen and (min-width: 1750px) and (max-width: 1890px) {
+.Introduction{
-  /* Info */
+  font-size: 50px;
-  /* Error */
+  background:rgb(4, 236, 4);
-  /* Green */
+  padding-left: 50px;
-  div.error#site > .info > h1 {
+  padding-top: 50px;
-    font-size: 512px;
+  font-weight: bold;
-    line-height: 1.2;
+  padding-bottom: 50px;
-    margin-left: 32.25px !important;
+}
 .main{
  height: 3000px;
 }
 footer{
  height: 25px;
  background:rgb(4, 236, 4);
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  letter-spacing:3px;
 }
@media (max-width: 848px){
  *{
    padding: 0px;
    margin: 0px;
    font-family: "Martian Mono";
  }
  body{
    background: rgba(4, 3, 15, 100);
  }  
  header{
    position: sticky;
    top: 0px;
    height: 26px;
    background:rgb(4, 236, 4);
  }
  .Introduction{
    font-size: 25px;
    background:rgb(4, 236, 4);
    padding-left: 50px;
    padding-top: 25px;
    font-weight: bold;
    padding-bottom: 25px;
  }
  ul{
    display: flex;
    justify-content: center;
  }
  ul img{
    width: 26px;
    text-align: center;
    margin-top:5px;
  }
  .main{
    height: 3000px;
  }
  footer{
    height: 25px;
    background:rgb(4, 236, 4);
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    font-size: 10px;
    letter-spacing:3px;
  }
  footer p{
    padding-top: 5px;
  }
 }
Author	SHA1	Message	Date
Dom	fb2504a03e	Передалал максимальную ширину	2023-04-22 00:08:53 +07:00
Dom	630922bf80	Фикс багов N2	2023-04-21 23:40:17 +07:00
Dom	9f8edf586d	Пофиксил адаптациюN1	2023-04-21 23:35:49 +07:00
Dom	ff1ca73244	Сделал адаптивный сайт	2023-04-21 23:29:18 +07:00
Dom	59d958748b	Merge branch 'pages' of https://gitlab.megu.one/zaboal_org/playroom into pages	2023-04-20 23:39:28 +07:00
Dom	f3748a64a5	Изменил цвет чувырлика	2023-04-20 23:39:21 +07:00
M_12	8519ef4ac0	отпуск	2023-04-20 22:39:15 +06:00
Dom	6bee681767	rename style	2023-04-20 23:34:00 +07:00
Dom	11db4bfe46	br	2023-04-20 23:30:52 +07:00
Зажигин Богдан Алексеевич	e466853c9e	Исрпавил под XML	2023-04-20 19:28:13 +03:00
Dom	ec3df897ab	Испавил ошибки	2023-04-20 23:24:48 +07:00
Dom	468f0434d9	Изменил ошибку	2023-04-20 23:22:09 +07:00
Dom	5c17bb9dbe	Переписал код html css	2023-04-20 23:18:15 +07:00
Dom	e785270d55	Удалил коменнтарий	2023-04-20 22:57:24 +07:00
M_12	fcaf719529	fixed 404 switch	2023-04-19 19:06:53 +06:00
M_12	70e07cf49a	404 switch error to mobile	2023-04-19 19:05:11 +06:00
M_12	fe4baeddd9	SWITCH do mobile to desktop	2023-04-19 19:02:05 +06:00
M_12	d8187ac3c6	no copy update	2023-04-19 15:04:44 +06:00
M_12	6047c5480c	New mobile version	2023-04-19 15:01:39 +06:00
M_12	2df7e612a4	script js added	2023-04-19 14:32:08 +06:00
M_12	b13051c06d	FONT FIXED ALL CSS	2023-04-19 13:54:04 +06:00
M_12	ad5d0fa21d	js	2023-04-19 12:54:20 +06:00
M_12	7536342812	FONT BLOODER	2023-04-18 23:53:05 +06:00
M_12	6d929c9756	style again 404 height	2023-04-18 23:44:04 +06:00
M_12	04b861b46e	style 404 height 100%	2023-04-18 23:39:58 +06:00
M_12	ccd69c9d40	404 height	2023-04-18 23:29:07 +06:00
M_12	0feab50115	img error	2023-04-18 23:19:19 +06:00
M_12	1ae561d4ed	ОБНОВА ПОДЛЕТЕЛА хд	2023-04-18 22:37:58 +06:00
M_12	3f89dc410e	ой исправил ошибку info	2023-04-05 22:38:04 +06:00
M_12	7a161ecb05	Текст именён в info index.html 2	2023-04-05 22:35:00 +06:00
M_12	0cab003196	Текст именён в info index.html	2023-04-05 22:34:51 +06:00
Зажигин Богдан Алексеевич	15db639e0b	Кое-как пояснил версии и ветки	2023-03-31 06:00:14 +03:00