Oh there he goes again. Yet another post on silly code and things that I love. After a small hiatus I decided to treat myself with some good, (very) old, Subeta base code. I have been struggling with some parts of the site and love adjusting things here and there. At long last, I decided to stop the complaining and sit myself down to dig into these countless containers to maybe make everything a bit more enjoyable. I would love to share this little journey as I experiment with the limitations of the site to salvage some parts that I didn't know existed.

Here are some of the templates and code snippets that I come up with here and there. I have been sharing things with friends, yet I feel like a hub for this kind of stuff is always a great idea. Maybe I can get some of you interested in some coding and dig in yourself, so please, never shy away to say whatever you like about all of this!

TRAPPINGS ~ A (Live) Site Theme Template

Some of the empty space of the site has been bothering me and mobile versions are as daunting as can be. I decided to go for it and make a semi-responsive theme which I am actively adjusting and improving since there is a lot to unpack. TRAPPINGS is a simple, higher-contrast theme which should be usable under most mobile devices. Text and images still might be on the small side, though. Since I tend to toggle the sidebar a lot, it's right at the top with some Subeta art (which I would love to switch up, so PLEASE, send me some cool original artwork if you like!) A cleaner main taskbar and scaling main content area to make use of the bootstrap used for the content.

And woah, it's all hosted on a personal site of mine, so you can just plug in one line of code and see for yourself if it's a match! That means that this live version will be updated directly on your end if I decide to make some changes. Of course, you don't need to use the live version at all.

This is a small thing that I do by myself, but if you would love to help, your efforts are more than welcome! Maybe you have some ideas (as bonkers as can be) or might contribute some cool graphics that you will definitely be credited for. My goal is to make things on here a little bit more accessible and easy to use until a new Subeta may emerge.

❤️ Note: If you don't like the colours, comment below so I can start working on some variables for you to customize!

(preview imgur folder)

[box=#f4ffc4] Base Site Theme TRAPPINGS [source] [/box] url("https://unartur.neocities.org/src/trappings.css"); ~ semi-responsive (I am working on it, I promise! T_T) ~ less intrusive sidebar that is scrollable ~ New old header image which may rotate for everyone with a live version ~ small quirks to make life a bit easier

Feedback

Making code on here is not always the most rewarding thing to do, so please please pleaaase hit me up with feedback and ideas. I am very keen on making profiles work without layout images which makes me play around with what we have around here a lot! If you ever had a cool idea that you would really love to see in terms of usability or accessibility, I couldn't be more happy to help. If some of the codes did some really bad stuff to your layout, please tell me over Discord (Arduqq#0885) so we can figure things out!

---

Istoria Pet Profile Template

This one was originally made for some friends to use, yet I felt like sharing it here as well. Feel free to send me any feedback or just your results!

(preview imgur folder)

[box=#f4ffc4] Pet Profile Layout ISTORIA [source] [/box] > Preview < ~ responsive one-column design ~ selectable profile sections ~ customizable in any way possible

---

Dain Pet Profile Template

This is a more conventional layout that focusses on bringing the writing to the front. As texts tend to get overshadowed a lot on pet pages, this was my take on it!

(preview imgur folder)

[box=#f4ffc4] Pet Profile Layout DAIN [source] [/box] > Preview < ~ two-column layout with dominant text side ~ big fonts, big images, high contrast

---

Garm Pet Profile Template

This was my first ever freebie I made! It's a bit of a convoluted one, but it should be functionable and customizable. I wanted to capture a modern social media feed with this one and make everything scrollable and easy to navigate.

(preview imgur folder)

[box=#f4ffc4] Pet Profile Layout GARM [source] [/box] > Preview < ~ two-column layout ~ fixed stat column with scrolling main content ~ feed-like structure

Just wanted to drop in and say thank you for your added notes in the codes - I'm using the Dain profile currently, and the colour scheme information is super helpful <3 I can't wait to mess around with this! Thank you for providing the templates, they all look fantastic <3

I am so happy you are enjoying the code! I looked through your pets and absolutely loving your work. Let me know if you run into some issues! I wrote the code some time ago, so it might be a little unptimized, hehe. Thank you for the kind words. <3

Ahh thank you so much <3 I definitely will! Thank you so much, I really do love your profiles ! <3

Oh goodness, I totall didn't see your reply! I love Viper a lot. I think you did such a good job with the colours and all the zap tracking! Makes me pretty motivated to do something similar myself, hahah. Happy you got some use out of the template!! <3

Hey ! Not sure how active you are on Sub these days (just sent you a discord friend request just in case) but I'm working on your Dain profile for one of my pets and I'm stumped on something that I think is super simple to fix but I'm such a CSS noob!

How do I go about changing the font colour of the description/body? I've tried it in a few places but I think my knowledge of such things is just.. uh... not there haha.

heyo ! Your css is saving my life~ Just one lil thing, the "Add Bookmark" link text on the Add Bookmark pop-up it too dark to be seen, and the pop-up itself is black. I tried to fix it by trying to change the bg color but i couldn't figure out which part of the code is responsible for that pop-up ;u;

Hey friend! I just checked in after a long time and updated the code. Thanks for letting me know!

Also I am so sorry I wasn't around! If you still need help, feel free to just send me the profile of your pet and I will take a look. ^^

Hi! No worries, I think I got things figured out! But I could use some help with the profile layout as it doesn't seem to re-size based on the browser size or mobile, etc. and looks kind of wonky. If there's any tips you can offer, the pet I currently have it set up on is

Taika!

Hi! Just want to say thank you for offering your profiles, it's been really helpful as I'm horrible at coding. :)