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!

New pixel art uploaded! My OC is back and this time in a park during a snowy winter. Direct link: https://pixelglade.net/artwork/pixelart/fullsize/pixelglade_armitageIII_02.gif
4 likes
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

Popular Tags

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