ref: 81d1e4e01d7001e6a0107792e6167136787295d6
dir: /about.html/
<!doctype html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="icon" href="icon.svg">
<title> Scrax / Let’s Learn Programming! </title>
<style>
::selection {
background: #D9F6;
}
body {
font-family: "DejaVu Sans", "DejaVu LGC Sans", "Verdana", "Bitstream Vera Sans", "Geneva", sans-serif;
background: #FAFCFF;
color: #000A;
margin: 4em 2em;
}
header {
text-align: center;
margin-bottom: 2em;
}
.logo {
pointer-events: none;
margin: 2em 0;
transition: 0.25s ease-in-out filter;
filter: drop-shadow(3px 2px 2px #0002);
font-size: 1em;
}
.logo:hover {
filter: drop-shadow(12px 8px 8px #0001);
}
.logo svg {
max-height: 6em;
pointer-events: auto;
transition: 0.25s ease-in-out transform;
}
.logo:hover svg {
transform: scale(1.125) rotate(-5deg);
}
header > p:first-of-type {
font-size: 1.5em;
font-style: italic;
}
header > p {
max-width: 32em;
margin: 1em auto;
}
footer {
margin: 8em 0 0;
text-align: center;
font-size: 0.75em;
color: #0008;
}
a {
color: #08E;
}
section {
text-align: center;
}
ul {
padding: 0;
}
li {
display: block;
margin: 0.5em 0;
}
section > p:first-of-type {
font-size: 1.5em;
}
</style>
<header>
<h1 class="logo">
<svg viewbox="0.75 0.5 44.5 17.75" fill="none" stroke-linejoin="round" stroke-linecap="round">
<title> Scrax Logo </title>
<g id="scrax">
<path id="s" d="M9 4v4s0-3-3-3c-2 0-3 5 1 5 3 0 3 5 0 5s-3-4-3-4v4" />
<path id="c" d="M16 6v3s0-2-2-2-3 1-3 4c0 1 1 3 3 3 3 0 3-3 3-3" />
<path id="r" d="M27 14c-5 2 0-6-8-5m-1 6 4-1m-3-9 1 4v5m-2-9c8-1 8 4 1 4" />
<path id="a" d="m32 13 3-1m-6-2 3-1m-6 3 4 1m-2-1c1-3 1-6 2-8m-3 1c4-2 3-3 6 7" />
<path id="x" d="m39 5 3 1m-6 8 4-8m-5 8h3m2 0 2-1m-6-6c1 1 4 5 5 6m-7-6 3-1" />
</g>
<use href="#scrax" stroke="#444" stroke-width="6.25" />
<use href="#scrax" stroke="#FFF" stroke-width="6" />
<use href="#scrax" stroke="#444" stroke-width="1.75" filter="drop-shadow(0.25px 0.5px 0.5px #4444)" />
<g stroke-width="1.5">
<use href="#s" stroke="#9DF" />
<use href="#c" stroke="#F9D" />
<use href="#r" stroke="#9DF" />
<use href="#a" stroke="#F9D" />
<use href="#x" stroke="#D9F" />
</g>
</svg>
</h1>
<p> making programming intuitive, silly, and super fun! </p>
<p> Scrax is an implementation of <a href="https://scratch.mit.edu/about">Scratch</a>, which is a programming language created to teach programming intuitively and visually. </p>
<p> Because it’s such a simple programming language to learn, Scratch has been an inspiration to many people since its creation. People have made some very cool and impressive projects with it! </p>
<p> Scrax is a dedication to Scratch and its community for what they have been capable of accomplishing! </p>
<p> <strong>Scrax is currently a “work in progress”! Expect very rough edges.</strong> </p>
</header>
<section>
<p> ready to discover the joy of programming? <br> <a href=".">Create a New Project!</a> </p>
<p> or check out some demos: </p>
<ul>
<li> <a href=".?SpaceChess.sb3">Space Chess</a> </li>
<li> <a href=".?https://raw.githubusercontent.com/DroneBetter/Perspective3Dengine/main/Perspective 3D engine.sb3">Perspective 3D Engine</a> </li>
<li> <a href=".?1143869507">Conway’s Game of Life</a> </li>
<li> <a href=".?1158076652">Golf Islands</a> </li>
<li> <a href=".?396320314">Mandelbrot Set</a> </li>
<li> <a href=".?1078807447">Operator</a> </li>
</ul>
</section>
<footer> Scrax is made by zamfofex with passion and a fair bit of sillyheartedness </footer>