Developer Notes
Contents
Welcome
Hello. I am what long ago may have been called the Webmaster of this cube-related fan site.
Here you can find some notes about how this website was made, how it's being maintained, and problems I'm trying to fix. If you find more problems for me, please don't hesitate to reach out.
Links
About the Site
This site was made with HMTL and CSS in Notepad++ and is mostly hand-coded. All the pages are static, like in the good old days.
Any updates I make are done by hand rather than with something nice and convenient like HTML includes. Like the good old days.
I used to work as a web developer back in the day and much of my work was making HTML emails. Anyone who has done that will know that it's a whole lot of annoying tables. Tables within tables. It's tables all the way down.
So, who better than someone who enjoys doing sh*t like that, to build the internet's own CUBEPEDIA?
Colours
Cube Orange: #FFAA22
Cube Pink: #FF3399
Fonts
Font Face |
Example |
Use |
Source |
|---|---|---|---|
Honk |
Example: Trapped in the Cube |
Headings |
|
Dosis |
Example: Trapped in the Cube |
Body text |
|
Saira Extra Condensed |
Example: Trapped in the Cube |
Button text |
Known Issues
The mobile site feels like an eternal scroll, so I want to create a burger menu to help reduce the vertical height and clear a bit of space. There are ways of doing this with only CSS, but I'm going to try to incorporate Javascript since I want to teach myself.
Fun fact: if you scroll to the bottom of the guestbook there is a link that says 'Back to the website.'
If you click on this it will load the Cubepedia homepage, but this time inside the iframe that is designed to contain the guestbook. You can then go to the menu and click 'Chat' to go back to the guestbook page, except now you have a guestbook inside a guestbook.
I don't know how many times you could do this before the site breaks, but I suspect it's a lot. I like to think this recursion is somehow related to cubelore. Proceed with caution.
I'm thinking of changing the site so it loads content using Javascript. This way I don't have to change like 15 pages every time I want to do something with the menu.
Do I want to do it? Depends if I can make it fun. I found a good tutorial so maybe I can work it out once I run out of content to add on the rest of the site. Watch this space.
Display font, Honk, doesn't render properly on iOS. CSS Gradient colours for text not supported by Safari.
- While the site doesn't display as it should, the little preview in 'Suggestions' section on Safari DOES. This is because Neocities creates a little image for each website hosted in its platform that will pop up whenever you share your links around. This little preview taunts me daily.
- I've tried to fix this, none of the solutions I tested so far have worked.
- I installed the Honk typeface using Google Fonts, so I don't have access to any of the code used to generate the font in the first place.
- I've decided this adds to the web 1.0 feel of the site. It's an art project now.
- Could I just change the font I use for titles to something more iOS friendly? No. Out of the question. Honk is all.
- Just view the site on PC as the good lord intended.
