All the latest Neocities site news!

Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!

Updated the Guestbook page so the Discord Webhook will receive a name as well as a message (and there is a text area field for name too). Used this same script to make comment boxes on the blog pages.
1 like
Hello again! I am very inspired by your website. I especially love the sleek minimalistic layout, responsive design of the nav bar, original banner with added text title, and the zonelets blog you're maintaining! I read through your Copyright page and the Creative Commons License agreement, and I saw you mention that copying your source code for learning purposes is okay with you. How do I do that? c: Thanks so much
1 like
pixelglade's avatar pixelglade 2 years ago

Thank you! Feel free to take a look at the source code - the way to do it on Firefox on Windows is to right click on the web page and click View Page Source. There are some Javascript objects on the homepage for the Search and the Webrings so I would recommend looking at a simpler page so there's less clutter. Interpreting what you see will become easier as you write/learn more HTML/CSS code.

1 like
pixelglade's avatar pixelglade 2 years ago

One of the simpler pages is the Contact Me page. view-source:https://pixelglade.net/about/contact.html The responsive parts are due to the divs flexcolumn and flexbox. To see what they are referring to you open the .css style page.

1 like
sugarblush's avatar sugarblush 2 years ago

Thank you so much!! I really appreciate it c: I'll do my best. Something I'm struggling with for my Zonelets blog is that the Blog title and Date aren't showing up automatically, despite there being divs for them and I am labeling the html files appropriately. If I type something in the divs the text will not appear on my page. Im assuming it is a Javascript error? I don't know how to fix it tho, do you an idea?

pixelglade's avatar pixelglade 2 years ago

I do have an idea, actually. The first issue is that if you deviate from the template too much or decide to not use on the the variables in the script file, it can break the Javascript that Zonelets uses. For that reason (and because the Javascript was a bit slow sometimes) I actually removed the Javascript from the blog and replaced it with HTML, but I kept a lot the styling divs the same.

1 like
pixelglade's avatar pixelglade 2 years ago

I kept the footer for zonelets because that's how I started with my blog, but it's deviated from the original code a fair bit. I think it was actually the blog title and date issues that made me remove all the Javascript. But I would recommend editing the template file first and testing with that to try troubleshoot. Not sure if that's super helpful, but in the end - it probably is an issue with the Javascript.

1 like
sugarblush's avatar sugarblush 2 years ago

Thank you so much for the suggestion!! I removed the Javascript on the Post Template and I'll continue fiddling around with it while referencing your code c:

sugarblush's avatar sugarblush 2 years ago

Something I'm trying to achieve on my home page is a cute header banner like yours but with my own pixel art. I copied your code and replaced the background image file with mine, but the banner appears as blank. Do you know what is going on? (Thank you so much for all the help by the way, I hope I am not troubling you)

pixelglade's avatar pixelglade 2 years ago

in terms of the background image, check that it's in the root directory of the website. Check the path and file name are correct "./" in the css style file means it's looking in the root directory. Also check the height and width arguments are correct with units (px). You don't have to load the image as a background image, you can load it as an image in HTML in the file instead if you want.

1 like
pixelglade's avatar pixelglade 2 years ago

When I tried looking for your background image by navigating to the filename I got a 404 error so I think the path is probably wrong. The paths are all relative, you can read about it here: https://www.w3schools.com/Html/html_filepaths.asp

1 like
pixelglade's avatar pixelglade 2 years ago

Since you're using my code as a base/reference, I'd appreciate it if you could mention it somewhere on your site like "this website layout was inspired by pixelglade's site" with a link to my site - that's just the terms of the Creative Commons license, you can remix and build upon the content or alter it but attribution is usually required. Whenever your website is finished, I'd appreciate the mention. 🙂

1 like
sugarblush's avatar sugarblush 2 years ago

Thank you a lot for the help!! I'll double check the path to make sure I get it right. And yes absolutely! I'll be sure to give a link back to pixelglade on my main page since I am referencing your code :) thank you for letting me use it to learn, I appreciate it.

1 like
pixelglade's avatar pixelglade 2 years ago

You're welcome! Let me know if you have any more questions.

1 like
sugarblush's avatar sugarblush 2 years ago

Hi again! I've made a lot of progress on my site that I'm very happy with c: Thank you for letting me learn from your code. I have three minor things on my site I want to debug.

sugarblush's avatar sugarblush 2 years ago

First two have to do with responsive design; I want to achieve the equally spaced nav box effect your site has on mobile. I referenced your code, but on my phone my site's "About" box is too squished, making the text feel crammed, while my "Projects" box is too spread out. My "Misc" box seems just fine though. What can I do to even out the "about" and "projects" boxes?

sugarblush's avatar sugarblush 2 years ago

The second thing on mobile; if I swipe on my phone it will reveal that there is extra unused space to the right of my page. I was looking stuff up, and I think it comes from me adding padding to a box that had "width=100%" for responsive design. I can't seem to find the offending box though. This extra space on mobile isn't something present on your site, do you know how you prevented this?

sugarblush's avatar sugarblush 2 years ago

The last thing is very minor, but something I notice on my home page is that there is some extra space between the start of the content box and my beginning header. I checked the css for h2 but I can't find any extra padding, so I'm not sure what is going on. Do you have any ideas?

sugarblush's avatar sugarblush 2 years ago

Sorry for all the questions haha, thank you a lot for all the help. Wishing you the best

pixelglade's avatar pixelglade 2 years ago

In regards to the size of the nav box in mobile when it's running along the top, it's set to fill 100% of the space. It looks like the middle column might be larger is due to the line length- the Pokemon: Sceptre/Spear could be the culprit, I generally tried to keep all my heading names roughly a similar length for that reason. A way to test is to temporarily remove all the headings and see what the columns look like

1 like
pixelglade's avatar pixelglade 2 years ago

I recommend testing your website in a browser and you can do Right Click > Inspect (Q) and then hover the mouse over different elements. When I did this, I found your h1 banner is what is causing the extra space on the right. If you click the element in this mode you can see a highlight for what the padding is, the position, etc.

1 like
pixelglade's avatar pixelglade 2 years ago

My suspicion is the extra space and the header positioning are related issues, if you solve one it might fix the other. The inspect says it's the h1.banner element rather than the header so I'd look into that.

1 like
pixelglade's avatar pixelglade 2 years ago

So don't get me wrong, testing on mobile is important but for narrowing down issues with elements you can resize your browser window to be squished and it will have approximately the same effect which can help you search for issues this way with Inspect.

1 like
sugarblush's avatar sugarblush 2 years ago

Thank you so much! Your responses helped me fix all of those issues c:

1 like
sugarblush's avatar sugarblush 2 years ago

Hi again! c: I am trying to create "favorite things" sections with booktable grids like yours. But one issue I am running into is that when I resize my browser window, the .bookdescription text will go off of the page. Do you know how to keep it in the main container?

pixelglade's avatar pixelglade 2 years ago

Hello~ I actually had this problem with css-grid as well but I never got around to fixing it. In other parts of the site where I have tables (e.g. guestbook, resources root pages) I use just html tables that are set to fit the window. You could try something like that instead, sorry I can't be more help about this right now.

1 like
sugarblush's avatar sugarblush 2 years ago

No need to be sorry at all! Thanks for the suggestion c: I'll see what I can do

1 like
Hi, thank you for the follow!
Posted more fantasy cover art in a new blog post: https://pixelglade.net/about/blog/posts/2023-02-03-Fantasy-Cover-Art-Appreciation-Part-02.html Hope you all take a look - I personally have never read any of these but the covers make me want to
1 like
bright-eyes's avatar bright-eyes 2 years ago

I found it was a lot easier to choose books published in the late 90's and earlier because the art was fabulous. Now, they all sadly look the same. David Eddings is a good, classic fantasy author..

pixelglade's avatar pixelglade 2 years ago

I agree. I remember being able to go into a bookstore and pick a book largely influenced by the cover. What I don't understand is why eBooks have to be re-released with newer and (usually less inspired) covers.

i love your website keep up the good work
1 like
pixelglade's avatar pixelglade 2 years ago

Thank you! Hope you're having a good day.

Hi I love your site!! As a beginning coder I really admire your dedication and the style you've created c:
1 like
pixelglade's avatar pixelglade 2 years ago

Aw thank you so much! I like your design so far, the colour scheme makes me think of a cutesy pastry shop or cupcakes.

1 like
Hello ~ Thank you for the follow!
1 like
Hey there, I (finally) saw your reply on my comment- I won't go missing XD
heckmaster's avatar heckmaster 2 years ago

Basically I just put all my projects under one domain, I've been more motivated this way weirdly enough!

pixelglade's avatar pixelglade 2 years ago

Oh cool, whatever helps!

1 like
Love the aesthetic and vibe of your site (we may have a few things in common, hehe).
New blog post featuring some fantasy cover art from the 1980s-1990s. There will be more! Check out some awesome artwork: https://pixelglade.net/about/blog/posts/2023-01-27-Fantasy-Cover-Art-Appreciation-Part-01.html
3 likes
rainmirage's avatar rainmirage 2 years ago

the cover for skybowl is so striking!!

1 like
pixelglade's avatar pixelglade 2 years ago

It is, out of the three Melanie Rawn book covers in the post, I think SkyBowl and Star Scroll are my favorites.

2 likes
pixelglade's avatar pixelglade 2 years ago

Noticed all the hyperlinks to my blog posts were broken (oops) so I fixed it.

1 like
Thanks for the follow 🙂
Thanks for the follow, your illustrations and digital paintings are so nice! You're really good at drawing wings
1 like
time-travelling-birb's avatar time-travelling-birb 2 years ago

I could have sworn I followed you before, but I re-found you and made sure I did this time X3

2 likes
pixelglade's avatar pixelglade 2 years ago

Then welcome back! 😄

1 like
Hello, thanks for the follow! I like your Y2K appreciation page ~ I actually did some Y2K style design on my other account if you're interested! https://neocities.org/site/scopefilter
4 likes
New pixel art uploaded - it's an OC who lives in the world of Armitage III (1995) similar to bladerunner where androids look human. She was attacked by a human and lost her eye, replaced it with a visually obvious bionic eye. https://pixelglade.net/artwork/pixelart.html
3 likes
Thank you for 100 followers on Neocities! I like that sharing personal websites has a slower pace and it helps people express themselves in a more creative way. I'm really happy I found this place and I'm grateful you're all interested in the journey. 💖
7 likes

Popular Tags

art   music   videogames   programming   anime   games   food   personal   writing   cats   blog   movies   books   gaming   fashion   photography   comics   design   animation   horror   game   drawing   coding   manga   furry   portfolio   technology   poetry   ocs   reading   arte   cute   kpop   education   programacion   history   animals   musica   film   fun   sports   roblox   literature   philosophy   html   nature   programing   science   tech   videogame   travel   web   politics   minecraft   gamedev   school   retro   youtube   computers   cartoons   videojuegos   life   pokemon   2000s   love   video   blogging   illustration   diary   fantasy   dogs   pink   random   comic   memes   gardening   internet   videos   idk   test   linux   webcomic   oc   queer   cooking   kawaii   ai   nostalgia   y2k   tv   arg   fandom   news   aesthetic   emo   business   fanfiction   journal   cars   worldbuilding   health   learning   vocaloid   silly   crafts   media   stuff   films   math   space   fiction   90s   website   stories   scifi   cutecore   css   culture   cat   football   arts   graphics   etc   painting   homestuck   software   marketing   goth   lgbt   baking   punk   sanrio   3d   journaling   commissions   sport   pixelart   crochet   archive   artist   psychology   cinema   digitalart   program   diy   me   dance   dnd   characters   funny   comida   religion   trans   metal   shows   makeup   lgbtq   graphicdesign   cool   javascript   entertainment   streaming   fanart   editing   code   aboutme   development   sonic   scene   creativity   clothes   series   rpg   friends   indie   lifestyle   webcomics   story   roleplay   plants   comedy   guitar   languages   weird   webcore   zines   electronics   gay   rock   hacking   everything   ttrpg   webdesign   educacion   cyberpunk   community   study   reviews   aesthetics   sewing   engineering   informatica   computer   basketball   beauty   soccer   it   originalcharacters   oldweb   fnaf   weirdcore   social   vintage   vtuber   spirituality   discord   pets   vaporwave   project   photos   shop   information   architecture   movie   about   clothing   coffee   storytelling   flowers   blogs   deltarune   language   nintendo   testing   japan   html5   shopping   undertale   mlp   biology   magic   cosplay   thoughts   crypto   money   hobbies   digital   fitness   creative   radio   book   blinkies   lore   nothing   experimental   ttrpgs   chat   tecnologia   info   physics   cybersecurity   furries   astronomy   fandoms   alternative   japanese   bugs   site   singing   websites   birds   autism   occult   witchcraft   juegos   resume   other   finance   wip   futbol   anything   research   lain   profile   band   sleeping   dolls   sleep   television   gamedevelopment   theatre   vr   tvshows   projects   events   system   crafting   apps   work   genshin   ghchs   linguistics   personalwebsite   photo   vampires   splatoon   webdevelopment   all   fish   dreams   transgender   carrd   python   knitting   free   interests   astrology   meme   rap   developer   toys   yaoi   mentalhealth   fanfic   puzzle   pixels   aliens   windows   wiki   app   fortnite   collecting   deportes   moda   robots   drawings   coquette   dog   animations   touhou   dancing   poems   romance   cartoon   a   family   bio   gothic   english   security   visualnovels   tarot   stamps   skateboarding   online   intro   marvel   pizza   medicine   links   modding   fnf   gatos   mathematics   frutigeraero   osc   teaching   humor   hiking   data   essays   adventure   interactive   characterdesign   journalism   lol   no   roleplaying   animes   mystery   gyaru   gamedesign   dragons   gallery   gym   fansite   chess   rp   zine   twitch   creepypasta   hobby   objectshows   zonelets   gifs   jfashion   resources   pixel   home   breakcore   ffxiv   meow   tf2   puzzles   scenecore   law   mythology   privacy   ocean   hiphop   noise   musicals   popculture   birthday   death   twine   vkei   dreamcore   traveling   piano   myself   podcast   blender   audio   introduction   graphic   novels   recipes   android   progamming   danganronpa   yuri   rpgs   ecommerce   bfdi   dark   stars   swag   shrine   communism   plushies   robotics   hellokitty   car   indiegames   socialmedia   style   awesome   activism   pjsk   pictures   paranormal   jogos   foods   none   studying   omori   running   production   deporte   lolita   boardgames   student   electronic   bunnies   anarchism   educational   utau   christianity   girls   wrestling   jewelry   misc   spanish   lesbian   feminism   things   travelling   bitcoin   mario   scratch   unblocked   filmmaking   vent   god   old   pinterest   clowns   computing   webdev   sharks   volleyball   geography   realestate   store   dev   outdoors   designing   songs   grunge   maths   80s   craft   pc   java   doom   jpop   3dmodeling   amor   flash   vtubers   help   images   peliculas   tools   college   starwars   environment   transformers   tumblr   brasil   dinosaurs   creepy   collage   jazz   trains   cafe   services   stickers   event   computerscience   epic   bts   escuela   translation   baseball   blue   novel   chemistry   warriorcats   yoga   plurality   bl   construction   acting   pastel   lego   programar   collection   mcr   cyber   southpark   cine   retrogaming   persona   js   jesus   tea   programas   theater   tcc   multimedia   tabletop   therian   fotografia   libros   podcasts   yes   videoediting   monsters   weed   args   forum   otherkin   alt   gamer   truecrime   shoes   whatever   horses   trading   medical   estudiante   supernatural   techno   programmer   vlog   enstars   miku   weather   hardware   skating   dc   cozy   tiktok   pop   manhwa   videography   angels   insects   homepage   cricket   turismo   search   salud   economics   people   curso   freedom   hi   maps   bsd   drama   skincare   kirby   socialism   learn   historia   restaurant   dj   opensource   ecology   kidcore   modeling   draw   digitalmarketing   surrealism   kandi   f1   green   swimming   lgbtqia   vhs   sound   ropa   closedspecies   girly   halloween   ideas   world   artwork   service   tattoos   petz   nerd   animanga   literatura   tourism   author   cleaning   bible   text   shitposting   analysis   hockey   edm   depression   conspiracy   furniture   animales   fishing   cv   trinkets   egl   whimsy   healthcare   drugs   blockchain   kdrama   homework   did   cultura   racing   chatting   rats   surreal   3dprinting   academia   tennis   videogaming   mobile   frogs   women   plural   scary   academic   sculpture   filmes   chill   library   sociology   bands   friendship   networking   hair   hardcore   sciencefiction   wedding   cryptocurrency   general   brazil   programa   knowledge   informacion   tutorials   alterhuman   truth   christian   eating   soft   rpgmaker   species   ambient   visualnovel   society   analog   thrifting   programacao   colors   creation   aviation   mods   practice   water   genshinimpact   foss   miriadax   estudio   ghosts   glitch   gacha   anarchy   jjba   university   quotes   server   livros   company   conlang   sites   cryptids   erotica   retrogames   css3   bot   batman   anthropology   wellness   artes   programs   ux   sketching   purple   onepiece   cycling   sustainability   google   graffiti   guns   schoolproject   class   live   garden   review   twitter   medieval   superheroes   kids   neocities   noticias   character   forsaken   harrypotter   revival   mangas   magazine   shitpost   esoteric   theology   advertising   writer   blood   cs   instagram   nails   startrek   bikes   webseries   writting   crime   archives   vampire   lostmedia   rants   play   camping   otaku   theory   tattoo   3dart   performance   cards   industrial   articles   dating   animal   analoghorror   evangelion   church   building   frontend   spiderman   talking   os   ceramics   idols   handmade   rhythmgames   unblockedgames   disney   meditation   synthesizers   house   yapping   liminal   training   ultrakill   interactivefiction   future   decor   notes   illustrations   jobs   apple   youtuber   content   prompts   concerts   spooky   french   shrines   datascience   tareas   originalcharacter   chaos   finalfantasy   crocheting   voiceacting   tarea   new   designer   communication   party   tecnology   viajes   silliness   shoegaze   doodles   vrchat   zelda   selfship   exercise   rambling   sims   folklore   facts   musicproduction   something   disability   calculator   magick   neopets   embroidery   satire   paganism   mylittlepony   entretenimiento   cult   visualkei   terror   rainbow   repair   animalcrossing   creating   desing   sweets   hack   cheese   creatures   joke   geek   crk   overwatch   tic   photoshop   jokes   download   halflife   developing   spiritual   miscellaneous   black   anthro   kink   desarrollo   shifting   marxism   php   commission   quiz   private   vinyl   club   vlogs   tokipona   vtubing   conlangs   bass   webring   ar   vegan   scrapbooking   military   self   mtg   trabajo   happy   scp   seals   hotel   projectsekai   musics   adhd   oldroblox   animating   kdramas   beach   agriculture   map   creativewriting   islam   archival   doctorwho   ranfren   pet   tips   more   drinks   beginner   songwriting   tokusatsu   arcane   zombies   sanat   secret   yugioh   edits   generator   motorcycles   mushrooms   underground   lolitafashion   csgo   1   casino   kin   lofi   vibes   stupid   mha   mecha   gender   4chan   ui   words   musician   hosting   randomstuff   products   productivity   index   studies   beer   cottagecore   rave   cities   glitter   collections   dungeonsanddragons   time   shoujo   stem   red   ia   streamer   electronica   poesia   fanfics   daily   tutorial