-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
134 lines (122 loc) · 7.6 KB
/
about.html
File metadata and controls
134 lines (122 loc) · 7.6 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jones RX</title>
<link href="https://fonts.googleapis.com/css2?family=Jersey+20&display=swap" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/about.css">
</head>
<body>
<div class="neon-sign-container">
<div class="neon-sign" id="neonSign" text-align="center">Jones<br/> RX</div>
<div class="triangle tl" id="ttl"></div>
<div class="triangle tr" id="ttr"></div>
<div class="triangle bl" id="tbl"></div>
<div class="triangle br" id="tbr"></div>
<div class="inner-triangle tl" id="titl"></div>
<div class="inner-triangle tr" id="titr"></div>
<div class="inner-triangle bl" id="tibl"></div>
<div class="inner-triangle br" id="tibr"></div>
</div>
<div class="main-content">
<div id="navbar" class="navbar">
<div class="dropdown">
<a class="primary-button" id="home-button" href="/index.html">
Home
</a>
</div>
<div class="dropdown">
<a class="primary-button" href="#" data-toggle="collapse" data-target="#collapseMusic" aria-expanded="true" aria-controls="collapseMusic">
Music
</a>
<div id="collapseMusic" class="collapse">
<a class="dropdown-item" id="ddSpotify" href="https://open.spotify.com/artist/159bHbMtw2LRCSPg5gWmh6?si=8kAYsNVWTce81hIURvSpPg"><i class="fab fa-spotify"></i> Spotify</a>
<a class="dropdown-item" id="ddAppleMusic" href="https://music.apple.com/us/artist/jones-rx/1776303110"><i class="fab fa-apple"></i> Apple Music</a>
<a class="dropdown-item" id="ddSoundCloud" href="https://soundcloud.com/jonesrx"><i class="fab fa-soundcloud"></i> SoundCloud</a>
</div>
</div>
<a class="primary-button" href="https://sweltersounds.com/collections/jones">Merch</a>
<a class="primary-button" id="videos-button" href="/videos.html">Videos</a>
<a class="primary-button" id="events-button" href="/events.html">Events</a>
<div class="dropdown">
<a class="primary-button" href="#" data-toggle="collapse" data-target="#collapseSocial" aria-expanded="false" aria-controls="collapseSocial">
Social
</a>
<div id="collapseSocial" class="collapse">
<a class="dropdown-item" id="ddTiktok" href="https://www.tiktok.com/@jonesrx" target="_blank"><i class="fab fa-tiktok"></i> TikTok</a>
<a class="dropdown-item" id="ddInsta" href="https://www.instagram.com/itsjonesrx/" target="_blank"><i class="fab fa-instagram"></i> Instagram</a>
<a class="dropdown-item" id="ddYouTube" href="https://www.youtube.com/watch?v=mBXv6Kj1UDI&list=PLw2HSJl4mHlk1gQijIKTdcAAMECp8pNae" target="_blank"><i class="fab fa-youtube"></i>YouTube</a>
<a class="dropdown-item" id="ddFacebook" href="https://www.facebook.com/people/Jones-RX/100072044476434/?mibextid=LQQJ4d" target="_blank"><i class="fab fa-facebook"></i>Facebook</a>
</div>
</div>
<a class="primary-button" id="about-button" href="/about.html">About</a>
</div>
</div>
<!-- Photo Gallery Section -->
<div class="gallery-section mt-5 mb-5">
<h2 class="gallery-title">Photo Gallery</h2>
<!-- Large preview -->
<div class="gallery-preview" id="galleryPreview">
<img id="galleryPreviewImg" src="" alt="Gallery Preview">
<button class="gallery-nav prev" id="galleryPrev" aria-label="Previous">❮</button>
<button class="gallery-nav next" id="galleryNext" aria-label="Next">❯</button>
</div>
<!-- Thumbnail grid (populated dynamically by gallery.js) -->
<div class="gallery-thumbs" id="galleryThumbs"></div>
</div>
<!-- Fullscreen lightbox -->
<div class="gallery-lightbox" id="galleryLightbox">
<button class="lightbox-close" id="lightboxClose" aria-label="Close">×</button>
<button class="lightbox-nav prev" id="lightboxPrev" aria-label="Previous">❮</button>
<img id="lightboxImg" src="" alt="Fullscreen Preview">
<button class="lightbox-nav next" id="lightboxNext" aria-label="Next">❯</button>
<span class="lightbox-counter" id="lightboxCounter"></span>
</div>
<div class="container mt-5 mb-5">
<div class="row justify-content-center">
<div class="spotify-wrapper mx-auto">
<iframe
src="https://open.spotify.com/embed/playlist/6mgGdY8m91dXARU7Vt9QBh?utm_source=generator&theme=0"
width="100%"
height="580"
frameborder="0"
allow="encrypted-media"
></iframe>
</div>
</div>
</div>
<div id="neon-about-container" class="container mt-5 neon-about-container">
<p class="about-data">
Deeply rooted in the ATL and Columbus, GA music scenes with connections in Austin, TX, Jones RX thrives on an independent DIY spirit, releasing music through Swelter Sounds.
<br/>
<br/>
Jones RX made their debut in 2023 with the Starstruck EP, marking an entrance into the alternative and hyper pop scene that's hard to ignore.
Their latest album, Lost CTRL, has already gained a dedicated following, with standout tracks like New Low (feat. SteelPraud) and Upside Down.
<br/>
<br/>
With tracks produced by the likes of RJ Pasin, Cian Treacy, and other prominent musicians in the hyperpop scene, Jones crafted Lost CTRL to blend personal insight with high-energy, genre-bending sound.
<br/>
<br/>
A fan of whiskey, huskies, and all things cyberpunk — Jones channels a unique blend of futuristic and nostalgic elements into their artistry. Jones RX is a fresh force in the music world, and this is only the beginning.
</p>
</div>
<div id="tvOverlay"></div>
<footer>
<a class="social-icon" href="https://www.youtube.com/watch?v=mBXv6Kj1UDI&list=PLw2HSJl4mHlk1gQijIKTdcAAMECp8pNae" target="_blank"><i class="fab fa-youtube"></i></a>
<a class="social-icon" href="https://www.tiktok.com/@jonesrx" target="_blank"><i class="fab fa-tiktok"></i></a>
<a class="social-icon" href="https://www.instagram.com/itsjonesrx/" target="_blank"><i class="fab fa-instagram"></i></a>
<a class="social-icon" href="https://www.twitch.tv/3ndg4me_" target="_blank"><i class="fab fa-twitch"></i></a>
<a class="social-icon" href="https://www.facebook.com/people/Jones-RX/100072044476434/?mibextid=LQQJ4d" target="_blank"><i class="fab fa-facebook"></i></a>
</footer>
<script src="js/common.js?v=2"></script>
<script src="js/about.js?v=2"></script>
<script src="js/gallery.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>