info

site info

live since 11.apr.23 under doqmeat.neocities.org
under doqmeat.com since 24.mar.24!
hosting: neocities
domain: porkbun
deployed to neocities via github

credit

tooltip / title on hover script i use across all of my site is from malihu

there's always little space in my pages, most notably in the footer, dedicated to the credit of materials used in that respective page! some older pages might not have this so do feel free to ask me!

nonetheless, everything i use for my site can also be found on my resources page! for the fonts i've used you can look at all of them here (o゜▽゜)o☆

a lot of the graphics in my site are from collection pages that rarely have their stuff sourced. i have tried my best to look for credit on some of these but if i've used something that is not free to use please contact me and i will happily remove it! if you know the credit for something you don't see credited or can't find what you're looking for, you're always welcome to send a msg in my chatbox or e-mail. happy coding!

sites that have inspired me!

homepage v5 credits

fonts used: gaegu, bm-neko (heading 1) owls n ink (heading)
lastfm last played widget by bianca rosa
most cat graphics from catstuff
cute memo scans from kawaiiscans
flower pixels used in nav by tora7.ciao.jp
pixels used in updates / rss section are from foollovers
notepad bg pattern from sozaiya405

ARCHIVED - homepage v4 credits

FOUND IT! style switcher code
lastfm last played widget by bianca rosa

icy theme

body background from Erol Ahmed on Unsplash
fonts used: simple, kakomia, bm-neko, bangalore, nintendo ds bios

garden theme

fonts used: gaegu, morningtea
body background pattern from ritva's gallery

sunset theme

fonts used: gaegu, morningtea

ARCHIVED - homepage v3 credits

most pixels were found from pixel collection pages. i'd love to find the sources for each of them so i can give proper credit so if any one knows, please e-mail me!
js audio button code from this template!
falling items code
scrolling title tag
draggable js code for minecraft cat plush :3
theme switcher js
last played last.fm js code by bianca rosa

these will depend on the theme selected!

flower.css

a lot of graphics are from these sites: sorahana, sleepysprout, this little cat here is from tora7kg
patterned bgs from sozaioukoku
fonts used in this page are: typo garden, gaegu, spirit, morningtea, nintendo ds bios, simple
body background by Rodion Kutsaiev from unsplash

tools

software and hardware that i use!

software

coding editor: visual studio code
terminal: git bash (oh my posh for custom themes)
dither me this and ditherit - for images that look like this!
clip studio paint - anything i've made art / graphic related has been with this program most of the time.
remove.bg - for removing the bg of pngs
libresprite - a fork of asesprite. made some pixels with it.

hardware

puter: HP envy x360 convertible laptop w/ stylus which is how i draw here! / 16gb ram / intel core i7 + nvidia geforce mx450
keyboard: motospeed wired keyboard with red switches because it's convertible i use a seperate keyboard for it, this also helps it not overheat since i always have it folded in a upside down V shape
mouse: redragon wireless gaming mouse
headphones: razer kraken kitty headset i love these headphones to death but the pink leather has started to peel off ever since i moved to a more humid area :') + JBL tune 720bt

homepage layouts archive

a place for me to showcase my previous layouts and my thoughts on them! click on the imgs to open them on a new tab.

version 5

02.mar.25 - ???

i have been dying to re-do my homepage. man i just miss having a bit of a more fun layout so much with different graphics here and there and more colors. i also removed a bit of bloat that my previous homepage had. i was very inspired by these super cute memos scanned by kawaiiscans. i actually wanted the homepage to be built by graphics from those memos but then as i was editing up the png i thought it would be too much. only one of those pngs stayed which is the one you see next to the notepad.

i wanted this homepage version to feel a bit more natural and personal to me. which is why it kinda feels like if you were looking at things around a desk. a memo, a notepad, an mp3 player, and a random instant picture.

the part i had the most fun building was the mockup walkman mp3 player which shows what song i last listened to using bianca's last.fm widget code, it is done purely in CSS which was of course the fun part. i've actually had this idea of making a mockup mp3 player and have it function as a music player with old songs i used to listen to on my very own walkman mp3 player when i was little. also want to clean it up a bit and have it as a code bit people can use it on their site. one day though!

the piclog widget also used a tiny bit of JS that i've picked up so far. i did a tiny little script that changes the ratio of the polaroid depending on the ratio of the img being used.

version 4

09.aug.24 - 02.mar.25

new homepages!! i have a couple of things to say about this theme. i had been wanting to make a new homepage theme since v3 to something more minimalistic. and also smaller on download size. because i no longer have wifi where i live. and navigating thru my site with my hotspot that is most of the time half a mb per second is kinda crazy. which is why it looks kinda bland but i tried my best to give it some flavor!

i also wanted to create more of the things for my own homepage. the (photo) backgrounds used in both of these are pictures taken by me! this was my first time messing around with background-blend and i just loved how it looks! i also made the icons on the navigation sidebar because that way i could change the colors pretty easily.

i also played around with localStorage in javascript though i think it is implemented poorly... i need to keep practicing my JS skills but for now. i think this works LOL.

anyways, for some final thoughts: i really like how it all came together and i'm probably gonna make other themes for it too! i'm glad lots of people liked it too!

version 3

14.dec.23 - 09.aug.24

this is where i learned about CSS grids AND how to switch stylesheets with js.

i wanted my page to be a bit more compact without really losing the pixel decorations that i love having so this was the result! i learned how to make it responsive to your screen size thanks to it being a grid layout. had a lot of fun making these theme and it took me a whole month to finish it!

~~i wanted to make a homepage that i could switch themes without having to make a completely new one!~~ i don't think i will ever go through this like... if i ever wanna switch then i'll just make a new homepage from scratch!

version 2

21.may.23 - 14.dec.23

GOOD LORD. i am finally saying goodbye to this homepage!! i am free!!!!! it's so crazy to think that i've had it for so long!

when coding it i was just going crazy about display: inline-block since i did not know a thing about grids... or flexboxes (i think) SO! i made this :) i was pretty happy for the most part with it! until i learned that navigating it sucked a bit since it wasn't responsive. so i've been wanting to remake it ever since!

anyway! i have very fond memories of this one since i built it from scratch compared to v1 where i was using a template.

version 1

12.apr.23 - 21.may.23

the first version of my site!! i used a layout that i had found on tumblr and just started my way up there! it helped a lot since i did not know a lot abt html or css.

honestly i really liked how it just looked like a bunch of sticky notes and i thought that was so charming i didnt know a lot about html/css the coding for this looked pretty HORRIBLE. like those graphics that you see on top of the sticky notes? yeah i was just doing all of that with top bottom position absolute on seperate divs in the body tag and calling it a day which is not bad!!! it did the job but because of that the process of moving them was so tedious and it would take sometimes HOURS trying to align them pixel perfect. so funny. but i learned!

since i was just learning, most pages (if not pretty much all of them) were following this sticky notes theme! i did like it but i wanted my pages to look different from each other so the site would be more interesting and fun to work on imo. so i started redoing every page when i got done with that i redid my homepage to the one you see today! (as of now...)