Update user.html
Browse files
user.html
CHANGED
|
@@ -10,12 +10,40 @@
|
|
| 10 |
apiId: 52295022
|
| 11 |
});
|
| 12 |
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 13 |
</head>
|
| 14 |
<body>
|
| 15 |
-
<div id="vk_auth_button"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 16 |
<script>
|
| 17 |
-
VK.UI.button("vk_auth_button");
|
| 18 |
-
|
| 19 |
document.getElementById("vk_auth_button").addEventListener("click", function() {
|
| 20 |
VK.Auth.login(function(response) {
|
| 21 |
if (response.session) {
|
|
@@ -30,4 +58,4 @@
|
|
| 30 |
});
|
| 31 |
</script>
|
| 32 |
</body>
|
| 33 |
-
</html>
|
|
|
|
| 10 |
apiId: 52295022
|
| 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) {
|
| 49 |
if (response.session) {
|
|
|
|
| 58 |
});
|
| 59 |
</script>
|
| 60 |
</body>
|
| 61 |
+
</html>
|