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
2
LICENSE
|
|
@ -1,6 +1,6 @@
|
|||
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
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
|
|
|
|||
10
README.md
10
README.md
|
|
@ -1,2 +1,8 @@
|
|||
# system64.neocities.org
|
||||
This is the source code for my site live at system64.neocities.org
|
||||
# system64.dev v2
|
||||
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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
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": [
|
||||
|
||||
]
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
|
|
@ -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.
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -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.
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 357 KiB After Width: | Height: | Size: 357 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 198 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 348 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 135 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 187 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 458 B |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
67
index.html
67
index.html
|
|
@ -1,45 +1,36 @@
|
|||
<!DOCTYPE HTML>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="/styles/stylemain.css">
|
||||
<link rel="icon" type="image/x-icon" href="/img/favicon/favicon.gif">
|
||||
<title>IDeletedSystem64</title>
|
||||
<!-- Replace "Username" with your name, website name or social username! -->
|
||||
<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="https://img.system64.dev/web/favicon/favicon.png">
|
||||
<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>
|
||||
<body>
|
||||
<header>
|
||||
<!-- Replace "Username" with your name, website name, or social username!-->
|
||||
<h1 class=header>IDeletedSystem64</h1>
|
||||
</header>
|
||||
<div class="main">
|
||||
<div class="neko">
|
||||
<script>NekSoType="white"</script>
|
||||
<h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a href="https://webneko.net">Neko</a></h1>
|
||||
<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">
|
||||
<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>
|
||||
<p class="intro">Hi there, I'm Sophie!</p>
|
||||
<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>
|
||||
<img loading="lazy" class="home" src="https://img.system64.dev/web/banners/FlutterUndulate.png" alt="fluttershy undulate in a ms paint window">
|
||||
</div>
|
||||
</body>
|
||||
BIN
neocities.png
BIN
neocities.png
Binary file not shown.
|
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;
|
||||
}
|
||||
Loading…
Reference in New Issue