Neocities

shadow-stitcher popisbubbles

9 hours ago

A house that looks like a frog! So cute.

dreamj0urnal updated let's dream...

12 hours ago

diary.html

gloomythoughts updated Gloomythoughts

1 day ago

april.html

rippledstone updated Rippled Stone

1 day ago

website/gallery.html

website/blog.html

Rippled Stone

18 likes

hellololla updated hello, lolla.

2 days ago

ghostingpen updated * GHOSTING PEN

2 days ago

books/index.html

3 likes

oceanfront updated oceanfront

2 days ago

photobook.html

8 likes

oceanfront 2 days ago

YES 🥲🥹 my photobook is revamped..! it should be much easier to navigate, and that is also thanks to andisarchive for making me realize that i can tag images💔a life changer... anyway let me know what you guys think!

2 likes

gloomythoughts updated Gloomythoughts

2 days ago

april.html

oceanfront

2 days ago

is anyone else doing hack club? ill have to code for at least 100+ hours to qualify, so please give me some ideas on what i should make next...

3 likes

drinkmoretea 2 days ago

shrine for your ideal/favorite pokemon team?

1 like

mxbo updated Rom Bo's

3 days ago

es/portfolio/index.html

en/portfolio/index.html

2 likes

hellololla updated hello, lolla.

3 days ago

1 like

ghostingpen updated * GHOSTING PEN

3 days ago

* GHOSTING PEN

2 likes

gloomythoughts updated Gloomythoughts

3 days ago

april.html

oceanfront andisarchive

4 days ago

oh how am i only just coming across your site now... this is so perfect, you're an incredible coder, like im just sitting here admiring all of the little details😭 you are so full of personality i loved peeking around here!

4 likes

oceanfront 4 days ago

im also a little curious as to how you set up your lightbox in your scrapbook section, coding them has always been a pain in the ass so id love to know how you did it 🥹

1 like

andisarchive 4 days ago

hiii, omg that's really sweet! thank you so much! ur site is super cute and i love the color scheme and jellyfish :) !!

2 likes

andisarchive 4 days ago

as for my scrapbook section, i watched a few different youtube vids on it but i'm using html, css, and js, js is the code that actually gets it to work tho. basically i have one hidden div that lives at the bottom of my html that acts as the lightbox, it's invisible by default and it covers the whole screen with a dark background (as seen on mine). (1/2)

1 like

andisarchive 4 days ago

when you click on one of my olaroid cards, js grabs the image and caption from that card and then copies them into the lightbox div, then adds a class called "active" to it which switches it from hidden to visible. i styled it with “position: fixed” and a “high z-index”, mine is at 1000, so it lies on top of everything else on the page, and “display: flex” to center the image in the middle of the screen.

1 like

andisarchive 4 days ago

my centering isn’t perfect but i gave up on caring abt it lol. for closing it, i have a little x button in the corner that, when clicked just removes that "active" class, making it disappear again. i also added a listener so that if you click anywhere on the dark background outside the image, it closes too. the main thing to understand is that there's only ever one lightbox div on the whole page.

1 like

andisarchive 4 days ago

instead of making a new one for every photo, you just keep swapping out what image and caption is inside it each time someone clicks a different card. lmk if this helps!! i tried to explain it thoroughly lol. I can look for the youtube vids i watched, and also feel free to look at my code as well to get a better understanding if you're more of a visual learner!

1 like

oceanfront 3 days ago

omg thank you for such the detailed description!! and YES i thought i understood it but i didnt even realize there was js, i think i missed that line 😭 dont worry about it but if you do find those videos i would love to see them!

1 like

oceanfront 3 days ago

actually no i just figured it out!!!!!!!!

1 like

andisarchive 3 days ago

yayyy!! happy to hear you’ve got it sorted, jus in case you change ur mind the video I watched was by dcode https://youtu.be/dylA5Onz3kI?si=XmjIbRha0WMZJZLK

1 like

andisarchive 3 days ago

I also read a lot of Reddit post and GitHub posts they’re super helpful

oceanfront 3 days ago

do you know why the lightbox only opens when there's a caption div? that seems to be my main issue, images w/o captions cant open their own lightboxes

andisarchive 12 hours ago

hmmm i'm not sure it could be because js is specifically looking for the caption and when it's not there it's viewed as an error? you might want to make sure the listener is on the whole “.polaroid” card, and when grabbing the caption just add a check like "if a caption exists grab it, if not just leave it blank" so it doesn't break when there's no caption there

oceanfront

4 days ago

just had both of my closest friends tell me they find my favorite movie boring..... ig ill be making a shrine on my site real soon 💔💔

7 likes