summaryrefslogtreecommitdiff
path: root/albums.html
diff options
context:
space:
mode:
Diffstat (limited to 'albums.html')
-rw-r--r--albums.html105
1 files changed, 4 insertions, 101 deletions
diff --git a/albums.html b/albums.html
index 5aaed66..06f89b4 100644
--- a/albums.html
+++ b/albums.html
@@ -1,10 +1,7 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="icon" type="image/jpg" href="https://j-james.me/assets/compass.jpg"/>
- <title>Albums</title>
+---
+layout: default
+title: albums
+---
<style>
body {
/* background-color: black; */
@@ -39,8 +36,6 @@
border: 2px solid white;
}
</style>
-</head>
-<body>
<main>
<img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989">
<div id="1989"><img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989"></div>
@@ -91,95 +86,3 @@
<img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack">
<div id="inception"><img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack"></div> -->
</main>
-</body>
-</html>
-
- <!-- <style>
- /*.lightbox {
- position: fixed;
- top: -100%;
- width: 100%;
- background: rgba(0, 0, 0, 0.7);
- width: 100%;
- opacity: 0;
- transition: opacity 0.5s ease-in-out;
- overflow: hidden;
- z-index: 300;
- display: none;
- }
- .lightbox:target {
- opacity: 1;
- top: 0;
- bottom: 0;
- }*/
- </style> -->
-
-
- <!-- <img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989">
- <img src="assets/albums/random-access-memories.jpg" alt="Daft Punk - Random Access Memories">
- <img src="assets/albums/blurryface.jpg" alt="Twenty One Pilots - Blurryface">
- <img src="assets/albums/deathconsciousness.jpg" alt="Have A Nice Life - Deathconsciousness">
- <img src="assets/albums/let-them-be-alien.jpg" alt="Lebanon Hanover - Let Them Be Alien">
- <img src="assets/albums/laurel-hell.jpg" alt="Mitski - Laurel Hell">
- <img src="assets/albums/lungs.jpg" alt="Florence and the Machine - Lungs">
- <img src="assets/albums/funeral.jpg" alt="Arcade Fire - Funeral">
- <img src="assets/albums/the-suburbs.jpg" alt="Arcade Fire - The Suburbs">
- <img src="assets/albums/a-moon-shaped-pool.jpg" alt="Radiohead - A Moon Shaped Pool">
- <img src="assets/albums/death-of-a-bachelor.jpg" alt="Panic! at the Disco - Death of a Bachelor">
- <img src="assets/albums/american-idiot.jpg" alt="Green Day - American Idiot">
- <img src="assets/albums/mellon-collie.jpg" alt="The Smashing Pumpkins - Mellon Collie and the Infinite Sadness">
- <img src="assets/albums/food-house.jpg" alt="Food House - Food House">
- <img src="assets/albums/biyaaheysf.jpg" alt="Machine Girl - ...BECAUSE I'M YOUNG ARROGANT AND HATE EVERYTHING YOU STAND FOR">
- <img src="assets/albums/swvwv.jpg" alt="Brian David Gilbert - Songs With Videos Without Videos">
- <img src="assets/albums/hamilton.jpg" alt="Lin-Manuel Miranda - Hamilton Soundtrack">
- <img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack">
- <img src="assets/albums/celeste.jpg" alt="Lena Raine - Celeste Soundtrack">
- <img src="assets/albums/octopath.jpg" alt="Yasunori Nishiki - Octopath Traveler Soundtrack">
- <img src="assets/albums/undertale.jpg" alt="Toby Fox - Undertale Soundtrack">
- <img src="assets/albums/HARDCORE-HEAVEN.jpg" alt="Alice Gas - HARDCORE HEAVEN"> -->
-
- <!-- <a href="#1989"><img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989"></a>
- <a href="#random-access-memories"><img src="assets/albums/random-access-memories.jpg" alt="Daft Punk - Random Access Memories"></a>
- <a href="#blurryface"><img src="assets/albums/blurryface.jpg" alt="Twenty One Pilots - Blurryface"></a>
- <a href="#deathconsciousness"><img src="assets/albums/deathconsciousness.jpg" alt="Have A Nice Life - Deathconsciousness"></a>
- <a href="#let-them-be-alien"><img src="assets/albums/let-them-be-alien.jpg" alt="Lebanon Hanover - Let Them Be Alien"></a>
- <a href="#laurel-hell"><img src="assets/albums/laurel-hell.jpg" alt="Mitski - Laurel Hell"></a>
- <a href="#lungs"><img src="assets/albums/lungs.jpg" alt="Florence and the Machine - Lungs"></a>
- <a href="#funeral"><img src="assets/albums/funeral.jpg" alt="Arcade Fire - Funeral"></a>
- <a href="#the-suburbs"><img src="assets/albums/the-suburbs.jpg" alt="Arcade Fire - The Suburbs"></a>
- <a href="#a-moon-shaped-pool"><img src="assets/albums/a-moon-shaped-pool.jpg" alt="Radiohead - A Moon Shaped Pool"></a>
- <a href="#death-of-a-bachelor"><img src="assets/albums/death-of-a-bachelor.jpg" alt="Panic! at the Disco - Death of a Bachelor"></a>
- <a href="#american-idiot"><img src="assets/albums/american-idiot.jpg" alt="Green Day - American Idiot"></a>
- <a href="#mellon-collie"><img src="assets/albums/mellon-collie.jpg" alt="The Smashing Pumpkins - Mellon Collie and the Infinite Sadness"></a>
- <a href="#food-house"><img src="assets/albums/food-house.jpg" alt="Food House - Food House"></a>
- <a href="#biyaaheysf"><img src="assets/albums/biyaaheysf.jpg" alt="Machine Girl - ...BECAUSE I'M YOUNG ARROGANT AND HATE EVERYTHING YOU STAND FOR"></a>
- <a href="#swvwv"><img src="assets/albums/swvwv.jpg" alt="Brian David Gilbert - Songs With Videos Without Videos"></a>
- <a href="#hamilton"><img src="assets/albums/hamilton.jpg" alt="Lin-Manuel Miranda - Hamilton Soundtrack"></a>
- <a href="#inception"><img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack"></a>
- <a href="#celeste"><img src="assets/albums/celeste.jpg" alt="Lena Raine - Celeste Soundtrack"></a>
- <a href="#octopath"><img src="assets/albums/octopath.jpg" alt="Yasunori Nishiki - Octopath Traveler Soundtrack"></a>
- <a href="#undertale"><img src="assets/albums/undertale.jpg" alt="Toby Fox - Undertale Soundtrack"></a>
- <a href="#hardcore"><img src="assets/albums/HARDCORE-HEAVEN.jpg" alt="Alice Gas - HARDCORE HEAVEN"></a> -->
-
- <!-- <div class="lightbox" id="1989"><div><img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989"></div></div>
- <div class="lightbox" id="random-access-memories"><img src="assets/albums/random-access-memories.jpg" alt="Daft Punk - Random Access Memories"></div>
- <div class="lightbox" id="blurryface"><img src="assets/albums/blurryface.jpg" alt="Twenty One Pilots - Blurryface"></div>
- <div class="lightbox" id="deathconsciousness"><img src="assets/albums/deathconsciousness.jpg" alt="Have A Nice Life - Deathconsciousness"></div>
- <div class="lightbox" id="let-them-be-alien"><img src="assets/albums/let-them-be-alien.jpg" alt="Lebanon Hanover - Let Them Be Alien"></div>
- <div class="lightbox" id="laurel-hell"><img src="assets/albums/laurel-hell.jpg" alt="Mitski - Laurel Hell"></div>
- <div class="lightbox" id="lungs"><img src="assets/albums/lungs.jpg" alt="Florence and the Machine - Lungs"></div>
- <div class="lightbox" id="funeral"><img src="assets/albums/funeral.jpg" alt="Arcade Fire - Funeral"></div>
- <div class="lightbox" id="the-suburbs"><img src="assets/albums/the-suburbs.jpg" alt="Arcade Fire - The Suburbs"></div>
- <div class="lightbox" id="a-moon-shaped-pool"><img src="assets/albums/a-moon-shaped-pool.jpg" alt="Radiohead - A Moon Shaped Pool"></div>
- <div class="lightbox" id="death-of-a-bachelor"><img src="assets/albums/death-of-a-bachelor.jpg" alt="Panic! at the Disco - Death of a Bachelor"></div>
- <div class="lightbox" id="american-idiot"><img src="assets/albums/american-idiot.jpg" alt="Green Day - American Idiot"></div>
- <div class="lightbox" id="mellon-collie"><img src="assets/albums/mellon-collie.jpg" alt="The Smashing Pumpkins - Mellon Collie and the Infinite Sadness"></div>
- <div class="lightbox" id="food-house"><img src="assets/albums/food-house.jpg" alt="Food House - Food House"></div>
- <div class="lightbox" id="biyaaheysf"><img src="assets/albums/biyaaheysf.jpg" alt="Machine Girl - ...BECAUSE I'M YOUNG ARROGANT AND HATE EVERYTHING YOU STAND FOR"></div>
- <div class="lightbox" id="swvwv"><img src="assets/albums/swvwv.jpg" alt="Brian David Gilbert - Songs With Videos Without Videos"></div>
- <div class="lightbox" id="hamilton"><img src="assets/albums/hamilton.jpg" alt="Lin-Manuel Miranda - Hamilton Soundtrack"></div>
- <div class="lightbox" id="inception"><img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack"></div>
- <div class="lightbox" id="celeste"><img src="assets/albums/celeste.jpg" alt="Lena Raine - Celeste Soundtrack"></div>
- <div class="lightbox" id="octopath"><img src="assets/albums/octopath.jpg" alt="Yasunori Nishiki - Octopath Traveler Soundtrack"></div>
- <div class="lightbox" id="undertale"><img src="assets/albums/undertale.jpg" alt="Toby Fox - Undertale Soundtrack"></div> -->
-