Merge branch 'new-master' into unstable

history/README.md

@@ -0,0 +1,3 @@
+# History Projects
+
+- [new-master](./new-master/README.md)

history/new-master/README.md

@@ -0,0 +1,3 @@
+# Open Landing
+
+New version of Open website.

history/new-master/components/main-page.html

@@ -0,0 +1,38 @@
+<div id="main-page">
+    <div class="main-page-head-text">ShariX Open — сервис чего-то важного и интересного
+    </div>
+    <div class="main-page-image-div">
+        <img class="main-page-image-map"/>
+    </div>
+    <div class="main-page-text-h1">О нас</div>
+    <div class="main-page-text-h2">Что такое это важное и интересное?</div>
+    <div class="main-page-block-text-blue ">Важное и интересное — это способ организации управления важным внутри организации посредством специального программно-аппаратного комплекса. </div>
+    <div class="main-page-text-h2">Кому подходит сервис Open?</div>
+    <div class="main-page-block-text-white">Сервис подходит для организации управления важным как в крупных, так и в небольших компаниях, а также интересным.</div>
+    <div class="main-page-text-h2">Чем удобен сервис?</div>
+    <div class="main-page-block-text-blue ">Гибкая система планирования и разграничения важности сокращает время на интересные вопросы.</div>
+    <div class="main-page-text-h1">Особенности решения</div>
+    <div class="main-page-ul">
+        <ul >
+            <li>Бесключевой мультидоступ</li>
+            <li>Планирование периодов и районов бронирования</li>
+            <li>Автоматизация приема оплаты (в том числе предварительной) бронирования — гарантия своевременной оплаты аренды</li>
+            <li>Автоматизация контроля наличия необходимых документов</li>
+            <li>Аналитика основных показателей эффективности работы парка</li>
+            <li>Удаленное администрирование важного в реальном времени</li>
+            <li>Распределение важного между интересным без необходимости передачи чего-либо</li>
+            <li>Гибкое планирование рабочих смен с помощью мобильного приложения</li>
+        </ul>
+    </div>
+    <div class="main-page-text-h1">В чем преимушества сервиса <span style="color: var(--main-color);">Open</span>?</div>
+    <div class="main-page-ul">
+        <ul>
+            <li>Оптимизация чего-то важного и интересного</li>
+            <li>Снижение не важного</li>
+            <li>Информация о важном и интересном</li>
+            <li>Оптимизация загрузки важного и интересного</li>
+            <li>Снижение нагрузки на сотрудников для обеспечения деятельности важного и интересного</li>
+            <li>Удаленное администрирование важного и интересного</li>
+        </ul>
+    </div>
+</div>

history/new-master/components/test-page.html

@@ -0,0 +1,3 @@
+<div id="main-page">
+    <div class="main-page-head-text">На данный момент страница находится в разработке!</div>
+</div>

history/new-master/css/adaptation_style.css

@@ -0,0 +1,32 @@
+
+@media only screen and (max-width: 900px) {
+    #bar-menu-button {
+        display: inline;
+    }
+    :root {
+        --title:40px;
+        --h1: 30px;
+        --h2: 20px;
+        --normal: 14px;
+    }
+    #button-enter, .submit-connect {
+        display: none;
+    }
+    #container {
+        padding-top: 150px;
+        margin-left: 5%;
+        margin-right: 5%;
+    }
+    .main-page-ul ul li{
+        line-height: 30px;
+        font-size: 16px;
+    }
+    .main-page-ul ul li::before{
+        font-size: 18px;
+    }
+    footer, header {
+        margin-right: 5%;
+        margin-left: 5%;
+        width: 90%;
+    }
+}

history/new-master/css/style.css

@@ -0,0 +1,184 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+@font-face {
+    font-family: Robot;
+    src: url("../fonts/roboto.ttf");
+}
+:root {
+    /*COLOR*/
+    --main-color:#0081ff;
+    --main-gray:#EEEEEE;
+    --main-white: #ffffff;
+    --main-text: black;
+    --main-green: #27AE60;
+    /*FONT_SIZE*/
+    --title: 64px;
+    --h1: 36px;
+    --h2: 24px;
+    --normal: 18px;
+}
+body {
+    font-family: Roboto, "Open Sans", Arial, Helvetica, sans-serif;
+    background: #FFFFFF;
+}
+/*HEADER*/
+header {
+    margin-right: 15%;
+    position: fixed;
+    width: 70%;
+    border-radius: 15px;
+    border: 1px solid var(--main-gray);
+    box-shadow: 4px 5px 40px var(--main-gray);
+    margin-left: 15%;
+    margin-top: 30px;
+    height: 61px;
+    background-color: var(--main-white);
+}
+/*FOOTER*/
+footer {
+    margin-top: 100px;
+    margin-right: 22%;
+    margin-left: 22%;
+    width: 56%;
+    height: 312px;
+    position: static;
+    bottom: 0px;
+    margin-bottom: 30px;
+    border-radius: 15px;
+    border: 1px solid var(--main-gray);
+    box-shadow: 4px 5px 40px var(--main-gray);
+    background-color: var(--main-white);
+}
+/*© 2022 ShariX*/
+.sharix-corp {
+    position: static;
+    bottom: 30px;
+    font-size: var(--normal);
+    width: 120px;
+    height: 50px;
+    color: #666666;
+    margin:auto;
+}
+/*Войти (Кнопка)*/
+#button-enter {
+    position: absolute;
+    margin: 11px;
+    border: 2px solid transparent;
+    padding: 8px 28px;
+    color: var(--main-white);
+    border-radius: 6px;
+    background: var(--main-green);
+    font-size: var(--normal);
+    font-weight: 700;
+    cursor: pointer;
+    right: 30px;
+}
+#button-enter:hover {
+    color: var(--main-green);
+    border: 2px solid var(--main-green);
+    background-color: var(--main-white);
+    transition-duration: 0.4s;
+}
+/*Оставить заявку на подключение*/
+.submit-connect {
+    position: absolute;
+    right: 180px;
+    text-decoration: none;
+    color: var(--main-color);
+    font-size: var(--normal);
+    font-weight: 400;
+    margin: 18px;
+}
+.submit-connect:hover {
+    text-shadow: 0.5px 0.5px var(--main-color);
+    transition-duration: 0.1s;
+}
+/*Drive image in header*/
+.drive-image {
+    content: url("../images/open.png");
+    margin: 17px;
+    margin-left: 30px;
+}
+/*CONTAINER*/
+#container {
+    height: auto;
+    margin-left: 15%;
+    margin-right: 15%;
+    padding-top: 250px;
+}
+/*FOOTER TABLE*/
+.footer-table{
+    margin: auto;
+    text-align: left;
+    font-size: var(--normal);
+    font-weight: 700;
+    border-spacing: 35px;
+}
+.footer-table tbody tr th a{
+    font-weight: 400;
+    color: var(--main-color);
+    text-decoration: none;
+}
+.footer-table tbody tr th a:hover{
+    text-shadow: 0.5px 0.5px var(--main-color);
+    transition-duration: 0.1s;
+}
+.footer-table thead tr th{
+    padding-bottom: 9px;
+}
+/*BAR MENU BUTTON*/
+#bar-menu-button {
+    display: none;
+    background-color: transparent;
+    height: 40px;
+    position: absolute;
+    right: 15px;
+    top: 12px;
+    border-radius: 10px;
+    width: 40px;
+}
+.bar-menu-line {
+    background-color: var(--main-color);
+    height: 6px;
+    width: 30px;
+    margin: auto;
+    margin-top: 5px;
+    border-radius: 15px;
+}
+/*BAR MENU*/
+#bar-menu {
+    background-color: var(--main-white);
+    border: 1px solid var(--main-gray);
+    box-shadow: 4px 5px 40px var(--main-gray);
+    height: 120px;
+    border-radius: 15px;
+    top: 65px;
+    width: 160px;
+    position: absolute;
+    right: 0px;
+}
+#button-enter-menu {
+    position: absolute;
+    right: 30px;
+    border: 0;
+    padding: 8px 28px;
+    color: var(--main-white);
+    border-radius: 6px;
+    background: var(--main-green);
+    font-size: var(--normal);
+    font-weight: 700;
+    cursor: pointer;
+    bottom: 15px;
+}
+.submit-connect-menu {
+    position: absolute;
+    width: 120px;
+    text-decoration: none;
+    color: var(--main-color);
+    font-size: var(--normal);
+    font-weight: 400;
+    margin-left: 25px;
+    margin-top: 20px;
+}

history/new-master/css/style_main_page.css

@@ -0,0 +1,87 @@
+/*Main page*/
+#main-page {
+    height: inherit;
+    width: inherit;
+}
+.main-page-head-text {
+    color: var(--main-color);
+    font-weight: 700;
+    font-size: var(--title);
+    max-width: 1019px;
+    margin: auto;
+    text-align: center;
+}
+.main-page-image-div {
+    background-color: var(--main-white);
+    max-width: 1100px;
+    padding: 15px;
+    max-height: 560px;
+    margin: auto;
+    border-radius: 15px;
+    margin-top: 40px;
+    margin-bottom: 100px;
+    box-shadow: 4px 5px 40px var(--main-gray);
+}
+.main-page-image-map {
+    height: 100%;
+    width: 100%;
+    content: url("../images/sharix_open_main.png");
+}
+.main-page-text-h1 {
+    font-weight: 700;
+    font-size: var(--h1);
+    color: var(--main-black);
+    margin-left: 15px;
+    margin-bottom: 40px;
+}
+
+.main-page-text-h2 {
+    font-weight: 700;
+    font-size: var(--h2);
+    color: var(--main-black);
+    margin-left: 15px;
+    margin-bottom: 20px;
+}
+
+.main-page-block-text-blue {
+    font-weight: 400;
+    font-size: var(--normal);
+    color: var(--main-white);
+    padding: 30px;
+    margin-left: 15px;
+    margin-bottom: 40px;
+    background: var(--main-color);
+    box-shadow: 4px 5px 40px var(--main-gray);
+    border-radius: 15px;
+}
+
+.main-page-block-text-white {
+    font-weight: 400;
+    font-size: var(--normal);
+    color: var(--main-black);
+    padding: 30px;
+    margin-left: 15px;
+    margin-bottom: 40px;
+    border: 2px solid var(--main-color);
+    background: var(--main-white);
+    box-shadow: 4px 5px 40px var(--main-gray);
+    border-radius: 15px;
+}
+/*MAIN LIST STYLE*/
+.main-page-ul ul li{
+    margin-left: 30px;
+    font-size: var(--h2);
+    line-height: 40px;
+    color: var(--main-black);
+    margin-bottom: 30px;
+    list-style: none;
+}
+/*POINT MARKER LIST*/
+.main-page-ul ul li::before{
+    content: "\2022"; 
+    font-weight: 900;
+    display: inline-block;
+    color: var(--main-color);
+    font-size: 30px;
+    width: 1em;
+}

history/new-master/index.html

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./css/style.css" type="text/css"/>
+    <link rel="stylesheet" href="./css/style_main_page.css" type="text/css"/>
+    <link rel="stylesheet" href="./css/adaptation_style.css" type="text/css"/>
+    <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="./js/main.js"></script>
+    <title>ShariX Open</title>
+</head>
+<body style="justify-content: center;">
+    <header>
+        <!--Image DRIVE-->
+        <img class="drive-image" alt="ShariX Open"/>
+        <!--URL Оставить заявку на подключение-->
+        <a class="submit-connect" href="index.html">Оставить заявку на подключение</a>
+        <!--Button Войти-->
+        <button id="button-enter">Войти</button>
+        <!--Bar Menu Button-->
+        <div id="bar-menu-button">
+            <div class="bar-menu-line"></div>
+            <div class="bar-menu-line"></div>
+            <div class="bar-menu-line"></div>
+        </div>
+        <!--Bar Menu-->
+        <div id="bar-menu">
+            <a class="submit-connect-menu" href="index.html">Оставить заявку на подключение</a>
+        <!--Button Войти-->
+            <button id="button-enter-menu">Войти</button>
+        </div>
+    </header>
+    <div id="container">
+        <!--
+            Page container.
+            This is where the site pages will be located.
+        -->
+    </div>
+    <footer >
+        <img class="drive-image" alt="Drive"/>
+        <table class="footer-table">
+            <thead>
+                <tr>
+                    <th>О платформе</th>
+                    <th>Личный кабинет</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th><a href="index.html">Платформа ShariX</a></th>
+                    <th><a href="index.html">Войти</a></th>
+                </tr>
+                <tr>
+                    <th><a href="mailto:drive@sharix-app.org">Оставить заявку на подключение</a></th>
+                    <th><a href="index.html">Политика конфиденциальности</a></th>
+                </tr>
+            </tbody>
+        </table>
+    </footer>
+    <div class="sharix-corp">© 2022 ShariX</div>
+</body>
+</html>

history/new-master/js/main.js

@@ -0,0 +1,33 @@
+$(document).ready(function(){
+    init()
+    //Hide and show menu bar
+    $("#bar-menu-button").click(function(){
+        $("#bar-menu").toggle("slow")
+    })
+    //Go to new page method
+    $("#button-enter").click(function()
+    {
+        testPage();
+    })
+
+});
+//Initialization
+const init = () => {
+    //Hide bar menu
+    $("#bar-menu").hide()
+    //Load and render main page whit initailization
+    $.get("../components/main-page.html", function(html_string)
+    {
+        $("#container").empty().append(html_string)
+    })
+    //Hide Bar Menu when scroll page 
+    $(document).scroll(function(){
+        $("#bar-menu").hide(1000)
+    })
+}
+const testPage = () => {
+    $.get("../components/test-page.html", function(html_string)
+    {
+        $("#container").empty().append(html_string)
+    })
+}