Website update

hse-mtc · Nov 26, 2020 · 4ae368e · 4ae368e
1 parent b2fea46
commit 4ae368e
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 35 deletions.
diff --git a/public/index.html b/public/index.html
@@ -54,43 +54,30 @@
         <title>Расписание Военного учебного центра НИУ ВШЭ</title>
     </head>
     <body class="body">
-        <aside class="aside">
+        <main class="main">
             <header class="header__container">
                 <img class="header__img" src="images/logo.png" alt="logo" />
                 <h1 class="header__text">
                     Чат-бот для Военного учебного центра НИУ ВШЭ
                 </h1>
             </header>
 
-            <main class="main">
-                <div class="main__content">
-                    <div class="main__link">
-                        <span>
-                            Официальный сайт Военного учебного центра НИУ ВШЭ -
-                        </span>
-                        <a href="https://www.hse.ru/org/hse/ouk/mil/">
-                            https://www.hse.ru/org/hse/ouk/mil/
-                        </a>
-                    </div>
+            <div class="content">
+                <button
+                    class="content__button"
+                    onclick="window.location.href='https://t.me/hse_military_bot/'"
+                >
+                    Телеграм-бот для Военного учебного центра НИУ ВШЭ
+                </button>
 
-                    <div class="main__link">
-                        <span>
-                            Телеграм-бот для Военного учебного центра НИУ ВШЭ -
-                        </span>
-                        <a href="https://t.me/hse_military_bot">
-                            https://t.me/hse_military_bot
-                        </a>
-                    </div>
-
-                    <div class="main__link">
-                        <span>Если ссылка не открывается - </span>
-                        <a href="https://teleg.run/hse_military_bot">
-                            https://teleg.run/hse_military_bot
-                        </a>
-                    </div>
-                </div>
-            </main>
-        </aside>
+                <button
+                    class="content__button"
+                    onclick="window.location.href='https://www.hse.ru/org/hse/ouk/mil/'"
+                >
+                    Официальный сайт Военного учебного центра НИУ ВШЭ
+                </button>
+            </div>
+        </main>
 
         <!-- Yandex.Metrica counter -->
         <script type="text/javascript">

diff --git a/public/main.css b/public/main.css
@@ -42,7 +42,7 @@ html {
     background-repeat: no-repeat;
 }
 
-.aside {
+.main {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -52,6 +52,7 @@ html {
     background: black;
     opacity: 0.7;
     transform: translate(-50%, -50%);
+    border-radius: 25px;
 }
 
 .header__text {
@@ -62,17 +63,35 @@ html {
 .header__img {
     display: block;
     width: 25%;
-    height: 25%;
+    min-width: 200px;
     margin: auto;
     opacity: 1;
 }
 
-.main {
+.content {
     padding-top: 0.5rem;
-    width: 60%;
+    /* mwidth: 60%; */
     margin: auto;
+    text-align: center;
+}
+
+.content__button {
+    display: block;
+    min-width: 100px;
+
+    padding: 1rem;
+    margin: auto;
+
+    font-size: medium;
+    cursor: pointer;
+
+    border-radius: 10px;
+}
+
+.content__button:hover {
+    opacity: 0.75;
 }
 
-.main__link {
-    margin-top: 1rem;
+.content__button:nth-child(2) {
+    margin: 1.5rem auto 0;
 }