anatolykopyl/status
1
0
Fork 0
mirror of https://github.com/anatolykopyl/status.git synced 2026-03-26 12:54:46 +00:00
Code Issues Projects Releases Wiki Activity

Добавил конфетти

Browse Source
This commit is contained in:
Anatoly Kopyl
2021-01-21 19:04:52 +03:00
parent 4bd6215b8f
commit 6a16a8a3dd
5 changed files with 1695 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@@ -28,6 +28,7 @@
Открой <a href="https://vk.com/akopyl" target="_blank">vk.com/akopyl</a>, нажми на кнопку на этом сайте и обнови мою страницу! Открой <a href="https://vk.com/akopyl" target="_blank">vk.com/akopyl</a>, нажми на кнопку на этом сайте и обнови мою страницу!
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.3.3/dist/confetti.browser.min.js"></script>
<script src="main.js"></script> <script src="main.js"></script>
</body> </body>
</html> </html>

4
main.js
View File

@@ -15,4 +15,8 @@ var xhttp = new XMLHttpRequest();
function send() { function send() {
xhttp.open("GET", "http://status.anatolykopyl.ru:5001/update", true); xhttp.open("GET", "http://status.anatolykopyl.ru:5001/update", true);
xhttp.send(); xhttp.send();
confetti({
particleCount: 150,
spread: 100
});
} }

1631
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

6
server/index.js
View File

@@ -2,6 +2,7 @@ import Express from "express";
import Cors from "cors"; import Cors from "cors";
import path from "path"; import path from "path";
import fs from "fs"; import fs from "fs";
import https from "https";
const __dirname = path.resolve(); const __dirname = path.resolve();
import dotenv from 'dotenv'; import dotenv from 'dotenv';
@@ -23,7 +24,6 @@ app.get('/update', (req, res) => {
let url = `https://api.vk.com/method/status.setImage?access_token=${token}&status_id=${id}&v=5.103`; let url = `https://api.vk.com/method/status.setImage?access_token=${token}&status_id=${id}&v=5.103`;
httpsReq(url).then((response) => { httpsReq(url).then((response) => {
console.log(response); console.log(response);
res.redirect("https://status.anatolykopyl.ru");
res.send(); res.send();
}); });
}); });
@@ -32,8 +32,8 @@ app.use(Express.static(path.join(__dirname, 'public')));
if (process.env.NODE_ENV === 'production') { if (process.env.NODE_ENV === 'production') {
https.createServer({ https.createServer({
key: fs.readFileSync('/etc/letsencrypt/live/studybuddy.top/privkey.pem'), key: fs.readFileSync('/etc/letsencrypt/live/status.anatolykopyl.ru/privkey.pem'),
cert: fs.readFileSync('/etc/letsencrypt/live/studybuddy.top/cert.pem') cert: fs.readFileSync('/etc/letsencrypt/live/status.anatolykopyl.ru/fullchain.pem')
}, app) }, app)
.listen(port, () => console.log('Prod server started on ' + port)); .listen(port, () => console.log('Prod server started on ' + port));
} else { } else {

111
style.css
View File

@@ -1,92 +1,93 @@
* { * {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
} }
html, body { html, body {
height: 100%; height: 100%;
margin: 0px; margin: 0px;
} }
.main { .main {
height: 100%; height: 100%;
text-align: center; text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color: #597da3; background-color: #597da3;
} }
a { a {
text-decoration: none; text-decoration: none;
} }
a.big { a.big {
margin: 20vh; margin: 20vh;
font-size: xx-large; font-size: xx-large;
transition: transform .2s; transition: transform .2s;
color: white; color: white;
font-weight: 600; font-weight: 600;
} }
a.big:hover { a.big:hover {
transform: scale(1.04); transform: scale(1.04);
} }
div.links-container { div.links-container {
margin-top: 10vh; margin-top: 10vh;
margin-bottom: 10vh; margin-bottom: 10vh;
color: #dddddd; color: #dddddd;
text-align: left; text-align: left;
} }
div.links-container p { div.links-container p {
font-weight: lighter; font-weight: lighter;
margin-bottom: 5px; margin-bottom: 5px;
} }
div.links { div.links {
background-color: white; background-color: white;
padding: 10px; padding: 10px;
border-radius: 8px; border-radius: 8px;
filter: drop-shadow(2px 2px 4px rgb(0, 0, 0, 0.4)); filter: drop-shadow(2px 2px 4px rgb(0, 0, 0, 0.4));
} }
div.links a { div.links a {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
color: black; color: black;
border-width: 0px 0px 1px 0px; border-width: 0px 0px 1px 0px;
border-style: solid; border-style: solid;
border-color: transparent; border-color: transparent;
} }
div.links a:hover { div.links a:hover {
border-width: 0px 0px 2px 0px; border-width: 0px 0px 2px 0px;
border-color: #597da390; border-color: #597da390;
padding-bottom: 8px; padding-bottom: 8px;
} }
#hint-link { #hint-link {
position: absolute; position: absolute;
bottom: 2vh; bottom: 2vh;
right: 2vh; right: 2vh;
font-weight: lighter; font-weight: lighter;
color: #dddddd; color: #dddddd;
font-size: small; font-size: small;
text-decoration: underline; text-decoration: underline;
z-index: 10; z-index: 10;
cursor: pointer; cursor: pointer;
} }
#hint-div { #hint-div {
display: none; display: none;
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
background-color: white; background-color: white;
font-weight: lighter; font-weight: lighter;
width: 60%; width: 60%;
padding-left: 20%; padding-left: 20%;
padding-right: 20%; padding-right: 20%;
padding-top: 1vh; padding-top: 1vh;
padding-bottom: 1vh; padding-bottom: 1vh;
} }