uuupah/11ty_neocities
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

draft out albums page a little more

Browse Source
This commit is contained in:
jonathan
2023-05-24 17:13:15 +09:30
parent a918939286
commit eb60073688
3 changed files with 46 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/_includes/styles.css
View File

@ -135,7 +135,8 @@ nav {
z-index: -1; z-index: -1;
} }
.link-tiles-grid { .link-tiles-grid,
.album-tiles-grid {
width: 100%; width: 100%;
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
@ -143,13 +144,20 @@ nav {
margin-bottom: var(--line-padding); margin-bottom: var(--line-padding);
} }
.link-tiles-grid>a>img { .link-tiles-grid>a>img,
.album-tiles-grid>a>img {
background-color: var(--border); background-color: var(--border);
width: 100%; width: 100%;
aspect-ratio: 1/1; aspect-ratio: 1/1;
color: var(--container) color: var(--container)
} }
.album-tiles-grid iframe {
border: 0 !important;
width: 100% !important;
aspect-ratio: 1 !important;
}
@media all and (max-width: 1100px) { @media all and (max-width: 1100px) {
body { body {
flex-direction: column-reverse; flex-direction: column-reverse;

3
src/blog/🚧new_blog_post.md
View File

@ -7,3 +7,6 @@ draft: true
### webbed ### webbed
### the strive to complete vs the pain of having it completed ### the strive to complete vs the pain of having it completed
### independent animation on youtube
https://www.youtube.com/watch?v=jAy1zGCQ3DM

34
src/music/albums.md
View File

@ -4,12 +4,38 @@ draft: true
--- ---
# albums # albums
exo - tineidae
hyper dimensional expansion beam ?? - the comet is coming <!-- dev uuupah! be sure to overwrite the iframe style with style="border: 0; width: 100%; aspect-ratio: 1;" when adding new albums -->
exile - sabrepulse
delancey st. station - pinc louds <div class="album-tiles-grid">
<div>
<iframe style="border: 0; width: 100%; aspect-ratio: 1;" src="https://bandcamp.com/EmbeddedPlayer/album=1662540416/size=large/bgcol=ffffff/linkcol=0687f5/minimal=true/transparent=true/" seamless><a href="https://cryochamber.bandcamp.com/album/exo">Exo by Tineidae</a></iframe>
<b>exo - tineidae</b>
</div>
<div>
<iframe style="border: 0; width: 100%; aspect-ratio: 1;" src="https://bandcamp.com/EmbeddedPlayer/album=2135258317/size=large/bgcol=ffffff/linkcol=0687f5/minimal=true/transparent=true/" seamless><a href="https://sabrepulse.bandcamp.com/album/exile-2">Exile by Sabrepulse</a></iframe>
<b>exile - sabrepulse</b>
</div>
<div>
<iframe style="border: 0; width: 100%; aspect-ratio: 1;" src="https://bandcamp.com/EmbeddedPlayer/album=3174957532/size=large/bgcol=ffffff/linkcol=0687f5/minimal=true/transparent=true/" seamless><a href="https://pinclouds.bandcamp.com/album/delancey-st-station">Delancey St. Station by Pinc Louds</a></iframe>
<b>delancey st. station - pinc louds</b>
</div>
<div>
<iframe style="border: 0; width: 100%; aspect-ratio: 1;" src="https://www.youtube-nocookie.com/embed/videoseries?list=OLAK5uy_kYZZBgXZRayWvaZrwpA3tOb5C6o_9qoio" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<b>hyper dimensional expansion beam - the comet is coming</b>
</div>
<div>
<iframe style="border: 0; width: 100%; aspect-ratio: 1;" src="https://bandcamp.com/EmbeddedPlayer/album=1344380888/size=large/bgcol=ffffff/linkcol=0687f5/minimal=true/transparent=true/" seamless><a href="https://12kmusic.bandcamp.com/album/twine">Twine by Taylor Deupree &amp; Marcus Fischer</a></iframe>
<b>twine - taylor deupree & marcus fischer</b>
</div>
</div>
# soundtracks # soundtracks
<div class="link-tiles-grid">
<div>
<iframe style="border: 0; width: 100%; aspect-ratio: 1;" src="https://www.youtube-nocookie.com/embed/videoseries?list=OLAK5uy_mbQxWvaWie-adhtXtm6b2X0qM-2zoRJio" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
# artists # artists