{% extends "bases/base.html" %}

{% block title %}Toaster - Alfie's basement{% endblock %}
{% block description %}furry corner{% endblock %}
{% block og_image %}/static/content/Toaster_v1.0_Dark.png{% endblock %}
{% block keywords %}
Alfie King, Alfie, King, Alfieking, Alfieking.dev, dev, server, developer, backend, selfhost, homelab, furry, protogen, toaster, 
fursona, fur, furmeet, fursuit, persona, character, protogen fursona, protogen character, protogen fursona design, 
protogen character design, critters mk, critters cmk, paws n pistons, paws'n'pistons, paws n pistons furry meet, paws'n'pistons furry meet, 
protogen v1.0, toaster v1.0
{% endblock %}

{% block head %}
<link rel="stylesheet" href="/static/css/toaster.css">
{% endblock %}

{% block content %}
<section>
    <h1>Toaster</h1>
    <p>
        heya, you may have guessed by now that I am a furry. Specifically my fursona is a protogen called Toaster. I didn't actually choose the name,
        I just couldn't think of a name and a few people just started calling me Toaster because I am a protogen.
        <br><br>
        Originally (before I was a furry), I had a unnamed charcater that was just saved as "lil_guy.png" in my files. He is the tv head character
        that I the main "mascot" of my website, I drew him a while ago when I was planning to make a functional tv head.
        <br><br>
        Once I eventually got out of the furry closet, I was trying to think of a species to choose and I thought that protogens are a mix of having a
        screen for a face and being fluffy, so I thought it would be a good fit. I still want to keep the tv head character in some places since I rly like him,
        however I plan on using Toaster more. So he may become the main mascot of my website "soon ish".
    </p>
</section>
<div class="flex-row">
    <section>
        <h1>Specs</h1>
        <h6>(Additional specs coming "soon ish", Very subject to change :P)</h6>
        <ul id="toaster-specs">
            <li><b>Species:</b><span>Protogen</span></li>
            <li><b>Version:</b><span>v1.0</span></li>
            <li><b>Height:</b><span>1.73m</span></li>
            <li><b>Weight:</b><span>Mild Chonk</span></li>
            <li><b>Base Color:</b><span class="color" style="background-color: #0e0c11">#0e0c11</span></li>
            <li><b>Accent Color:</b><span class="color" style="background-color: #a685c6">#a685c6</span></li>
            <li><b>Operating System:</b><span>Proot OS&trade;</span></li>
            <li><b>Processor:</b><span>Fried Potato</span></li>
            <li><b>RAM:</b><span>Not Enough</span></li>
            <li><b>Storage:</b><span>1.44MB Floppy</span></li>
            <li><b>Ports:</b><span>USB-C</span></li> <!-- You know exactly where this is dont you :3 (note: this is a joke (probably), there are ports are behind the round screens tho)-->
            <li><b>Accessories:</b><span>"Neck Armor"</span></li>
            <li><b>Bugs:</b><span>Anxiety<sup>2</sup></span></li>
            <li><b>Gender:</b><span>Male</span></li>
        </ul>
    </section>
    <div class="flex-col">
        <img src="/static/content/toaster/Toaster_v1.0_Dark.png" alt="toaster" id="toaster-img">
        <section class="fill-height">
            <p>
                NEW AND IMPROVED! Toaster v1.0 is here!
                <br><br>
                Toaster v1.0 is the first version of Toaster that I have drawn that I am actually happy with.
                Im still working on the design, so it may change in the future, but I think I like this enough to keep it for now.
            </p>
        </section>
    </div>
</div>
<section>
    <h1>Plans</h1>
    <p>
        I plan on drawing Toaster "properly" soon, im quite happy with the current design, but I want to add more detail and personality to him.
        I also want to make a proper ref sheet for him, so it looks like I have a decent idea of what im doing, cus im kinda winging it right now.
        <br><br>
        I also wanna try make a fursuit head of Toaster, but I am not sure how well that will go. I can handle the electronics and I know a few people
        with 3d printers, so I can get the base printed. However I have never made a fursuit before, so idk how well it will go, expecially with the fur.
        I have no clue how to make the fur look good, so I may just end up getting someone else to help me with that. Budget is also a concern, cus im
        clinically broke. So rn im working of whatever I can buy from shady chinese websites for electronics and whatever I can find in my local area for the fur.
        <br><br>
        If I end up making a fursuit, I will probably make a post about it on my site and maybe even make a video of it (but dont hold me to that).
    </p>
</section>
<section>
    <h1>Events</h1>
    <p>
        There are a few events that ive been to, however I plan on trying to go to more in the future.
        <br>
    </p>
    <ul id="fur-meets">
        <li>
            <a href="/events/crittersmk"><b>Critters MK</b></a> - A furmeet in Milton Keynes.
            <div class="fur-meet-gallery-small">
                <img src="/static/content/fur_meets/26-07-2025_critters_mk/PXL_20250726_152110445.jpg" alt="Critters MK">
                <img src="/static/content/fur_meets/26-07-2025_critters_mk/PXL_20250726_155134418.jpg" alt="Critters MK">
                <img src="/static/content/fur_meets/26-07-2025_critters_mk/PXL_20250726_155226274.jpg" alt="Critters MK">
                <img src="/static/content/fur_meets/26-07-2025_critters_mk/PXL_20250726_155434701.jpg" alt="Critters MK">
            </div>
        </li>
        <li>
            <a href="/events/paws-n-pistons"><b>Paws'N'Pistons</b></a> - A furry car meet around the UK.
            <div class="fur-meet-gallery-small">
                <img src="/static/content/fur_meets/03-08-2025_paws_n_pistons/PXL_20250803_141943558.jpg" alt="Paws'N'Pistons">
                <img src="/static/content/fur_meets/03-08-2025_paws_n_pistons/PXL_20250803_150138054.jpg" alt="Paws'N'Pistons">
                <img src="/static/content/fur_meets/03-08-2025_paws_n_pistons/PXL_20250803_150249916.jpg" alt="Paws'N'Pistons">
                <img src="/static/content/fur_meets/03-08-2025_paws_n_pistons/PXL_20250803_183614897.jpg" alt="Paws'N'Pistons">
            </div>
        </li>
        <p>Click on the links to view more photos from each event :3</p>
    </ul>
</section>
{% endblock %}