forked from STiBaRC/STiBaRC_Records
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (133 loc) · 6.72 KB
/
index.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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
<link rel="icon" type="image/png" href="./assets/images/logo.png">
<title>STiBaRC Records</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/fork-awesome.min.css" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="./assets/css/global.css">
<link rel="stylesheet" href="./assets/css/index.css">
<!-- More Metadata -->
<meta name="keywords" content="stibarc records,stibarc,so this is basically a reddit clone" />
<meta name="description" content="An online record label, created by the STiBaRC Team">
<!-- Open Graph -->
<meta property="og:image" content="https://records.stibarc.com/assets/images/open-graph.png" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="640" />
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://records.stibarc.com">
<meta property="og:type" content="website">
<meta property="og:title" content="STiBaRC Records">
<meta property="og:description" content="An online record label, created by the STiBaRC Team">
<meta property="og:image" content="https://records.stibarc.com/assets/images/open-graph.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="records.stibarc.com">
<meta property="twitter:url" content="https://records.stibarc.com">
<meta name="twitter:title" content="STiBaRC Records">
<meta name="twitter:description" content="An online record label, created by the STiBaRC Team">
<meta name="twitter:image" content="https://records.stibarc.com/assets/images/open-graph.png">
</head>
<body>
<nav id="mobileNav" onclick="mobileNav('close')">
<div class="container">
<div class="nav-items">
<a class="nav-item active" href="./"><span>Home</span></a>
<a class="nav-item " href="./about/"><span>About</span></a>
<a class="nav-item " href="./artists/"><span>Artists</span></a>
<a class="nav-item " href="./contact/"><span>Contact</span></a>
</div>
</div>
</nav>
<nav class="nav" id="nav">
<div class="container">
<a class="nav-item" href="./"><img class="logo" src="./assets/images/records_logo.png"></a>
<span class="flex-grow"></span>
<span class="nav-items" id="desktopNav">
<a class="nav-item active" href="/"><span>Home</span></a>
<a class="nav-item " href="./about/"><span>About</span></a>
<a class="nav-item " href="./artists/"><span>Artists</span></a>
<a class="nav-item " href="./contact/"><span>Contact</span></a>
</span>
<span class="nav-items" id="mobileNavBtn">
<a id="openMobileNav" class="nav-item icon active" onclick="mobileNav('open')"><span
class="material-icons"> menu </span></a>
<a id="closeMobileNav" class="nav-item icon active" onclick="mobileNav('close')"><span
class="material-icons"> close </span></a>
</span>
</div>
</nav>
<div class="hero flex-all-center">
<h1 class="txt-shadow-spread">A Record Label, by STiBaRC</h1>
<div class="buttons">
<a class="button" href="./about/">Learn More</a>
</div>
</div>
<main class="container">
<div class="section">
<h1 class="title">Artists</h1>
<div class="artists">
<a class="artist" href="./artist/alluthus/">
<img class="pfp" src="./assets/images/pfp/alluthus.jpg">
<h2 class="name">Alluthus</h2>
</a>
<a class="artist" href="./artist/bunnbuns/">
<img class="pfp" src="./assets/images/pfp/bunnbuns.jpg">
<h2 class="name">Bunnbuns</h2>
</a>
<a class="artist" href="./artist/herronjo/">
<img class="pfp" src="./assets/images/pfp/herronjo.jpg">
<h2 class="name">Herronjo</h2>
</a>
<a class="artist" href="./artist/morkle/">
<img class="pfp" src="./assets/images/pfp/morkle.jpg">
<h2 class="name">Morkle</h2>
</a>
</div>
</div>
<div class="section" style="margin-top: 1.75rem;">
<h1 class="title">About</h1>
<p>An online, independent label from the team that brought you <a href="https://stibarc.com"
target="_blank">STiBaRC</a>. <a href="./about/">Read more</a></p>
<p>To contact us, head over to our <a href="./contact/">contact page</a>.</p>
</div>
<br />
</main>
<footer class="footer">
<div class="container flex-center">
<span class="txt-nolh">
<a href="https://team.stibarc.com" target="_blank"><img class="logo"
src="./assets/images/footer_logo.png"></a>
</span>
<span class="flex-grow"></span>
<span class="socials">
<a href="https://spoti.fi/3dArsjI" target="_blank" title="Spotify"><i
class="fa fa-2x fa-spotify"></i></a>
<a href="https://twitter.com/STiBaRC_Records" target="_blank" title="Twitter"><i
class="fa fa-2x fa-twitter"></i></a>
</span>
</div>
<div class="legal">
<div class="container flex-center">
<span class="copyright">© 2022 STiBaRC, LLC</span>
<span class="flex-grow"></span>
<span>
<a href="https://stibarc.com/tos.html" target="_blank">Terms</a>
<span class="separator">/</span>
<a href="https://stibarc.com/privacy.html" target="_blank">Privacy</a>
</span>
</div>
</div>
</footer>
<script src="./assets/js/global.js"></script>
<script src="./assets/js/index.js"></script>
</body>
</html>