Compare commits

...

61 Commits

Author SHA1 Message Date
Sophie Marie 06bd674971
Give the error pages some TLC and a new background 2024-05-29 16:01:34 -05:00
Sophie Marie 55d77a6f0b
remove projects btn as i don't have any ongoing projects worth documenting. 2024-03-06 15:54:06 -06:00
Sophie Marie 0c1146bfbf
fix missing favicon and update title 2024-03-06 15:51:48 -06:00
Sophie Marie 10691a7bc3
WIP: Final concept of the characters page
The final will likely use JS and JSON to dynamically add characters rather than being hard coded like they are in this example/concept
2024-03-06 15:51:26 -06:00
Sophie Marie 01ede1d201
Update copyright year 2024-03-05 12:56:02 -06:00
Sophie Marie 099f82bf9c
oh shit
fix broken.. everything
2024-03-04 14:27:48 -06:00
Sophie Marie f40e1da52c
fix locations 2024-03-04 14:10:04 -06:00
Sophie Marie db956c4ba4
WIP: Add characters page
todo: fix display when multiple windows, mobile support, move images to img.system64.dev
2024-03-03 16:22:35 -06:00
Sophie Marie 742cac0ef8
change recommended contact 2024-03-03 16:21:42 -06:00
Sophie Marie b7def23926
Rename oc refs button, update link 2024-03-03 16:20:16 -06:00
Sophie Marie ae8cb4394a
Yo I heard you liked links so we updated the links 2024-02-23 14:20:52 -06:00
Sophie Marie c808f44447
error pages now use img.system64.dev for images 2024-01-02 21:49:53 -06:00
Sophie Marie 213ac6a4aa
move images to load off img.system64.dev 2024-01-02 18:09:31 -06:00
Sophie Marie ed62f24784
Remove old images 2023-12-30 11:21:23 -06:00
Sophie Marie 98802768ee
reorganize images 2023-12-30 11:19:54 -06:00
Sophie Marie 9cd8c81d01
💙 2023-11-09 16:49:29 -06:00
Sophie Marie 02581940d0
edit matrix 2023-11-09 16:48:53 -06:00
Sophie Marie 3c0bdb09e8
Some crude mobile support, Closes #3
It might not be much, but it will have to do for now. closes Issue #3
2023-08-11 16:22:29 -05:00
Sophie Marie ed8b886b28
Remove unneeded duplicate error stylesheet 2023-08-11 13:29:51 -05:00
Sophie Marie f2eb0cba34
Fix button and taskbar sizing 2023-08-01 11:21:21 -05:00
Sophie Marie 26c6f75125
Rewrite button stylesheet 2023-07-31 17:16:29 -05:00
Sophie Marie fc9689e9a4
I forgot to update the date 2023-07-31 16:07:40 -05:00
Sophie Marie 26d9ef0815
Fix error stylesheet not being named correctly. 2023-07-31 15:51:31 -05:00
Sophie Marie 9c62543d5b
Add Bitter font license 2023-07-29 16:23:29 -05:00
Sophie Marie 19789f1f44
Social/Links page final 2023-07-29 16:22:05 -05:00
Sophie Marie d67b6a9ee0
Font attributions 2023-07-29 15:54:28 -05:00
Sophie Marie eac01ff7d1
Move fonts to be locally hosted. 2023-07-29 15:47:55 -05:00
Sophie Marie cd3cef45ce
Socials page final 2023-07-28 16:00:54 -05:00
Sophie Marie 582034d828
WIP: Add socials page 2023-06-25 10:39:16 -05:00
Sophie Marie 00d6bce6a3
Change background image to AVIF 2023-06-25 10:38:46 -05:00
Sophie Marie ba1603b912
Add paragraph and anchor rules, make all main elements centered left 2023-06-07 15:16:55 -05:00
Sophie Marie bd20e6d9b6
Move 'start' button CSS to buttons.css 2023-06-07 14:40:20 -05:00
Sophie Marie 57053cf3f3
Fix text positioning issues, remove unneeded rules 2023-06-06 17:14:31 -05:00
Sophie Marie 5c18ad0931
Make error pages use Flexbox, use new stylesheet location. 2023-06-06 17:05:09 -05:00
Sophie Marie b45406fd97
Remove old stylesheet, its been moved to styles. 2023-06-06 17:04:51 -05:00
Sophie Marie a013836bdd
Use new stylesheet name 2023-06-06 17:04:12 -05:00
Sophie Marie dcde6f3fdf
Rewrite and simplify error stylesheet to use Flexbox 2023-06-06 17:03:56 -05:00
Sophie Marie 061685b07a
Give stylesheets a uniform naming scheme 2023-06-06 17:03:25 -05:00
Sophie Marie 5e30923af1
update title 2023-06-06 16:26:03 -05:00
Sophie Marie 8c5e6666d1
'artist credit: hibiscus0912 on Twitter' 'I have no idea what else this commit does' 2023-06-06 14:24:14 -05:00
Sophie Marie 2643fb71c2
Finally add an embed for Discord,Twitter,Fedi,Etc 2023-06-05 15:13:29 -05:00
Sophie Marie 56a31156f2
TEMP (its bad): Home-page now has a near final design 2023-06-05 14:42:41 -05:00
Sophie Marie 694727c1fa
Add style for "taskbar" buttons 2023-06-05 14:41:28 -05:00
Sophie Marie a81d7a6b36
Add a mailto: link for messages saying to contact the webmaster 2023-06-03 10:35:41 -05:00
Sophie Marie 330091ae5b
Use the website bg instead of a gradient on error pages 2023-06-03 10:31:52 -05:00
Sophie Marie 6969960b73
Add menu buttons 2023-04-28 20:31:10 -05:00
Sophie Marie bceccea001
Fix images, improve menubar appearance 2023-04-28 20:16:12 -05:00
Sophie Marie 9d5a46b22b
Add beginings of menubar, image to home 2023-04-28 19:39:41 -05:00
Sophie Marie 29d29c06ce
Add image to the homepage 2023-04-26 20:47:55 -05:00
Sophie Marie dec09dcc18
Rewrite index.html to use new css rules 2023-04-16 18:36:46 -05:00
Sophie Marie 047a4ff232
Move buttons to their own stylesheet 2023-04-16 18:36:00 -05:00
Sophie Marie 292f1f8edb
Remove testing css 2023-04-16 18:34:39 -05:00
Sophie Marie 73163609e0
Rewrite entirety of CSS 2023-04-16 18:33:02 -05:00
Sophie Marie 956ec4484a
Update License 2023-04-16 11:37:24 -05:00
Sophie Marie a8e0587a4a
Tell index.html to use new stylesheet 2023-04-14 10:55:47 -05:00
Sophie Marie 037e031060
Begin work on new stylesheet 2023-04-14 10:55:24 -05:00
Sophie Marie 7f177ba009
Redo the complete layout of the main page 2023-03-05 15:49:16 -06:00
Sophie Marie a9b696724c
Add error pages to v2 2023-03-05 12:49:26 -06:00
Sophie Marie a739fd44f0
Remove unneeded files 2023-03-04 20:48:03 -06:00
Sophie Marie c471d02f1a
Comment out CSS, Other changes. 2023-01-15 22:25:55 -06:00
Sophie Marie 49fcacca81
Update README.md 2022-11-12 09:55:51 -06:00
62 changed files with 817 additions and 218 deletions

View File

@ -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

View File

@ -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.

79
characters/index.html Normal file
View File

@ -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

19
err/400.html Normal file
View File

@ -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>

18
err/403.html Normal file
View File

@ -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>

19
err/404.html Normal file
View File

@ -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>

19
err/429.html Normal file
View File

@ -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>

19
err/500.html Normal file
View File

@ -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>

19
err/502.html Normal file
View File

@ -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>

20
err/503.html Normal file
View File

@ -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>

View File

@ -1,5 +0,0 @@
{
"favicon": [
]
}

Binary file not shown.

Binary file not shown.

94
fonts/Bitter/LICENSE Normal file
View File

@ -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.

93
fonts/LICENSE Normal file
View File

@ -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

BIN
img/banners/TheInternet.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 357 KiB

After

Width:  |  Height:  |  Size: 357 KiB

BIN
img/bg/bg_avif.avif Normal file

Binary file not shown.

BIN
img/bg/bg_bw.jpg Normal file

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

BIN
img/favicon/blueberry.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 187 KiB

BIN
img/favicon/err_favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 458 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

BIN
img/favicon/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
img/misc/blueheart.gif Normal file

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

View File

@ -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">
<script>NekSoType="white"</script>
<h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a href="https://webneko.net">Neko</a></h1>
</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> </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>
<img loading="lazy" class="home" src="https://img.system64.dev/web/banners/FlutterUndulate.png" alt="fluttershy undulate in a ms paint window">
</div> </div>
</body> </body>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

View File

@ -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>

43
socials.html Normal file
View File

@ -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>

79
styles/button_style.css Normal file
View File

@ -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;
}
}

64
styles/err_style.css Normal file
View File

@ -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;
}
}

124
styles/main_style.css Normal file
View File

@ -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;
}
}

View File

@ -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%;
}
}

70
styles/window_style.css Normal file
View File

@ -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;
}