Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!
n-has-a-site
5 months ago
That just means its peak bro. My fav movie is an elephant sitting still and i think people will find that boring doesnt mean its less peak though.
oceanfront
5 months ago
ok so i legitimately thought u meant an elephant standing still and i was like.... ok lets talk..... but i realize that is an actual movie now LOL
oceanfront
5 months ago
if you click on the travel log, ive made my first 'blog post' about some exploration ive been doing
lavenderblues
5 months ago
i think it's fine personally but keep in mind this is coming from someone who has cursive pixel as a font on one of my pages so take my feedback with a grain of salt lmao
oceanfront
5 months ago
also i plan on redoing my graphics page soon so that all of the sections are found on one page ... i hope itll be more user friendly
oceanfront
6 months ago
hey guys😝 i cooked this up rq tonight but yay here's my genshin page! ive started playing again and wanted a place to write about my thoughts so... here we are
anamarriemei
6 months ago
Thank you! And I'm about to change the theme because I'm thinking all those images are too much. 😭 Your site is so cute and delicate, I loved it! 🥰
oceanfront
6 months ago
thank you!!! and do whatever you believe is best(. ❛ ᴗ ❛.) ill enjoy it either way haha
anamarriemei
6 months ago
I don't know if that's what you're looking for, but my shrine page is more like a collection of shows, movies and games than an actual shrine. https://anamarriemei.neocities.org/eng-altares
thegreatpretender02
6 months ago
Mine is so mid lol, I haven’t gotten the time to put down some talking points, but one day! https://thegreatpretender02.neocities.org/media
art music videogames programming anime games personal food writing cats blog movies books gaming fashion photography comics animation design horror arte game drawing musica manga coding reading portfolio ocs furry poetry cute kpop history technology animals film literature philosophy fun education roblox nature sports programacion science videogame tech politics html programing travel minecraft videojuegos life gamedev love retro web 2000s school blogging pokemon diary pink fantasy computers youtube cartoons illustration idk video dogs gardening random oc arg y2k comic ai videos crafts cooking internet linux memes queer nostalgia kawaii fandom journal worldbuilding tv aesthetic films emo media webcomic cars vocaloid learning space test fanfiction business news cutecore health arts stuff math fiction culture journaling silly etc stories baking website scifi painting crochet cinema cat series punk diy 90s graphics 3d shows football archive homestuck goth psychology commissions pixelart artist dance comida makeup marketing me software program digitalart creativity dnd indie lgbt sanrio css sport lifestyle graphicdesign editing metal trans characters lgbtq aboutme friends religion plants rpg fanart funny guitar streaming cool clothes sonic rock roleplay story sewing zines deltarune code community development everything entertainment scene languages ttrpg electronics engineering aesthetics webcomics comedy study reviews weird beauty photos javascript blogs vintage cyberpunk originalcharacters hobbies webcore spirituality gay fnaf hacking social thoughts storytelling vtuber basketball it webdesign fandoms coffee soccer biology pets flowers architecture educacion lore oldweb computer project weirdcore undertale discord cosplay moda movie creative magic japan mlp shop language shopping book alternative clothing informatica ttrpgs crafting information personalwebsite radio singing nintendo chat astronomy fitness physics gatos vaporwave experimental blinkies juegos digital websites testing birds nothing about anything wip bugs money info site cybersecurity research witchcraft tvshows yaoi band japanese theatre animes projects frutigeraero crypto furries occult interests sleep sleeping tecnologia gamedevelopment finance html5 dolls autism profile all other libros television poems work knitting vampires romance fish photo visualnovels collecting puzzle events genshin essays tarot dreams transgender linguistics marvel system jogos futbol vr mentalhealth wiki gothic gym astrology resume dancing fanfic toys lain aliens peliculas apps skateboarding animations yuri stamps hiking birthday english gyaru drawings app intro meme rap whimsy cartoon mystery creepypasta medicine free developer coquette windows journalism splatoon bio chess modding puzzles family python popculture webdevelopment gamedesign interactive dog touhou robots resources mathematics teaching pixels humor osc introduction gallery zine dragons a musicals dreamcore piano mythology fnf pizza links ocean novels hobby characterdesign jfashion adventure fortnite blender online rp studying ghchs myself carrd amor cine spanish no deportes bl traveling audio roleplaying security alt vkei style pjsk craft recipes stars meow objectshows gifs danganronpa dark bunnies indiegames bfdi data fansite paranormal law pixel hiphop lol christianity shrine foods home fotografia plushies utau songs breakcore noise privacy communism swag running wrestling boardgames pinterest feminism production scenecore twitch volleyball geography zonelets ffxiv brasil filmmaking activism tf2 collage pictures podcast robotics rpgs graphic jewelry blue socialmedia death filmes tools none progamming literatura grunge designing vlog dinosaurs car outdoors cozy travelling bts lesbian 3dmodeling student things manhwa hellokitty educational transformers omori dev historia vent maths livros ecommerce sharks args electronic awesome theater stickers anarchism chemistry f1 jpop god acting novel yumeship tea scratch android misc 80s webdev lolita cafe jesus mario store girly clowns pop girls deporte environment realestate jazz starwars draw twine computing old trains pc college pastel collection vtubers whatever skating mcr dj images horses videography plurality unblocked yoga artes supernatural retrogaming construction cyber creepy services ecology help doom baseball programmer multimedia translation escuela videoediting tumblr flash insects persona computerscience gamer animales trading dc warriorcats nerd trinkets event programar miku southpark lego 3dprinting therian kandi weed forum lgbtqia surrealism hardware skincare weather green drama chatting tiktok medical swimming tattoos hi salud epic techno socialism opensource analog bitcoin sociology yes people cultura truecrime monsters sound ropa mangas modeling tabletop ideas economics java sketching visualnovel maps kdrama world tcc purple edm author bsd animanga artwork podcasts freedom angels bands hockey vhs fishing colors healthcare restaurant programas writting halloween chill vida hardcore otherkin thrifting homepage js plural cleaning academia medieval wedding racing egl cricket learn bible kirby shoes sculpture conspiracy tourism terror friendship analysis eating knowledge search brazil programacao service christian kidcore scary videogaming anthropology otaku webseries yapping creation wellness hair magazine text ambient sciencefiction scrapbooking library nails digitalmarketing tennis programa retrogames rats enstars graffiti rants hetalia turismo poesia sustainability general aviation women frogs surreal sites estudiante alterhuman ceramics theology liminal homework mods harrypotter did gacha depression crocheting creating garden analoghorror water university curso shitposting networking petz tattoo building jjba schoolproject musicas cryptids cv kdramas genshinimpact voiceacting concerts cycling drugs talking glitch academic ghosts erotica quotes 3dart writer furniture closedspecies folklore foss shrines fanfics archives cards mobile society tutorials selfship vlogs musicproduction french onepiece seals mylittlepony mtg notes character anarchy play illustrations esoteric moe spiderman performance server live theory soft rpgmaker dandysworld truth superheroes content estudio conlang review escritura ux batman dibujo kids articles programs handmade guns vampire yumeshipping startrek camping shoegaze os forsaken sanat programmation neocities company glitter crk practice quiz daily creativewriting lostmedia underground blockchain ia doodles geek bot oldinternet youtuber ultrakill whimsical bikes decor shitpost animal filosofia species musics vibes shoujo originalcharacter communication commission calculator chaos rhythmgames songwriting cs disney informacion meditation satire vinyl noticias apple sweets instagram church solarpunk training industrial todo animating scp military crime musique class vrchat blood future marxism synthesizers viajes adhd black new sims revival unblockedgames stem paganism cryptocurrency idols party house randomstuff zelda vtubing mha more evangelion fotos collections multifandom beach spooky desing disability facts google tadc bass overwatch russian instruments espanol exploration gossip embroidery advertising vegan repair rambling visualkei exercise islam programm joke dating something interactivefiction beginner geometrydash magick diario tamagotchi twitter dungeonsanddragons animalcrossing rainbow creatures jeux kink designer shifting cheese faith red cult miriadax ciencia studies finalfantasy spiritual zombies warhammer motorcycles musik argentina css3 productivity neopets silliness ddlc videgames naturaleza developing webring miscellaneous tips entretenimiento 1 frontend jobs happy tcg opinions numetal club edits miniatures au halflife musician politica jokes cities secret paint peace self cybercore sea woodworking socials tokusatsu personalpage drinks archiving
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 🥹
hiii, omg that's really sweet! thank you so much! ur site is super cute and i love the color scheme and jellyfish :) !!
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)
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.
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.
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!
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!
actually no i just figured it out!!!!!!!!
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
I also read a lot of Reddit post and GitHub posts they’re super helpful
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
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