-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsocials.html
94 lines (94 loc) · 4.42 KB
/
socials.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Socials | sz5ylv1a</title>
<link rel="me" href="https://meow.social/@sz5ylv1a">
<link rel="stylesheet" media="screen and (max-width:850px)">
<meta content="sz5ylv1a" property="og:title" />
<meta content="it's sylvia's website!!!!!!!" property="og:description" />
<meta content="https://sz5ylv1a.github.io/" property="og:url" />
<meta content="https://sz5ylv1a.github.io/resources/images/thing.jpg" property="og:image" />
<meta content="#c5f5c3" data-react-helmet="true" name="theme-color" />
<style>
@import "style.min.css";
body {text-align:center}
h2 {text-align:left}
.lnk {
font-weight: 500;
font-size: 1.2rem;
padding: 12px 12px;
margin: 0 5px;
margin-bottom:10px;
display: inline-block;
text-align: center;
color: #fff !important;
border: none;
border-radius: 8px;
transition-property: color background scale;
transition: ease-out 0.25s;
box-shadow: 0 2px 3px #00000060;
}
.lnk:hover {
scale: 1.1;
}
.lnk:active {
scale: 1.05;
transition: none;
}
.lnk1 {background: #999; scale: 1 !important; transition: none;}
.lnk1:hover {background: #666}
.lnk1:active {background: #333}
.lnk2 {background: #595aff}
.lnk2:hover {background: #2728cd}
.lnk3 {background: #dd1f1d}
.lnk3:hover {background: #aa1816}
.lnk4 {background: #de0050}
.lnk4:hover {background: #AC001E}
.lnk5 {background: #00e59b}
.lnk5:hover {background: #00b279}
.lnk6 {background: #5865f2}
.lnk6:hover {background: #444fbf}
.lnk7 {background: #5a96d0}
.lnk7:hover {background: #43729e}
.lnk8 {background: #1D4ED8}
.lnk8:hover {background: #153ca5}
.lnk9 {background: #010409}
.lnk9:hover {background: #000}
.lnk10 {background: #0085ff}
.lnk10:hover {background: #0062dc}
.lnk11 {background: #fda238}
.lnk11:hover {background: #e97526}
.lnk12 {background: #ff5f5f}
.lnk12:hover {background: #c42b2b}
/* .lnk13 {background: #ff501e}
.lnk13:hover {background: #ad2b07} */
i {margin-right: 5}
</style>
</head>
<body>
<header></header>
<div class="content">
<h2>Here are some of my social links:</h2>
<a href="https://bsky.app/profile/sz5ylv1a.bsky.social" class="lnk10 lnk"><i class="fa-brands fa-bluesky"></i> Bluesky</a>
<a rel="me" href="https://meow.social/@sz5ylv1a" class="lnk2 lnk"><i class="fa-brands fa-mastodon fa-lg"></i> Mastodon</a>
<a href="javascript:alert(linkTwt)" class="lnk1 lnk"><i class="fa-brands fa-twitter fa-lg"></i> Twitter/X <i style="font-size:0.8rem;">(inactive)</i></a>
<a href="https://www.youtube.com/c/sz5ylv1a" class="lnk3 lnk"><i class="fa-brands fa-youtube fa-lg"></i> YouTube</a>
<a href="https://odysee.com/@sz5ylv1a:4" class="lnk4 lnk"><i class="fa-brands fa-odysee fa-lg"></i> Odysee</a>
<a href="https://www.deviantart.com/sz5ylv1a" class="lnk5 lnk"><i class="fa-brands fa-deviantart fa-lg"></i> DeviantArt</a>
<a href="https://sz5ylv1a.newgrounds.com/" class="lnk11 lnk"><i class="fa-solid fa-n"></i> Newgrounds</a>
<a href="https://discord.gg/FGTP2VyZQA" class="lnk6 lnk"><i class="fa-brands fa-discord fa-lg"></i> Discord Server</a>
<a href="https://steamcommunity.com/id/sz5ylv1a/" class="lnk7 lnk"><i class="fa-brands fa-steam fa-lg"></i> Steam</a>
<a href="https://github.com/sz5ylv1a" class="lnk9 lnk"><i class="fa-brands fa-github fa-lg"></i> GitHub</a>
<a href="https://spacehey.com/sz5ylv1a" class="lnk8 lnk"><i class="fa-solid fa-user-group fa-lg"></i> SpaceHey</a>
<a href="https://ko-fi.com/sz5ylv1a" class="lnk12 lnk"><i class="fa-solid fa-mug-hot fa-lg"></i> Ko-fi</a>
<!-- <a href="https://patreon.com/sz5ylv1a" class="lnk13 lnk"><i class="fa-brands fa-patreon fa-lg"></i> Patreon</a> -->
</div>
<footer></footer>
</body>
<script src="script.js"></script>
<script>
var linkTwt = 'The account is no longer in use, so you will not be redirected to it.\nTry Bluesky or Mastodon instead!'
</script>
</html>