<!DOCTYPE html>

<html lang="en">
<head class="r__">
		<title>SpoiltCat.com</title>
	<meta name="charset" content="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="color-scheme" content="light dark" />
	<meta name="description" content="An undescribed web page served by a SpoiltCat Project." />
	<meta name="author" content="SpoiltCat.com" />
	<base href="/r__/">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<link rel="stylesheet" href="/-css/spoilt-core.css?v=2.551">
	<link rel="stylesheet" href="/-css/-core.css?v=2.551">
	<link rel="stylesheet" href="/-css/-menu-options.css?v=2.551">
	<link rel="stylesheet" href="/-css/-scml.css?v=2.551">
	<link rel="stylesheet" href="/-css/-chart.css?v=2.551">
	<link rel="stylesheet" href="/-css/-photos.css?v=2.551">
	<link rel="stylesheet" href="/-css/spoilt_rail.css?v=2.551">
	<link rel="stylesheet" href="/-css/-rail.css?v=2.551">
	<link rel="stylesheet" href="/-css/-rail-train-pid.css?v=2.551">
	<link rel="stylesheet" href="/-css/-rail-station-calls.css?v=2.551">
	<link rel="stylesheet" href="/-css/r__-core.css?v=2.551">
	<script src="./spoilt-core.js?v=2.551"></script>
	<script src="./-core.js?v=2.551"></script>
	<script src="/-json/scR/-rail.js?v=2.551"></script>
	<script src="/-json/scP/-photos.js?v=2.551"></script>
</head>
<body class="home">
<dialog>
<form id="cookie_consent_banner" method="post">
    <input type="hidden" name="page_request" value="">
<style>
    #cookie_consent_banner {
        position:fixed;
        bottom:0;
        z-index:100;
        display:block;
        padding: 1rem;
        background: var(--white);
        color: var(--black);
        border: 3px solid var(--black);
        border-radius:1rem;
        text-align:center;
    }
    #cookie_consent_banner input[type=submit] {
        margin-top:1rem;
        padding: 0.5rem 2rem;
    }
    input[type=checkbox] {height:3rem;width:3rem;}
</style>
<p class="small">
    This website uses one "Strictly Necessary" cookie to remember your cookie preference.
    <br>Additional cookies are set if you login &/or choose to personalise certain options.
</p>
    <input id="essential_cookies" name="r__allow_cookies" type="hidden" value="1" checked="checked">
    <input type="submit" value="Don't Show This Again">
</form>
</dialog><header id="site-header">
	<button class="emoji">&equiv;</button>
	<a href="/r__/">SpoiltCat.com</a>
	<a id="loginas" class="hover-only emoji" href="/admin/" title="log in"></a>
	</header>
<main class="r__grid">
<style>
body.home > main > nav.old-site-menu.rollout {
    z-index: auto;
    height: auto;
    top: 0 !important;
    padding: 1ch;
    opacity: 1 !important;
    position: relative !important;
    visibility: visible !important;
    margin-top: 1ch !important;
}
body.home > main > nav.old-site-menu {
    margin-top:2rem;
    max-width:640px;
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap:1ch;
}
body.home > main > nav.old-site-menu > * {
    width:180px;
    height:auto;
    padding:1ch;
    border:1px solid var(--gridline);
    border-radius:4px;
}
</style>
<nav class="site-menu">
	<!-- <a href="/" title="R__ Home Page"><span class="material-symbols-sharp">home</span> Home Page</a> -->
	<a href="about" title="About This Website"><span class="material-symbols-sharp">info</span> About Page</a>
</nav>
<style>
.news dl {
    margin: 1rem 4vw;
}
.news dt {
    padding: 1.5rem 1rem 0.5rem;
    font-weight: bold;
}
.news dd {
    padding-left: 2rem;
}
.news ul {
    margin-left:4ch;
    list-style-type:square;
}
.news li {
    padding:0.5ch
}
</style>

<dl class="news two-thirds">
    <!-- <dt>5th September 2024</dt>
        <dd>&bull; Changed Hosting Partner</dd> -->
    <dt>December 2025</dt>
        <dd>&nbsp; Soft Relaunch of SpoiltCat.com Projects
            <ul>
                <li>SpoiltCat.com</li>
                <li><a href="https://railstats.co.uk">RailStats.co.uk</a></li>
                <li><a href="https://rudysrailway.com">RudysRailway.com</a></li>
            </ul>
        </dd>
</dl><section class="about r__">
<style>
    .r__ {
        margin: 4rem;
        box-shadow: 0 0 2px 2px var(--shadow);
    }
    .r__ > h1 {
        font-size:var(--medium);
        margin:unset;
        background: linear-gradient(90deg, var(--hued), transparent);
        border-radius:0;
    }
    .r__ > p {
        padding: 2rem;
        font-size: var(--larger);
    }
</style>
<h1 class="small">&ldquo;About Us&rdquo;</h1>
<p>SpoiltCat.com is a personal website that has evolved to be many different things over the past twenty years.
     Once upon a time it was full of portfolio photo galleries trying to attract as many visitors as possible.
      For a while there was a monetised music &amp; movie reviews blog.
       Now it's a cover for different web development ideas that rarely get to see public releases.
    <br>
    <!-- <br>Most of these projects now use a custom built framework: &quot;R__&quot;</p> -->
</section><script>
    // document.getElementById('rmd_nav-page').showModal();
</script></main>
	<dialog id="rmd_nav-page" class="r__modal">
		<nav class="site-menu">
	<!-- <a href="/" title="R__ Home Page"><span class="material-symbols-sharp">home</span> Home Page</a> -->
	<a href="about" title="About This Website"><span class="material-symbols-sharp">info</span> About Page</a>
</nav>
	</dialog>
<footer id="footer">
	<div id="attribution">&copy; SpoiltCat.com</div>
	<a id="spoiltcat" href="https://spoiltcat.com/">A SpoiltCat.com Project</a>
	<img id="retrogray" src="https://spoiltcat.com/grayscale.svg">
</footer>
<dialog id="ldbs-pid-train" class="modal-pid"></dialog>
</body>
</html>
