From aeee9f2765cd5c96db7aa0180a4d78abdb187181 Mon Sep 17 00:00:00 2001
From: Bloody <radomiraksenenko@outlook.com>
Date: Sat, 30 Sep 2023 11:06:32 +0700
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=B0=D1=87=D0=B0=D0=BB=D0=BE=20=D0=BA?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20=D0=B0=D0=B2=D1=82=D0=BE=D1=80?=
 =?UTF-8?q?=D0=B8=D0=B7=D0=B0=D1=86=D0=B8=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/css/style.css             | 115 ++++++++++++++++------------------
 src/img/basic/DiscordLogo.png | Bin 0 -> 771 bytes
 src/index.html                |  61 ++++++++----------
 3 files changed, 79 insertions(+), 97 deletions(-)
 create mode 100644 src/img/basic/DiscordLogo.png

diff --git a/src/css/style.css b/src/css/style.css
index be2485b..7f2d612 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -46,7 +46,7 @@
 
 .menu {
     display: flex;
-    margin-left: 369px;
+    margin-left: 100px;
     margin-top: -70.5px;
     flex-wrap: wrap;
     align-content: center;
@@ -59,41 +59,6 @@
 }
 
 .header_other_text {
-    /* width: 91px;
-    height: 17px; */
-    color: #FFF;
-    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-    font-family: Montserrat Alternates;
-    font-size: 18px;
-    font-weight: 700;
-    /* margin-left: 75px; */
-}
-
-.bal {
-    display: flex;
-}
-
-.bal_bac {
-    width: 139px;
-    height: 48px;
-    border-radius: 9px;
-    background: #22252F;
-    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
-}
-
-.bal_button {
-    width: 134px;
-    height: 54px;
-    border-radius: 13px;
-    background: #EF4444;
-    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
-}
-
-.bal_text {
-    width: 59px;
-    height: 15px;
-    flex-direction: column;
-    justify-content: center;
     color: #FFF;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     font-family: Montserrat Alternates;
@@ -101,32 +66,28 @@
     font-weight: 700;
 }
 
-.bal_button_text {
-    width: 88px;
-    height: 13px;
-    flex-direction: column;
-    justify-content: center;
-    flex-shrink: 0;
+.header_other_text_menu {
     color: #FFF;
-    font-family: Montserrat;
-    font-size: 16px;
-    font-weight: 600;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+    font-size: 18px;
+    font-weight: 700;
 }
 
 .flex-container {
     display: flex;
     flex-wrap: nowrap;
-  }
+}
 
-  .flex-container > div {
+.flex-container>div {
     width: 100px;
     margin: 10px;
     text-align: center;
     line-height: 75px;
     font-size: 30px;
-  }
+}
 
-  .wallet_element_money {
+.wallet_element_money {
     margin-top: 2px;
     background: #22252F;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
@@ -138,22 +99,22 @@
     width: 55%;
     z-index: 4;
 }
-  
+
 .wallet_element_image {
     margin-top: 8px;
 }
-  
-  .wallet_element_numbers {
+
+.wallet_element_numbers {
     text-align: left;
     margin-right: 10px;
     font-weight: bold;
     font-family: Montserrat Alternates;
-  }
+}
 
 .wallet_element {
     display: flex;
-    justify-content: center; 
-    align-items: center;     
+    justify-content: center;
+    align-items: center;
     border: 10px;
     width: 55%;
     height: 10%;
@@ -162,16 +123,46 @@
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
     height: 45px;
     z-index: 5;
-    margin-left: -5px;
-  }
+    margin-left: -8px;
+}
 
-  .wallet_elements{
+.wallet_elements {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
-  }
+}
 
-  .wallet_text{
+.wallet_text {
     margin-inline: 10px;
-  }
-  
\ No newline at end of file
+}
+
+.login_elements {
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+}
+
+.login_elements_box {
+    width: 134px;
+    height: 54px;
+    border-radius: 13px;
+    background: #5865F2;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
+.login_elements_text {
+    color: #000;
+    display: flex;
+    width: 88px;
+    height: 13px;
+    flex-direction: column;
+    justify-content: center;
+    text-align: center;
+    font-family: Montserrat;
+    font-size: 16px;
+    font-weight: 600;
+}
+
+.login_elements_img {
+    display: flex;
+}
\ No newline at end of file
diff --git a/src/img/basic/DiscordLogo.png b/src/img/basic/DiscordLogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..d58195166a6214afe8ec65e8db181917f3352e45
GIT binary patch
literal 771
zcmV+e1N{7nP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0+>leK~#7F?UhZ4
zPGJ<s|4b-ShDjPjx1?CSD2AfAgd_`Wl#-E9!i=?Vc8VxA7K4RS%J?cD#S9x3$e=_%
z#t4Iul#K=d|2^lO?t9&P=MC>_=3l?M_j%6qoaf^_=Ky``?HWclkPGAsY0I&_O+Jt_
zWEB~cV~c(n?GxSMQgW4CCv{{8xlBeS#(pCU$VT#u%p<eOO|pk{l;e0GX&{HlGqQv%
zBv(i~c|+cl@1%;1AOlE&Om(MP=wUL2>>}sLR^(`oI}6A$@|0|X9eKGL<O_dAj+2q3
zm4tbNPLb85n(QQl@o&<i1F{Tu3aJWwm6cF`@|6rPHdMtrSCF6NJpR8Fa5}wuSiqG?
zcRL=H(**J$**J;ZMdkGpcBS1%y_gJyC5kl7hrMA%cYB7-I!A%|FvDgnsU>%c4VQfK
zG&Q-i2GT-~rr7AsE3vF4FGyp?Tp>9dZ}^Ptr=v&@V*g#RELKzvN?*fhw@K4bSn`R&
zT-l|Q{KzoY@pi=ipP)3M)Fk@fB6}0cc1o{xay$+x(H4{XLjMk6$-gt!-{tLr|0`KM
z&Y7=`%+<$1vOdRfGAtS|!gjVY#bymGy<Q`)VNWMZ3P8m~lt*X9I?@V<@^6UzoUN0X
zfu8ev!F@(`Hhw2s{SA}`)Za?aM`d++tZfLaZb!jTpBS(mc653kxdlB#+O^7|qP;26
zH;sJKhl>6qSP_paASZlbC&^~man~m76rkFf>agDLX?J)aWzk#6b6DJTJ5jM#a7<4a
zD-$*QWGZb+CLdu1MZELLTHIzo{=DZ9cCW3-xI)$9`{W+kO=iM^O%oQ-vqE1)wSVs=
zx7^{PGR8+o(dYvde9b6dM_`#y0lE!#r+w;$`VDXkhOw}czEc1I002ovPDHLkV1h3^
BTps`c

literal 0
HcmV?d00001

diff --git a/src/index.html b/src/index.html
index 5ba0a64..e7da241 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,16 +1,20 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <link
+        href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="css/normalize.css">
     <link rel="stylesheet" type="text/css" href="css/style.css">
     <title>LUCKY DIAMOND</title>
 </head>
+
 <body style="background-color: #121212;">
     <header>
         <div class="top_panel">
@@ -21,51 +25,38 @@
 
             <div class="menu">
                 <div class="main_content">
-                    <a href="#">
-                        <img src="img/svg/Главная.svg" class="main_div"></a>
+                    <a href="#"><img src="img/svg/Главная.svg" class="main_div"></a>
                 </div>
-                <a href="#" style="text-decoration: none;"><p class="header_other_text">Профиль</p></a>
-                <a href="#" style="text-decoration: none;"><p class="header_other_text">Помощь</p></a>
+                <a href="#" style="text-decoration: none;">
+                    <p class="header_other_text_menu">Профиль</p>
+                </a>
+                <a href="#" style="text-decoration: none;">
+                    <p class="header_other_text_menu">Помощь</p>
+                </a>
 
                 <div class="wallet_elements">
                     <div class="wallet_element_money">
                         <img src="img/basic/BalanceLogoDiamondOre.png" alt="example image" class="wallet_element_image">
                         <div class="wallet_element_numbers">25000</div>
-                      </div>
-                     
-                      <div class="wallet_element">
-                        <p class="header_other_text wallet_text">Кошелёк</p>
-                      </div>
+                    </div>
+
+                    <div class="wallet_element">
+                        <a href="#" style="text-decoration: none;"><p class="header_other_text wallet_text">Кошелёк</p></a>
+                    </div>
+                </div>
+                <div class="login_elements">
+                    <div class="login_elements_box">
+                        <a href="#" style="text-decoration: none;"><p class="login_elements_text">ВОЙТИ</p></a>
+                        <img class="login_elements_img" src="img/basic/DiscordLogo.png">
+                    </div>
                 </div>
             </div>
-            <div class="bal"></div>
-                <!-- <div class="bal_bac"></div>
-                <a href="#"><button class="bal_button"></button></a>
-                <img class="bal_img" src="img/basic/BalanceLogoDiamondOre.png">
-                <p class="bal_text">25000</p>
-                <p class="bal_button_text">КОШЕЛЁК</p> -->
-
-                <!-- <div class="flex-container">
-                    <div>  <div class="bal_bac"></div></div>
-                    <div> <a href="#"><button class="bal_button"></button></a></div>
-                    <div> <img class="bal_img" src="img/basic/BalanceLogoDiamondOre.png"></div>  
-                    <div>  <p class="bal_text">25000</p></div>
-                    <div>   <p class="bal_button_text">КОШЕЛЁК</p></div>
-                    <div>6</div>  
-                    <div>7</div>
-                    <div>8</div>
-                  </div> -->
-            </div>
-                    <!-- <div class="diamond-container">
-
-
-
-                    </div> -->
-                  
+        </div>
         <div class="left_panel"></div>
     </header>
     <main>
-        
+
     </main>
 </body>
+
 </html>
\ No newline at end of file