Skip to main content

Loading...

Ypotryll's hobby page

This site is heavily a WIP and very bare-bones, just to have a hobby to learn when I'm able to. Several features may be broken. Please consider returning later!

Notice on accessiblity: I am currently learning how to make things accessible while I'm learning static web design fundamentals so I don't adopt sloppy habits, however I cannot make any guarantees or warranties at this time on usability, compatibility or ease of navigation. I apologize in advance, please consider returning at a later date. My site will not be fully "live" until I address this otherwise. Thank you!

The Plan

"Prettification" will come at an indeterminate date. This is a hobby, not something I can really put on a day job resume (not that I'd want to - I don't currently, nor do I plan to work in tech!).

I don't expect to make any sort of fun toys or anything here as of writing this, since I don't have the time or persistent interest to invest in becoming proficient in JavaScript or anything too complex. I do hope to fill my site out with my art and various experiments with my other hobbies though!

The (shameless self) Promo

  • Socials mini-site, follow if you like: Beacons.ai/Ypotryll
  • I post art infrequently on my Telegram channel (SFW), if that's something you're interested in.
  • I'm prepping posts and learning how to use PostyBirb to build a presence everywhere else without going insane (unless I forgot...).
  • GitHub where I achieve nothing.

To-do for later

Restructuring:

  • (Ever a WIP) CSS formatting, experiments & update. Stylesheet is lacking.
  • Get some basic damn <div>s in here and flex a bit.
  • Temporary nav bar at the top is currently in use, mainly tested on this page. Initial idea for nav bar didn't play well with outdated <object> element, the effect was like <iframe>. JavaScript is necessary for what I want to do in the future, which is pull and reuse the same HTML snippet on each public page from a specific file.
    This could break some browsers, though so a compatibility backup might be necessary.
  • Read the instructions for Zonelets and then Zonelots; add it in and set up folder structure for posts, tags, etc.
  • Get an RSS feed and basic subscription button going
  • Add a basic sitemap (current one redirects to 404)
  • Add <p>Last modified: <script>document.write(document.lastModified);</script>.</p> to default page footer once sitemap is (mostly) complete, Zonelots and RSS feed are functional, and full site is "live".

Accessibility:

  • Accessible page formatting & necessary HTML properties
  • Add <section>s
  • Alt text for logos, always as a rule
  • Partially implemented: Skip link (make & save a template for all pages?)
  • Learn more about when ARIA is necessary

Prettification:
  • Revamp color scheme
  • Add general assets (logo, border tiles, buttons, background, favicon)
  • Add social buttons/icons
  • Make custom Sitebox
  • 88x31 buttons section
  • Compatibility with mobile and odd display sizes
  • Sidebar for desktop/burger menu for mobile
  • Do something like this with <div>s (origin) (archive 1) (archive 2)

Note: I lied earlier. I do have some fun ideas planned to pepper throughout my site if I manage to fully launch and share it, but those side projects may not come to fruition as I could get bored, burnt out, busy or what have you, so it'll probably sit in an idea box to rot for a while. Because of this, I won't be sharing those pages here or add them to the sitemap, at least for now. :3

Links/resources:

Incomplete and probably out of date, more of a to-do for myself to read later.


&lt; doesn't work, use &#60; instead.

...Updates will continue infrequently.

Guestbook

While you're here, why not leave a message?