-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsocials.html
123 lines (123 loc) · 7.31 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<head>
<title>YTGWPAL</title>
<link rel="icon" type="image/png" href="assets/favicon.png">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/FortAwesome/font-awesome/css/fontawesome.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/FortAwesome/font-awesome/css/solid.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/FortAwesome/font-awesome/css/brands.css">
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.js"></script>
<script>
$(function(){
$("#header").load("assets/header.html");
$("#footer").load("assets/footer.html");
});
</script>
<style>
.fa-brands, .fa-solid {text-decoration: none;}
h3{margin-top: 0}
table, td {
width: 100%;
max-width: 800px;
margin: auto;
table-layout: fixed;
}
td {
border: 4px solid white;
background: rgba(255, 255, 255, 0.2);
padding: 10px;
word-wrap: break-word;
text-align: center;
border-radius:15px;
}
table {
border-spacing: 10px;
}
</style>
</head>
<body>
<div id="header"></div>
<div>
<table>
<tr>
<td colspan="3">
<h3><font class="bear">Y</font><font class="kaleb">T</font><font class="rose">G</font><font class="kemun">W</font><font class="lee">P</font><font class="kate">A</font><font class="addison">L</font></h3>
<a href="https://www.youtube.com/@ytgwpal" title="YouTube" class="fa-brands fa-youtube"></a>
<a href="https://twitter.com/ytgwpal" title="Twitter" class="fa-brands fa-twitter"></a>
<a href="https://bsky.app/profile/ytgwpal.net" title="Bluesky" class="fa-brands fa-bluesky"></a>
<a href="https://www.instagram.com/ytgwpal/" title="Instagram" class="fa-brands fa-instagram"></a>
<a href="https://www.tiktok.com/@ytgwpal" title="TikTok" class="fa-brands fa-tiktok"></a>
<a href="https://discord.gg/sATfhJq6mX" title="Discord" class="fa-brands fa-discord"></a>
<a class="fa-" style="font-size:0.9em" href="https://discord.gg/zHewC3329Z"><p>also join the minecraft discord server</p></a>
</td>
</tr>
<tr>
<td>
<h3><font class="bear">BearrK</font></h3>
<a href="https://www.youtube.com/@BearrK" title="YouTube" class="fa-brands fa-youtube"></a>
<a href="https://twitter.com/bearrk" title="Twitter" class="fa-brands fa-twitter"></a>
<a href="https://bsky.app/profile/bearrk.bsky.social" title="Bluesky" class="fa-brands fa-bluesky"></a>
</td>
<td>
<h3><font class="kaleb">LeafySpoon</font></h3>
<a href="https://www.youtube.com/@SpoonLeafy" title="YouTube" class="fa-brands fa-youtube"></a>
<a href="https://twitter.com/SpoonLeafy" title="Twitter" class="fa-brands fa-twitter"></a>
<a href="https://bsky.app/profile/leafyspoon.bsky.social" title="Bluesky" class="fa-brands fa-bluesky"></a>
</td>
<td>
<h3><font class="rose">LunarRoze</font></h3>
<a href="https://www.youtube.com/@LunarRoze" title="YouTube" class="fa-brands fa-youtube"></a>
<a href="https://twitter.com/LunarRoze" title="Twitter" class="fa-brands fa-twitter"></a>
<a href="https://bsky.app/profile/lunarroze.bsky.social" title="Bluesky" class="fa-brands fa-bluesky"></a>
<a href="https://www.instagram.com/lunarroze/" title="Instagram" class="fa-brands fa-instagram"></a>
</td>
</tr>
<tr>
<td>
<h3><font class="kemun">Kemunian</font></h3>
<a href="https://www.youtube.com/@lildarian" title="YouTube" class="fa-brands fa-youtube"></a>
<a href="https://www.twitch.tv/lildarian" title="Twitch" class="fa-brands fa-twitch"></a>
<a href="https://twitter.com/kemunian" title="Twitter" class="fa-brands fa-twitter"></a>
<a href="https://kemunian.tumblr.com/" title="Tumblr" class="fa-brands fa-tumblr"></a>
<a href="https://kemunian.netlify.app/" title="kemunianscard.netlify.app" class="fa-solid fa-link"></a>
</td>
<td>
<h3><font class="lee">Squibzey</font></h3>
<a href="https://twitter.com/Squibs_is_Tall" title="Twitter" class="fa-brands fa-twitter"></a>
</td>
<td>
<h3><font class="kate">Stagz</font></h3>
<a href="https://www.youtube.com/@annonafawn" title="YouTube" class="fa-brands fa-youtube"></a>
<a href="https://bsky.app/profile/stagz.bsky.social" title="Bluesky" class="fa-brands fa-bluesky"></a>
<a href="https://www.instagram.com/anonafawn/" title="Instagram" class="fa-brands fa-instagram"></a>
<a href="https://www.deviantart.com/anonafawn" title="DeviantArt" class="fa-brands fa-deviantart"></a>
<a href="https://infocardstagz.carrd.co/" title="infocardstagz.carrd.co" class="fa-solid fa-link"></a>
</td>
</tr>
<tr>
<td>
<h3><font class="addison">Scylla</font></h3>
<a href="https://www.youtube.com/@scylila" title="YouTube" class="fa-brands fa-youtube"></a>
<a href="https://twitter.com/hinds7ght" title="Twitter" class="fa-brands fa-twitter"></a>
<a href="https://www.instagram.com/scyiia/" title="Instagram" class="fa-brands fa-instagram"></a>
<a href="https://www.deviantart.com/scyiia" title="DeviantArt" class="fa-brands fa-deviantart"></a>
</td>
<td>
<h3><font class="david">PandJa</font></h3>
<a href="https://www.youtube.com/@PanPandJa" title="YouTube" class="fa-brands fa-youtube"></a>
<a href="https://www.twitch.tv/panpandja" title="Twitch" class="fa-brands fa-twitch"></a>
<a href="https://bsky.app/profile/pandja.bsky.social" title="Bluesky" class="fa-brands fa-bluesky"></a>
</td>
<td>
<h3><font class="jeremy">JeremyENBY</font></h3>
<a href="https://twitter.com/JeremyENBY" title="Twitter" class="fa-brands fa-twitter"></a>
<a href="https://bsky.app/profile/jeremyenby.bsky.social" title="Bluesky" class="fa-brands fa-bluesky"></a>
<a href="https://spacehey.com/jeremyenby" title="SpaceHey" class="fa-brands fa-spacehey">s</a>
<a href="https://www.instagram.com/jeremy.enby/" title="Instagram" class="fa-brands fa-instagram"></a>
<a href="https://www.tiktok.com/@jeremyenby" title="TikTok" class="fa-brands fa-tiktok"></a>
</td>
</tr>
</table>
</div>
<div id="footer" class="footer"></div>
</body>