Compare commits
61 Commits
system64.n
...
v2
Author | SHA1 | Date |
---|---|---|
Sophie Marie | 06bd674971 | |
Sophie Marie | 55d77a6f0b | |
Sophie Marie | 0c1146bfbf | |
Sophie Marie | 10691a7bc3 | |
Sophie Marie | 01ede1d201 | |
Sophie Marie | 099f82bf9c | |
Sophie Marie | f40e1da52c | |
Sophie Marie | db956c4ba4 | |
Sophie Marie | 742cac0ef8 | |
Sophie Marie | b7def23926 | |
Sophie Marie | ae8cb4394a | |
Sophie Marie | c808f44447 | |
Sophie Marie | 213ac6a4aa | |
Sophie Marie | ed62f24784 | |
Sophie Marie | 98802768ee | |
Sophie Marie | 9cd8c81d01 | |
Sophie Marie | 02581940d0 | |
Sophie Marie | 3c0bdb09e8 | |
Sophie Marie | ed8b886b28 | |
Sophie Marie | f2eb0cba34 | |
Sophie Marie | 26c6f75125 | |
Sophie Marie | fc9689e9a4 | |
Sophie Marie | 26d9ef0815 | |
Sophie Marie | 9c62543d5b | |
Sophie Marie | 19789f1f44 | |
Sophie Marie | d67b6a9ee0 | |
Sophie Marie | eac01ff7d1 | |
Sophie Marie | cd3cef45ce | |
Sophie Marie | 582034d828 | |
Sophie Marie | 00d6bce6a3 | |
Sophie Marie | ba1603b912 | |
Sophie Marie | bd20e6d9b6 | |
Sophie Marie | 57053cf3f3 | |
Sophie Marie | 5c18ad0931 | |
Sophie Marie | b45406fd97 | |
Sophie Marie | a013836bdd | |
Sophie Marie | dcde6f3fdf | |
Sophie Marie | 061685b07a | |
Sophie Marie | 5e30923af1 | |
Sophie Marie | 8c5e6666d1 | |
Sophie Marie | 2643fb71c2 | |
Sophie Marie | 56a31156f2 | |
Sophie Marie | 694727c1fa | |
Sophie Marie | a81d7a6b36 | |
Sophie Marie | 330091ae5b | |
Sophie Marie | 6969960b73 | |
Sophie Marie | bceccea001 | |
Sophie Marie | 9d5a46b22b | |
Sophie Marie | 29d29c06ce | |
Sophie Marie | dec09dcc18 | |
Sophie Marie | 047a4ff232 | |
Sophie Marie | 292f1f8edb | |
Sophie Marie | 73163609e0 | |
Sophie Marie | 956ec4484a | |
Sophie Marie | a8e0587a4a | |
Sophie Marie | 037e031060 | |
Sophie Marie | 7f177ba009 | |
Sophie Marie | a9b696724c | |
Sophie Marie | a739fd44f0 | |
Sophie Marie | c471d02f1a | |
Sophie Marie | 49fcacca81 |
2
LICENSE
|
@ -1,6 +1,6 @@
|
||||||
MIT License
|
MIT License
|
||||||
|
|
||||||
Copyright (c) 2022 Sophie Mondz
|
Copyright (c) 2024 Sophie Axebane
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
|
10
README.md
|
@ -1,2 +1,8 @@
|
||||||
# system64.neocities.org
|
# system64.dev v2
|
||||||
This is the source code for my site live at system64.neocities.org
|
The eventual successor to the current website, being a rewrite to make it more of a personal website than just my links to socials and other places.
|
||||||
|
|
||||||
|
# Can I use this for my own website?
|
||||||
|
Yes! It should be decently easy to read the CSS and what nots to modify it for your own usage.
|
||||||
|
|
||||||
|
# Additional licenses
|
||||||
|
System64.dev uses the following fonts, which are under OFL license: [Bitter](https://github.com/solmatas/BitterPro), [Share Tech/Share Tech Mono](https://carrois.com/), You can view their respective licenses in the "fonts" folder.
|
|
@ -0,0 +1,79 @@
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/main_style.css"> <!-- Import main styling -->
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/button_style.css"> <!-- Button styling -->
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/window_style.css"> <!-- Window Styling -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/favicon/favicon.png">
|
||||||
|
<title>system64.dev - characters</title>
|
||||||
|
<!-- embed -->
|
||||||
|
<meta content="system64.dev" property="og:title" />
|
||||||
|
<meta content="The site of IDeletedSystem64 on the World Wide Web thingamajig" property="og:description" />
|
||||||
|
<meta content="https://system64.dev" property="og:url" />
|
||||||
|
<meta content="https://system64.dev/img/blueberry.png" property="og:image" />
|
||||||
|
<meta content="#2452b5" data-react-helmet="true" name="theme-color" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="taskbar">
|
||||||
|
<input class="start" type="button" onclick="location.href='/';" value="system64.dev">
|
||||||
|
<input class="taskbar" type="button" onclick="location.href='../artwork/index.html';" value="Artwork">
|
||||||
|
<input class="taskbar" type="button" onclick="location.href='../characters/index.html';" value="Characters">
|
||||||
|
<input class="taskbar" type="button" onclick="location.href='https://git.system64.dev'" value="Code (Gitea)">
|
||||||
|
</div>
|
||||||
|
<div class="container" style="flex-direction: column; display:inline-flex">
|
||||||
|
<div class="window char-window">
|
||||||
|
<div class="window_titlebar"><h3 class="window">Technocolor (Pony)</h3></div>
|
||||||
|
<img src="preview/ponytown_technocolor.png">
|
||||||
|
<h1>Technocolor</h1>
|
||||||
|
<p>there's supposed to be a snippet of oc lore here ok plz be patient with me</p>
|
||||||
|
<ul>
|
||||||
|
<li>Trans (FtM)</li>
|
||||||
|
<li>Alicorn</li>
|
||||||
|
<li>Music pony</li>
|
||||||
|
</ul>
|
||||||
|
<input type="button" onclick="location.href='refsheet/technocolor_refsheetv1.png';" value="Get the refsheet">
|
||||||
|
</div>
|
||||||
|
<div class="window char-window">
|
||||||
|
<div class="window_titlebar"><h3 class="window">Technocolor (Pony)</h3></div>
|
||||||
|
<img src="preview/ponytown_technocolor.png">
|
||||||
|
<h1>Technocolor 2</h1>
|
||||||
|
<p>no way, a second one!</p>
|
||||||
|
<ul>
|
||||||
|
<li>Trans (FtM)</li>
|
||||||
|
<li>Alicorn</li>
|
||||||
|
<li>Music pony</li>
|
||||||
|
</ul>
|
||||||
|
<input type="button" onclick="location.href='refsheet/technocolor_refsheetv1.png';" value="Get the refsheet">
|
||||||
|
</div>
|
||||||
|
<div class="window char-window">
|
||||||
|
<div class="window_titlebar"><h3 class="window">Technocolor (Pony)</h3></div>
|
||||||
|
<img src="preview/ponytown_technocolor.png">
|
||||||
|
<h1>Technocolor 3</h1>
|
||||||
|
<p>what the fuck, three????</p>
|
||||||
|
<ul>
|
||||||
|
<li>Trans (FtM)</li>
|
||||||
|
<li>Alicorn</li>
|
||||||
|
<li>Music pony</li>
|
||||||
|
</ul>
|
||||||
|
<input type="button" onclick="location.href='refsheet/technocolor_refsheetv1.png';" value="Get the refsheet">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="window" id="char-sidebar" style="width:45vh;">
|
||||||
|
<div class="window_titlebar"><h3 class="window">Can I draw your characters?</h3></div>
|
||||||
|
<h1>Absolutely!</h1>
|
||||||
|
<p>Anyone can draw my characters, there's not much that makes me happier than seeing art of my characters. It doesn't even have to be the greatest!</p>
|
||||||
|
<p>What you can do with my characters:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Draw them with your own character</li>
|
||||||
|
<li>Ship them with their canon ships</li>
|
||||||
|
</ul>
|
||||||
|
<p>You CANNOT do this with my characters:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Draw gore of them</li>
|
||||||
|
<li>Ship them with your own characters</li>
|
||||||
|
<li>Draw NSFW content</li>
|
||||||
|
</ul>
|
||||||
|
<p>If there's something you aren't sure about, feel free to ask me!</p>
|
||||||
|
<p>Additionally, you can send your drawings to me via one of my contacts on my <a href="../socials.html" style="color:blue">contacts page.</a></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
After Width: | Height: | Size: 4.1 KiB |
After Width: | Height: | Size: 4.0 MiB |
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>System64.dev - 400 Bad Request</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
|
||||||
|
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<img src="../img/err_icon/fail_glitch.webp" alt="Glitched looking critical error icon">
|
||||||
|
<h1>400 - Bad Request</h1>
|
||||||
|
<p>Your request cannot be processed at this time.</p>
|
||||||
|
<p class="tiny">This error has been logged, If this keeps happening contact <a href="mailto:ideleted@system64.dev">the webmaster.</a></p>
|
||||||
|
<input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>System64.dev - 403 Forbidden</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
|
||||||
|
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<img src="../img/err_icon/fail_glitch.webp" alt="Glitched looking critical icon">
|
||||||
|
<h1>403 - Access Forbidden.</h1>
|
||||||
|
<p>You do not have permission to access this page.</p>
|
||||||
|
<input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>System64.dev - 404 Not Found</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
|
||||||
|
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<img src="../img/err_icon/error_glitch.webp" alt="Glitched looking Warning icon">
|
||||||
|
<h1>404 - Not Found</h1>
|
||||||
|
<p>Great and Powerful unicorns behind curtains! That page couldn't be found on the server!</p>
|
||||||
|
<p class="tiny">Expecting something here? It may have been moved or is simply missing.</p>
|
||||||
|
<input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>System64.dev - 429 Ratelimited</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
|
||||||
|
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<img src="../img/err_icon/fail_glitch.webp" alt="Glitched looking critical icon">
|
||||||
|
<h1>429 - Too Many Requests</h1>
|
||||||
|
<p>Woah there now, pardner! Chill down, ratelimited.</p>
|
||||||
|
<p class="tiny">Ratelimits don't last very long, Check back later.</p>
|
||||||
|
<input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>System64.dev - 500 Internal Server Error</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
|
||||||
|
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<img src="../img/err_icon/fail_glitch.webp" alt="Glitched looking critical icon">
|
||||||
|
<h1>500 - Internal Server Error </h1>
|
||||||
|
<p>An internal server error or misconfiguration occurred.</p>
|
||||||
|
<p class="tiny">This error has been logged, If this keeps happening contact <a href="mailto:ideleted@system64.dev">the webmaster.</a></p>
|
||||||
|
<input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>System64.dev - 502 Bad Gateway</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
|
||||||
|
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<img src="../img/err_icon/fail_glitch.webp" alt="Glitched looking critical icon">
|
||||||
|
<h1>500 - Bad Gateway</h1>
|
||||||
|
<p>The server sent an unexpected response.</p>
|
||||||
|
<p class="tiny">This error has been logged, If this keeps happening contact <a href="mailto:ideleted@system64.dev">the webmaster.</a></p>
|
||||||
|
<input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>System64.dev - Service Unavailable</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
|
||||||
|
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<img src="/img/err_icon/error_glitch.webp" alt="Glitched looking Warning icon">
|
||||||
|
<h1>503 - Service Unavailable</h1>
|
||||||
|
<p>The server is not ready to process this request at this time.</p>
|
||||||
|
<p class="tiny">The server may be down for maintenance, or is currently overloaded. Nonetheless, This error has been recorded.</p>
|
||||||
|
<p class="tiny">If this page keeps appearing, please contact <a href="mailto:ideleted@system64.dev">the webmaster.</a></p>
|
||||||
|
<input type="button" onclick="location.href='https://system64.dev'";" value="Go home">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -1,5 +0,0 @@
|
||||||
{
|
|
||||||
"favicon": [
|
|
||||||
|
|
||||||
]
|
|
||||||
}
|
|
|
@ -0,0 +1,94 @@
|
||||||
|
Copyright 2011 The Bitter Project Authors (https://github.com/solmatas/BitterPro)
|
||||||
|
with Reserved Font Name "Bitter Pro".
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
|
@ -0,0 +1,93 @@
|
||||||
|
Copyright 2012 The Share Tech Project Authors (post@carrois.com), with Reserved Font Name 'Share’.
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
After Width: | Height: | Size: 59 KiB |
After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 357 KiB After Width: | Height: | Size: 357 KiB |
After Width: | Height: | Size: 198 KiB |
After Width: | Height: | Size: 348 KiB |
After Width: | Height: | Size: 135 KiB |
After Width: | Height: | Size: 187 KiB |
After Width: | Height: | Size: 458 B |
Before Width: | Height: | Size: 24 KiB |
After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 6.2 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 1.8 KiB |
67
index.html
|
@ -1,45 +1,36 @@
|
||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" type="text/css" href="/styles/stylemain.css">
|
<link rel="stylesheet" type="text/css" href="styles/main_style.css"> <!-- Import main styling -->
|
||||||
<link rel="icon" type="image/x-icon" href="/img/favicon/favicon.gif">
|
<link rel="stylesheet" type="text/css" href="styles/button_style.css"> <!-- Button styling -->
|
||||||
<title>IDeletedSystem64</title>
|
<link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/favicon/favicon.png">
|
||||||
<!-- Replace "Username" with your name, website name or social username! -->
|
<title>system64.dev</title>
|
||||||
|
<meta content="system64.dev" property="og:title" />
|
||||||
|
<meta content="The site of IDeletedSystem64 on the World Wide Web thingamajig" property="og:description" />
|
||||||
|
<meta content="https://system64.dev" property="og:url" />
|
||||||
|
<meta content="https://img.system64.dev/web/favicon/blueberry.png" property="og:image" />
|
||||||
|
<meta content="#2452b5" data-react-helmet="true" name="theme-color" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<div class="taskbar">
|
||||||
<!-- Replace "Username" with your name, website name, or social username!-->
|
<input class="start" type="button" onclick="location.href='/';" value="system64.dev">
|
||||||
<h1 class=header>IDeletedSystem64</h1>
|
<input class="taskbar" type="button" onclick="location.href='artwork/index.html';" value="Artwork">
|
||||||
</header>
|
<input class="taskbar" type="button" onclick="location.href='characters/index.html';" value="Characters">
|
||||||
<div class="main">
|
<input class="taskbar" type="button" onclick="location.href='https://git.system64.dev'" value="Code (Gitea)">
|
||||||
<div class="neko">
|
</div>
|
||||||
<script>NekSoType="white"</script>
|
<div class="container">
|
||||||
<h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a href="https://webneko.net">Neko</a></h1>
|
<div class="main">
|
||||||
|
<h1>I'm Sophie (she/they) <a href="blueheart.system64.dev"><img src=https://img.system64.dev/web/misc/blueheart.gif width="50vw"></a></h1>
|
||||||
|
<h2>I am:</h2>
|
||||||
|
<ul>
|
||||||
|
<li>a digital and occasional traditional artist</li>
|
||||||
|
<li>a learning beginner programmer</li>
|
||||||
|
<li>a linux user and aspiring sysadmin</li>
|
||||||
|
</ul>
|
||||||
|
<div class="buttons">
|
||||||
|
<input type="button" onclick="location.href='socials.html';" value="Socials/Contact">
|
||||||
|
<input type="button" onclick="location.href='artwork/index.html';" value="Art Gallery">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="intro">Hi there, I'm Sophie!</p>
|
<img loading="lazy" class="home" src="https://img.system64.dev/web/banners/FlutterUndulate.png" alt="fluttershy undulate in a ms paint window">
|
||||||
<p class="info">She/They, Trans MtF, 18, Artist, Developer, and Linux User</p>
|
|
||||||
<input type="button" onclick="location.href='https://en.pronouns.page/@IDeletedSystem64';" value="Pronouns.page">
|
|
||||||
<input type="button" onclick="location.href='https://twitter.com/IDeleteSystem64';" value="Twitter">
|
|
||||||
<input type="button" onclick="location.href='https://twitter.com/ArtsieSophie';" value="Twitter (Art)">
|
|
||||||
<input type="button" onclick="location.href='https://glaceon.social/@IDeletedSystem64';" value="glaceon.social">
|
|
||||||
<input type="button" onclick="location.href='https://mastodon.art/@ArtsieSophie';" value="mastodon.art">
|
|
||||||
<input type="button" onclick="location.href='https://tumblr.com/IDeletedSystem64';" value="Tumblr">
|
|
||||||
<input type="button" onclick="location.href='https://deviantart.com/IDeletedSystem64';" value="DeviantART">
|
|
||||||
<input type="button" onclick="location.href='https://github.com/IDeletedSystem64';" value="GitHub">
|
|
||||||
<input type="button" onclick="location.href='https://steamcommunity.com/id/system64_';" value="Steam">
|
|
||||||
<input type="button" onclick="location.href='https://open.spotify.com/user/w2kr77l67qtystmkuza8k2mcs';" value="Spotify">
|
|
||||||
|
|
||||||
<div class="webbutton">
|
|
||||||
<p><a href="http://www.theoldnet.com/#frombadge" title="Are you tired of this new Internet yet? Time to Get TheOldNet!"><img class=webbutton src="/img/webbutton/oldnet.gif"></a></p>
|
|
||||||
<p><a href="https://neocities.org" title="Host a free homepage with Neocities!"><img class=webbutton src="/img/webbutton/neocities.gif"></a></p>
|
|
||||||
<p><a href="https://instances.social/" title="Find and join a Mastodon instance!"><img class=webbutton src="/img/webbutton/masto.gif"></a></p>
|
|
||||||
<p><a href="https://kernel.org/" title="Built using Linux"><img class=webbutton src="/img/webbutton/gnu-linux.gif"></a></p>
|
|
||||||
<p><a href="https://gitea.io/" title="Gitea is a painless self-hosted Git service similar to GitHub or GitLab."><img class=webbutton src="/img/webbutton/gitea.gif"></a></p>
|
|
||||||
<p><a href="https://firefox.com/" title="Firefox is a web browser, and my favorite especially for web development."><img class=webbutton src="/img/webbutton/firefoxnow.gif"></a></p>
|
|
||||||
<p><a href="https://browser.pony.house/" title="Add ponies to your website!"><img class=webbutton src="/img/webbutton/browserpony.gif"></a></p>
|
|
||||||
<p><a href="https://code.visualstudio.com/" title="The code editor I used for this website, as well as other projects!"><img class=webbutton src="/img/webbutton/vscode.gif"></a></p>
|
|
||||||
|
|
||||||
</a><a style="display: none;" rel="me" href="https://glaceon.social/@IDeletedSystem64">Mastodon</a> <!-- verification for mastodon main acc -->
|
|
||||||
<a style="display: none;" rel="me" href="https://mastodon.art/@ArtsieSophie">Mastodon</a> <!-- verification for mastodon art acc -->
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
BIN
neocities.png
Before Width: | Height: | Size: 13 KiB |
|
@ -1,13 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Not Found</title>
|
|
||||||
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>Page Not Found</h1>
|
|
||||||
<p>The requested page was not found.</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -0,0 +1,43 @@
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" type="text/css" href="styles/main_style.css"> <!-- Import main styling -->
|
||||||
|
<link rel="stylesheet" type="text/css" href="styles/button_style.css"> <!-- Button styling -->
|
||||||
|
<link rel="icon" type="image/x-icon" href="img/favicon/favicon.png">
|
||||||
|
<title>system64.dev</title>
|
||||||
|
<meta content="system64.dev" property="og:title" /> <!-- Embed title -->
|
||||||
|
<meta content="The site of IDeletedSystem64 on the World Wide Web thingamajig" property="og:description" /> <!-- Embed Description -->
|
||||||
|
<meta content="https://system64.dev" property="og:url" /> <!-- Embed Name URL -->
|
||||||
|
<meta content="https://img.system64.dev/web/favicon/blueberry.png" property="og:image" /> <!-- Embed Image-->
|
||||||
|
<meta content="#2452b5" data-react-helmet="true" name="theme-color" /> <!-- Embed Color -->
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="taskbar">
|
||||||
|
<input class="start" type="button" onclick="location.href='/';" value="system64.dev">
|
||||||
|
<input class="taskbar" type="button" onclick="location.href='artwork/index.html';" value="Artwork">
|
||||||
|
<input class="taskbar" type="button" onclick="location.href='characters/index.html';" value="Characters">
|
||||||
|
<input class="taskbar" type="button" onclick="location.href='https://git.system64.dev'" value="Code (Gitea)">
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="main" style='margin: 10vh auto auto 10vw;''>
|
||||||
|
<h1>My links</h1>
|
||||||
|
<h2>Socials</h2>
|
||||||
|
<p>Fediverse: <a href='https://fedi.system64.dev/IDeletedSystem64'>Main Account (fedi.system64.dev)</a></p>
|
||||||
|
<p>Fediverse: <a href='https://glaceon.social/@IDeletedSystem64'>Alt Account (glaceon.social)</a></p>
|
||||||
|
<p>Twitter: <a href='https://twitter.com/IDeleteSystem64'>Twitter (Mostly Inactive.)</a></p>
|
||||||
|
<h2>My Art</h2>
|
||||||
|
<p>Fediverse: <a href='https://pony.social/@artsiesophie'>Art Account (pony.social)</a></p>
|
||||||
|
<h2>Code Repositories</h2>
|
||||||
|
<p>Gitea: <a href='https://git.system64.dev/'>64Git</a></p>
|
||||||
|
<p>GitHub: <a href='https://github.com/IDeletedSystem64'>IDeletedSystem64</a></p>
|
||||||
|
<h2>Miscellaneous</h2>
|
||||||
|
<p>Steam: <a href='https://steamcommunity.com/id/system64_/'>IDeletedSystem64</a></p>
|
||||||
|
<p>Bandcamp: <a href='https://bandcamp.com/ideletedsystem64'>IDeletedSystem64</a></p>
|
||||||
|
<h2>Contact</h2>
|
||||||
|
<p>Email: <a href='mailto:ideleted@system64.dev'>ideleted@system64.dev (Recommended)</a></p>
|
||||||
|
<p>Matrix: @technomancer:littlepony.horse (Recommended)</p>
|
||||||
|
</div>
|
||||||
|
<img loading="lazy" class="home" src="https://img.system64.dev/web/banners/TheInternet.png" alt="MS Paint showing the Windows 95 browser icon">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
|
@ -0,0 +1,79 @@
|
||||||
|
/* CSS for System64.dev v2, by IDeletedSystem64. Under MIT License (7.31.23) */
|
||||||
|
@font-face { font-family: 'Share Tech'; src: url(../fonts/Share-Tech/ShareTech-Regular.ttf) format('woff2'); }
|
||||||
|
@font-face { font-family: 'Share Tech Mono'; src: url(../fonts/Share-Tech/ShareTechMono-Regular.ttf) format('woff2'); }
|
||||||
|
/* Get those fonts */
|
||||||
|
|
||||||
|
/*
|
||||||
|
CSS rule items are seperated depending on what they do around here,
|
||||||
|
For example: Text/font related rules are grouped together
|
||||||
|
while the height/width is in its own group, with white space
|
||||||
|
seperating the groups; They are also seperated with comments.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Input / Buttons */
|
||||||
|
|
||||||
|
input {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
|
||||||
|
background: #c3c3c3;
|
||||||
|
box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;
|
||||||
|
|
||||||
|
min-width: 200px;
|
||||||
|
min-height: 32px;
|
||||||
|
|
||||||
|
font-family: 'Share Tech Mono', 'monospace';
|
||||||
|
font-size: 13pt;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:active {
|
||||||
|
background: #b5b5b5;
|
||||||
|
box-shadow: inset 0em 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inputs for Taskbar */
|
||||||
|
|
||||||
|
input.start {
|
||||||
|
/* Yes, the home button is called the "Start" button inside, sue us, Microsoft! */
|
||||||
|
min-height: 29px;
|
||||||
|
min-width: 130px;
|
||||||
|
max-width: 230px;
|
||||||
|
|
||||||
|
padding-left: 25px;
|
||||||
|
|
||||||
|
background: url(https://img.system64.dev/web/taskbar/blueberry_pt.png) no-repeat, left;
|
||||||
|
background-position: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
input.taskbar{
|
||||||
|
min-height: 29px;
|
||||||
|
min-width: 170px;
|
||||||
|
max-width: 230px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile "Support" :( */
|
||||||
|
|
||||||
|
@media (max-width: 64em) {
|
||||||
|
input {
|
||||||
|
font-size: 20pt;
|
||||||
|
|
||||||
|
min-height: 3.5vh;
|
||||||
|
min-width: 22.5vw;
|
||||||
|
}
|
||||||
|
input.start {
|
||||||
|
background: none;
|
||||||
|
|
||||||
|
padding: 7px;
|
||||||
|
min-height: 4.5vh;
|
||||||
|
min-width: 17vw;
|
||||||
|
|
||||||
|
}
|
||||||
|
input.taskbar {
|
||||||
|
padding: 7px;
|
||||||
|
|
||||||
|
min-width: 19.7vw;
|
||||||
|
min-height: 4.5vh;
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,64 @@
|
||||||
|
/* CSS for System64.dev v2 Error Pages, Under MIT License. (8.11.23) */
|
||||||
|
|
||||||
|
/* decoration */
|
||||||
|
body {
|
||||||
|
background-image: url("../img/bg/bg_bw.jpg");
|
||||||
|
}
|
||||||
|
|
||||||
|
/* positioning and sizing */
|
||||||
|
|
||||||
|
.container { /* not docker or kubernetes, sadly. */
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
margin: auto;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 20%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* fonts */
|
||||||
|
|
||||||
|
@font-face { font-family: 'Share Tech'; src: url(../fonts/Share-Tech/ShareTech-Regular.ttf) format('woff2'); }
|
||||||
|
@font-face { font-family: 'Share Tech Mono'; src: url(../fonts/Share-Tech/ShareTechMono-Regular.ttf) format('woff2'); }
|
||||||
|
@font-face { font-family: 'Bitter'; src: url(../fonts/Bitter/Bitter-VariableFont_wght.ttf) format('woff2'); }
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: 'Bitter', serif;
|
||||||
|
color: white;
|
||||||
|
font-size: 50px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-family: 'Bitter', serif;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
p.tiny {
|
||||||
|
font-size: 12px;
|
||||||
|
margin-top: -5px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: white;
|
||||||
|
font-family: 'Bitter', serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile :( */
|
||||||
|
|
||||||
|
@media (max-width: 64em) {
|
||||||
|
h1 {
|
||||||
|
font-size: 64pt;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-size: 32pt;
|
||||||
|
}
|
||||||
|
p.tiny {
|
||||||
|
font-size: 18pt;
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,124 @@
|
||||||
|
/* CSS for System64.dev v2, by IDeletedSystem64. Under MIT License (v8.11.23) */
|
||||||
|
@font-face { font-family: 'Share Tech'; src: url(../fonts/Share-Tech/ShareTech-Regular.ttf) format('woff2'); }
|
||||||
|
@font-face { font-family: 'Share Tech Mono'; src: url(../fonts/Share-Tech/ShareTechMono-Regular.ttf) format('woff2'); }
|
||||||
|
@font-face { font-family: 'Bitter'; src: url(../fonts/Bitter/Bitter-VariableFont_wght.ttf) format('woff2'); }
|
||||||
|
|
||||||
|
/* Import dem fonts */
|
||||||
|
|
||||||
|
button.home {
|
||||||
|
font-family: 'Share Tech Mono', monospace;
|
||||||
|
color: white;
|
||||||
|
/* font-size: */
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: 'Bitter', serif;
|
||||||
|
color: white;
|
||||||
|
display: inline;
|
||||||
|
font-size: 26pt
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-family: 'Bitter', serif;
|
||||||
|
color: white;
|
||||||
|
font-size: 16pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
font-family: 'Share Tech Mono', monospace;
|
||||||
|
color: white;
|
||||||
|
font-size: 15pt;
|
||||||
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-family: 'Share Tech Mono', monospace;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-family: 'Share Tech Mono', monospace;
|
||||||
|
font-weight: bold;;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
/* Text based stuffs */
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-image: url("https://img.system64.dev/web/bg/bg.jpg"); /* nevermind we're just gonna use a jpg */
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.main {
|
||||||
|
align-items: center;
|
||||||
|
margin: 35vh auto auto 10vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.home {
|
||||||
|
height: 70vh;
|
||||||
|
width: auto;
|
||||||
|
align-self: center;
|
||||||
|
padding-right: 5vw;
|
||||||
|
padding-top: 10vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.taskbar {
|
||||||
|
position: absolute;
|
||||||
|
|
||||||
|
left: 0px;
|
||||||
|
top: 0px;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
height: 31px;
|
||||||
|
background-color: #c3c3c3;
|
||||||
|
box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #c3c3c3,inset -2px -2px grey,inset 2px 2px #dfdfdf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Website layout */
|
||||||
|
|
||||||
|
img.webbutton{
|
||||||
|
width: 88px;
|
||||||
|
height: 31px;
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
/* Web buttons :) */
|
||||||
|
|
||||||
|
/* REEEE MOBILE DEVICES */
|
||||||
|
|
||||||
|
@media (max-width: 64em) {
|
||||||
|
h1 {
|
||||||
|
font-size: 56pt;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 28pt;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
font-size: 26pt;
|
||||||
|
}
|
||||||
|
div.main {
|
||||||
|
margin-top: 35vh;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
img.home {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
div.taskbar {
|
||||||
|
height: 4.5vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -1,159 +0,0 @@
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600&display=swap');
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
|
|
||||||
/* Import Fonts */
|
|
||||||
|
|
||||||
header {
|
|
||||||
background: linear-gradient(#072CFF, #00137F );
|
|
||||||
position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
height: 40px;
|
|
||||||
width: 100%
|
|
||||||
}
|
|
||||||
h1.header {
|
|
||||||
padding: 32px;
|
|
||||||
font-family: 'Bitter', serif;
|
|
||||||
color: white;
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
p.intro {
|
|
||||||
font-family: 'Share Tech Mono', monospace;
|
|
||||||
color: white;
|
|
||||||
font-size: 2.5vw;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
p.info {
|
|
||||||
font-family: 'Share Tech Mono', monospace;
|
|
||||||
color: white;
|
|
||||||
font-size: 1.25vw;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
div.main {
|
|
||||||
top: 10%;
|
|
||||||
right: 25%;
|
|
||||||
margin: auto;
|
|
||||||
width: 50%;
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
background-image: url("/img/bg.jpg");
|
|
||||||
}
|
|
||||||
input {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
display: block;
|
|
||||||
min-width: 250px;
|
|
||||||
background: #dad9d9;
|
|
||||||
font-size: 170%;
|
|
||||||
font-family: 'Share Tech Mono', monospace;
|
|
||||||
color: black;
|
|
||||||
box-shadow: inset -0.05em -0.05em black
|
|
||||||
}
|
|
||||||
input:active {
|
|
||||||
background: #acacac;
|
|
||||||
box-shadow: inset 0em 0em
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.button {
|
|
||||||
display: inline-flex;
|
|
||||||
font-size: 16px;
|
|
||||||
text-align: center;
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
outline: none;
|
|
||||||
box-shadow: none;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: 0.3s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.button1 {
|
|
||||||
border-radius: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
min-height: 23px;
|
|
||||||
color: #000;
|
|
||||||
padding: 0 2px 2px 0;
|
|
||||||
border-top: 1px solid #CCCCCC;
|
|
||||||
border-right: 0.1px solid transparent;
|
|
||||||
border-bottom: 1px solid #333333;
|
|
||||||
border-left: 1px solid #CCCCCC;
|
|
||||||
background-color: #979797;
|
|
||||||
width: 15%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.button1 span {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
background: #dad9d9;
|
|
||||||
font-size: 170%;
|
|
||||||
font-family: 'Share Tech Mono', monospace;
|
|
||||||
box-shadow: inset -0.05em -0.05em black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.button1 span:hover,
|
|
||||||
.button.button1:hover + .button.button1 span {
|
|
||||||
background-color: #ACACAC;
|
|
||||||
border-top: 1px solid transparent;
|
|
||||||
border-right: 0.1px solid #dad9d9;
|
|
||||||
border-bottom: 1px solid #dad9d9;
|
|
||||||
border-left: 1px solid transparent;
|
|
||||||
box-shadow: inset -0.05em -0.05em transparent;}
|
|
||||||
.button.button1:hover {
|
|
||||||
background-color: #ACACAC;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.webbutton {
|
|
||||||
margin: auto;
|
|
||||||
width: 264px;
|
|
||||||
padding-top: 3px;
|
|
||||||
}
|
|
||||||
img.webbutton{
|
|
||||||
width: 88px;
|
|
||||||
height: 31px;
|
|
||||||
float: left;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* I'm mad that I have to make this mobile-compatible, Lol. https://twitter.com/IDeleteSystem64/status/1512218098325147655?s=20&t=Hz4V-vxmywYwTMvuBbCAZQ */
|
|
||||||
@media only screen and (max-width: 980px) {
|
|
||||||
p.intro {
|
|
||||||
font-size: 8vw;
|
|
||||||
padding-top: 10px;
|
|
||||||
}
|
|
||||||
header {
|
|
||||||
height: 75px;
|
|
||||||
}
|
|
||||||
h1.header {
|
|
||||||
font-size: 60px;
|
|
||||||
padding-left: 25%;
|
|
||||||
}
|
|
||||||
input {
|
|
||||||
margin-left: -10%;
|
|
||||||
font-size: 7vw;
|
|
||||||
-webkit-text-size-adjust:100%;
|
|
||||||
min-width: 125%;
|
|
||||||
max-width: 125;
|
|
||||||
}
|
|
||||||
p.info {
|
|
||||||
font-family: 'Share Tech Mono', monospace;
|
|
||||||
color: white;
|
|
||||||
font-size: 4.5vw;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
img.webbutton {
|
|
||||||
width: 176px;
|
|
||||||
height: 62px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
div.webbutton {
|
|
||||||
width: 100%;
|
|
||||||
padding-left: 15%;
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -0,0 +1,70 @@
|
||||||
|
/* Moving window stuff here to make it easier to work with */
|
||||||
|
@font-face { font-family: 'Share Tech'; src: url(../fonts/Share-Tech/ShareTech-Regular.ttf) format('woff2'); }
|
||||||
|
@font-face { font-family: 'Share Tech Mono'; src: url(../fonts/Share-Tech/ShareTechMono-Regular.ttf) format('woff2'); }
|
||||||
|
@font-face { font-family: 'Bitter'; src: url(../fonts/Bitter/Bitter-VariableFont_wght.ttf) format('woff2'); }
|
||||||
|
|
||||||
|
/* Probably not the right way to do it, but eh. We can come back to this later.*/
|
||||||
|
|
||||||
|
|
||||||
|
div.window_titlebar {
|
||||||
|
position: absolute;
|
||||||
|
|
||||||
|
left: 0px;
|
||||||
|
top: 0px;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
height: 22px;
|
||||||
|
background: navy;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.window {
|
||||||
|
position: relative;
|
||||||
|
border-style: ridge;
|
||||||
|
border-width: 5px;
|
||||||
|
border-color: #e9e9e9;
|
||||||
|
|
||||||
|
overflow-y: auto; /* I don't even know what this does, or why it's here... */
|
||||||
|
|
||||||
|
padding-top: 4vh;
|
||||||
|
padding-bottom: 1vh;
|
||||||
|
padding-left: 1vh;
|
||||||
|
|
||||||
|
|
||||||
|
background-color: #e9e9e9;
|
||||||
|
margin-left: 25vh;
|
||||||
|
margin-top: 10vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.char-window {
|
||||||
|
width: 40vw;
|
||||||
|
max-width: 60vw;
|
||||||
|
max-height: 60vh;
|
||||||
|
}
|
||||||
|
/* I don't know what I'm doing :D */
|
||||||
|
#char-sidebar {
|
||||||
|
float: right;
|
||||||
|
margin-right: 25vh;
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
/* Fonts */
|
||||||
|
h1 {
|
||||||
|
font-family: 'Bitter', serif;
|
||||||
|
font-size: 20pt;
|
||||||
|
|
||||||
|
color: black
|
||||||
|
}
|
||||||
|
|
||||||
|
p { color: black }
|
||||||
|
li { color: black }
|
||||||
|
|
||||||
|
h3.window {
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
display: inline;
|
||||||
|
padding-left: 2px;
|
||||||
|
font-family: 'Bitter', serif;
|
||||||
|
font-size: 11pt;
|
||||||
|
}
|