DmitrMakeev commited on
Commit
291cb0b
·
verified ·
1 Parent(s): 14d201e

Update user.html

Browse files
Files changed (1) hide show
  1. user.html +20 -19
user.html CHANGED
@@ -11,38 +11,39 @@
11
  });
12
  </script>
13
  <style>
14
- .vk-button {
15
- display: inline-flex;
16
- align-items: center;
17
- padding: 10px 20px;
18
- background-color: #4a76a8;
19
- color: white;
20
  border-radius: 5px;
21
  cursor: pointer;
22
  transition: background-color 0.3s;
 
23
  }
24
- .vk-button:hover {
25
- background-color: #3c689e;
 
26
  }
27
- .vk-button svg {
28
- width: 24px;
29
- height: 24px;
30
- margin-right: 10px;
 
31
  }
32
  </style>
33
  </head>
34
  <body>
35
- <div class="vk-button" id="vk_auth_button">
36
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 910.288 910.287" style="enable-background:new 0 0 910.288 910.287;" xml:space="preserve">
37
- <g>
38
- <g>
39
- <path d="M873.206,202.06l-1.212-28.51l-28.386-2.915c-109.036-11.198-202.773-51.887-262.21-84.049 c-65.099-35.226-104.56-68.274-104.922-68.579L455.165,0L433.84,17.981c-0.392,0.33-39.853,33.379-104.951,68.604 c-59.437,32.162-153.173,72.851-262.209,84.049l-28.387,2.915l-1.212,28.51c-0.217,5.104-4.777,126.698,42.059,273.937 c27.637,86.887,67.549,164.736,118.627,231.396c64.139,83.701,145.948,149.68,243.155,196.102l14.221,6.793l14.221-6.793 c97.207-46.422,179.017-112.398,243.155-196.102c51.079-66.658,90.991-144.51,118.628-231.395 C877.982,328.759,873.423,207.165,873.206,202.06z M455.143,836.93c-81.095-41.209-149.731-97.887-204.194-168.646 c-46.393-60.275-82.812-130.998-108.248-210.201c-31.088-96.808-38.06-183.144-39.471-225.538 c43.735-6.494,87.949-17.421,131.833-32.597c42.9-14.836,85.598-33.752,126.907-56.221c41.915-22.798,73.81-44.573,93.172-58.812 c19.362,14.238,51.258,36.014,93.173,58.812c41.309,22.47,84.007,41.385,126.907,56.221 c43.896,15.181,88.123,26.108,131.87,32.602c-1.359,41.978-8.194,127.098-38.842,223.443 c-25.317,79.594-61.694,150.672-108.12,211.258C605.537,738.494,536.632,795.52,455.143,836.93z" fill="#000000" style="fill: rgb(245, 245, 245);"></path>
40
- <polygon points="635.013,305.016 588.969,351.06 417.368,522.662 330.399,435.693 318.573,423.867 295.239,447.201 295.239,447.202 271.904,470.537 417.368,616 681.682,351.686 " fill="#000000" style="fill: rgb(245, 245, 245);"></polygon>
41
  </g>
42
  </g>
43
  </svg>
44
- Войти через ВКонтакте
45
  </div>
 
46
  <script>
47
  document.getElementById("vk_auth_button").addEventListener("click", function() {
48
  VK.Auth.login(function(response) {
 
11
  });
12
  </script>
13
  <style>
14
+ /* Стили для контейнера кнопки */
15
+ .button-con2 {
16
+ display: inline-block;
17
+ background-color: #4CAF50; /* Зелёный цвет */
 
 
18
  border-radius: 5px;
19
  cursor: pointer;
20
  transition: background-color 0.3s;
21
+ padding: 10px;
22
  }
23
+
24
+ .button-con2:hover {
25
+ background-color: #388E3C; /* Тёмно-зелёный цвет при наведении */
26
  }
27
+
28
+ .button-con2 svg {
29
+ width: 36px;
30
+ height: 36px;
31
+ fill: white;
32
  }
33
  </style>
34
  </head>
35
  <body>
36
+ <div class="button-con2" id="vk_auth_button">
37
+ <!-- icon666.com - MILLIONS vector ICONS FREE -->
38
+ <svg viewBox="0 0 176 176" xmlns="http://www.w3.org/2000/svg" width="36" height="36">
39
+ <g id="Layer_2" data-name="Layer 2">
40
+ <g id="_11.vk" data-name="11.vk">
41
+ <path id="icon" d="m88 0a88 88 0 1 0 88 88 88 88 0 0 0 -88-88zm50.72 122.44c-2.56.36-15.08 0-15.73 0a12.29 12.29 0 0 1 -8.69-3.44c-2.64-2.55-5-5.35-7.58-8a20.22 20.22 0 0 0 -2.47-2.24c-2.06-1.58-4.1-1.23-5.07 1.21a47.37 47.37 0 0 0 -1.58 8.03c-.17 2.46-1.73 4-4.49 4.17-1.71.09-3.42.13-5.11.08a38.85 38.85 0 0 1 -17.69-4.37 48.15 48.15 0 0 1 -15.13-13.22c-6.67-8.52-12-17.88-16.76-27.53-.25-.49-5.13-10.87-5.25-11.36-.44-1.63 0-3.2 1.35-3.75.86-.33 16.94 0 17.21 0a5.64 5.64 0 0 1 5.4 3.89 84 84 0 0 0 12.08 21.18 11.56 11.56 0 0 0 2.45 2.23c1.31.9 2.55.59 3.09-.93a26.28 26.28 0 0 0 1.12-6.45c.09-4.34 0-7.19-.24-11.53-.16-2.78-1.14-5.21-5.24-6-1.26-.23-1.37-1.27-.56-2.31 1.69-2.15 4-2.5 6.59-2.63 3.86-.22 7.72-.07 11.58 0h.84a23.91 23.91 0 0 1 5 .51 4.61 4.61 0 0 1 3.67 4.11 16 16 0 0 1 .25 3.32c-.1 4.73-.33 9.47-.38 14.2a24.3 24.3 0 0 0 .51 5.59c.55 2.52 2.28 3.15 4 1.33a62.34 62.34 0 0 0 6.11-7.53 75.78 75.78 0 0 0 8-15.55c1.12-2.81 2-3.43 5-3.43h17.06a10.12 10.12 0 0 1 3 .4 2.59 2.59 0 0 1 1.79 3.35c-.84 3.74-2.86 6.93-5 10-3.47 4.91-7.13 9.7-10.68 14.55a19.78 19.78 0 0 0 -1.17 1.95c-1.34 2.42-1.24 3.77.7 5.77 3.1 3.19 6.41 6.17 9.4 9.45a55.77 55.77 0 0 1 5.92 7.69c2.13 3.44.78 6.68-3.3 7.26z" fill="#000000" style="fill: rgb(255, 255, 255);"></path>
42
  </g>
43
  </g>
44
  </svg>
 
45
  </div>
46
+
47
  <script>
48
  document.getElementById("vk_auth_button").addEventListener("click", function() {
49
  VK.Auth.login(function(response) {