clean it up and stuff
|
@ -1,49 +0,0 @@
|
|||
.Aboutbox {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
justify-content: start;
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
|
||||
border: 1px solid currentColor;
|
||||
padding: 8px;
|
||||
background: var(--background) var(--tiles-last-black);
|
||||
box-shadow: inset var(--inset) var(--inset) 0 var(--foreground);
|
||||
|
||||
.AboutboxElement {
|
||||
--height: 150px;
|
||||
width: 100%;
|
||||
height: var(--height);
|
||||
display: grid;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
grid-template-columns: 1fr calc(var(--height) - 2px);
|
||||
box-shadow: var(--inset) var(--inset) 0 var(--foreground);
|
||||
|
||||
border: 1px solid currentColor;
|
||||
background: var(--background);
|
||||
|
||||
.AboutboxElementText {
|
||||
display: inline-block;
|
||||
padding: 1rem;
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
font-family: var(--font-text-top);
|
||||
}
|
||||
}
|
||||
.AboutboxElementImage {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* @media (max-width: 600px) {
|
||||
.Aboutbox .AboutboxElement {
|
||||
--height: 200px;
|
||||
}
|
||||
} */
|
|
@ -1,27 +0,0 @@
|
|||
.Computerbox {
|
||||
border: 1px solid currentColor;
|
||||
padding: 8px;
|
||||
background-color: var(--background);
|
||||
box-shadow: var(--inset) var(--inset) 0 var(--foreground);
|
||||
|
||||
.ComputerboxDesc {
|
||||
h2 {
|
||||
font-family: var(--font-text-top);
|
||||
}
|
||||
|
||||
h2, p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div:first-child {
|
||||
text-align: start;
|
||||
}
|
||||
div:last-child {
|
||||
text-align: end;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
|
@ -1,96 +0,0 @@
|
|||
.Header {
|
||||
display: grid;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
grid-template-rows: 150px 1fr;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid currentColor;
|
||||
gap: 8px;
|
||||
/* font-size: 16px; */
|
||||
background: transparent var(--tiles-last-black);
|
||||
box-shadow: inset var(--inset) var(--inset) 0 var(--foreground);
|
||||
|
||||
.HeaderTop {
|
||||
display: grid;
|
||||
/* width: 100%; */
|
||||
margin: 0.5em;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
grid-template-columns: 150px 1fr;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid currentColor;
|
||||
font-family: var(--font-text-top);
|
||||
background: var(--background);
|
||||
box-shadow: var(--inset) var(--inset) 0 var(--foreground);
|
||||
|
||||
.HeaderTopImage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.HeaderTopName {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
overflow: clip;
|
||||
|
||||
h1,
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
/* letter-spacing: 0.2em; */
|
||||
line-height: 0.8em;
|
||||
font-size: 1em;
|
||||
font-family: var(--font-text-header);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-weight: normal;
|
||||
font-family: var(--font-text-top);
|
||||
/* looks weird on Firefox Windows */
|
||||
font-size: 2em;
|
||||
line-height: 1em;
|
||||
/* letter-spacing: 0.0625em; */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.HeaderLinks {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: safe center;
|
||||
font-family: var(--font-text-header);
|
||||
font-size: 1em;
|
||||
overflow: auto;
|
||||
max-width: 100%;
|
||||
padding: 0.5em;
|
||||
gap: 0.5em;
|
||||
|
||||
.HeaderLinksLink {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
min-width: max-content;
|
||||
text-align: center;
|
||||
padding: 0.25em;
|
||||
border: 1px solid currentColor;
|
||||
color: currentColor;
|
||||
text-decoration: inherit;
|
||||
background: var(--background);
|
||||
box-shadow: var(--inset) var(--inset) 0 var(--foreground);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.HeaderTopName h1 {
|
||||
font-size: 2em !important;
|
||||
}
|
||||
}
|
|
@ -1,19 +0,0 @@
|
|||
.Linkbox {
|
||||
border: 1px solid currentColor;
|
||||
padding: 8px;
|
||||
background-color: var(--background);
|
||||
box-shadow: var(--inset) var(--inset) 0 var(--foreground);
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
font-family: var(--font-text-top);
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
|
@ -1,21 +0,0 @@
|
|||
.Servicebox {
|
||||
border: 1px solid currentColor;
|
||||
padding: 8px;
|
||||
background-color: var(--background);
|
||||
box-shadow: var(--inset) var(--inset) 0 var(--foreground);
|
||||
|
||||
h2 {
|
||||
font-family: var(--font-text-top);
|
||||
}
|
||||
|
||||
h2, p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div:first-child {
|
||||
text-align: start;
|
||||
}
|
||||
div:last-child {
|
||||
text-align: end;
|
||||
}
|
||||
}
|
|
@ -1,5 +0,0 @@
|
|||
@import url("./header/style.css");
|
||||
@import url("./about-boxes/style.css");
|
||||
@import url("./computer-boxes/style.css");
|
||||
@import url("./service-boxes/style.css");
|
||||
@import url("./link-boxes/style.css");
|
45
assets/elements.css
Normal file
|
@ -0,0 +1,45 @@
|
|||
h1, h2, h3, h4, h5, h6, p, br {
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
/* text-shadow: 1px 1px 0 var(--color-text-shadow); */
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-block: 1.5rem;
|
||||
padding-inline-start: 0.5rem;
|
||||
font-size: 1rem;
|
||||
background-color: var(--color-text);
|
||||
color: var(--color-bg);
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
margin-block: 0;
|
||||
}
|
||||
|
||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
||||
display: block;
|
||||
margin-inline-start: -0.5rem;
|
||||
padding-inline-start: 0.5rem;
|
||||
background-color: var(--color-accent);
|
||||
color: var(--color-bg);
|
||||
}
|
||||
|
||||
p {
|
||||
margin-inline-start: 1rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding-inline-start: 2rem;
|
||||
list-style-type: "- ";
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin-block: 1.5rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-accent);
|
||||
text-decoration: underline solid currentColor 1px;
|
||||
}
|
|
@ -1,93 +0,0 @@
|
|||
Copyright 2014 The Comic Neue Project Authors (https://github.com/crozynski/comicneue)
|
||||
|
||||
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:
|
||||
https://openfontlicense.org
|
||||
|
||||
|
||||
-----------------------------------------------------------
|
||||
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.
|
|
@ -1,93 +0,0 @@
|
|||
Copyright 2018 The Lexend Project Authors (https://github.com/googlefonts/lexend), with Reserved Font Name “RevReading Lexend”.
|
||||
|
||||
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:
|
||||
https://openfontlicense.org
|
||||
|
||||
|
||||
-----------------------------------------------------------
|
||||
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.
|
|
@ -1,71 +0,0 @@
|
|||
Lexend Variable Font
|
||||
====================
|
||||
|
||||
This download contains Lexend as both a variable font and static fonts.
|
||||
|
||||
Lexend is a variable font with this axis:
|
||||
wght
|
||||
|
||||
This means all the styles are contained in a single file:
|
||||
Lexend/Lexend-VariableFont_wght.ttf
|
||||
|
||||
If your app fully supports variable fonts, you can now pick intermediate styles
|
||||
that aren’t available as static fonts. Not all apps support variable fonts, and
|
||||
in those cases you can use the static font files for Lexend:
|
||||
Lexend/static/Lexend-Thin.ttf
|
||||
Lexend/static/Lexend-ExtraLight.ttf
|
||||
Lexend/static/Lexend-Light.ttf
|
||||
Lexend/static/Lexend-Regular.ttf
|
||||
Lexend/static/Lexend-Medium.ttf
|
||||
Lexend/static/Lexend-SemiBold.ttf
|
||||
Lexend/static/Lexend-Bold.ttf
|
||||
Lexend/static/Lexend-ExtraBold.ttf
|
||||
Lexend/static/Lexend-Black.ttf
|
||||
|
||||
Get started
|
||||
-----------
|
||||
|
||||
1. Install the font files you want to use
|
||||
|
||||
2. Use your app's font picker to view the font family and all the
|
||||
available styles
|
||||
|
||||
Learn more about variable fonts
|
||||
-------------------------------
|
||||
|
||||
https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
|
||||
https://variablefonts.typenetwork.com
|
||||
https://medium.com/variable-fonts
|
||||
|
||||
In desktop apps
|
||||
|
||||
https://theblog.adobe.com/can-variable-fonts-illustrator-cc
|
||||
https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
|
||||
|
||||
Online
|
||||
|
||||
https://developers.google.com/fonts/docs/getting_started
|
||||
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
|
||||
https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
|
||||
|
||||
Installing fonts
|
||||
|
||||
MacOS: https://support.apple.com/en-us/HT201749
|
||||
Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
|
||||
Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
|
||||
|
||||
Android Apps
|
||||
|
||||
https://developers.google.com/fonts/docs/android
|
||||
https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
|
||||
|
||||
License
|
||||
-------
|
||||
Please read the full license text (OFL.txt) to understand the permissions,
|
||||
restrictions and requirements for usage, redistribution, and modification.
|
||||
|
||||
You can use them in your products & projects – print or digital,
|
||||
commercial or otherwise.
|
||||
|
||||
This isn't legal advice, please consider consulting a lawyer and see the full
|
||||
license for all details.
|
|
@ -1,202 +0,0 @@
|
|||
|
||||
Apache License
|
||||
Version 2.0, January 2004
|
||||
http://www.apache.org/licenses/
|
||||
|
||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
|
||||
1. Definitions.
|
||||
|
||||
"License" shall mean the terms and conditions for use, reproduction,
|
||||
and distribution as defined by Sections 1 through 9 of this document.
|
||||
|
||||
"Licensor" shall mean the copyright owner or entity authorized by
|
||||
the copyright owner that is granting the License.
|
||||
|
||||
"Legal Entity" shall mean the union of the acting entity and all
|
||||
other entities that control, are controlled by, or are under common
|
||||
control with that entity. For the purposes of this definition,
|
||||
"control" means (i) the power, direct or indirect, to cause the
|
||||
direction or management of such entity, whether by contract or
|
||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||
|
||||
"You" (or "Your") shall mean an individual or Legal Entity
|
||||
exercising permissions granted by this License.
|
||||
|
||||
"Source" form shall mean the preferred form for making modifications,
|
||||
including but not limited to software source code, documentation
|
||||
source, and configuration files.
|
||||
|
||||
"Object" form shall mean any form resulting from mechanical
|
||||
transformation or translation of a Source form, including but
|
||||
not limited to compiled object code, generated documentation,
|
||||
and conversions to other media types.
|
||||
|
||||
"Work" shall mean the work of authorship, whether in Source or
|
||||
Object form, made available under the License, as indicated by a
|
||||
copyright notice that is included in or attached to the work
|
||||
(an example is provided in the Appendix below).
|
||||
|
||||
"Derivative Works" shall mean any work, whether in Source or Object
|
||||
form, that is based on (or derived from) the Work and for which the
|
||||
editorial revisions, annotations, elaborations, or other modifications
|
||||
represent, as a whole, an original work of authorship. For the purposes
|
||||
of this License, Derivative Works shall not include works that remain
|
||||
separable from, or merely link (or bind by name) to the interfaces of,
|
||||
the Work and Derivative Works thereof.
|
||||
|
||||
"Contribution" shall mean any work of authorship, including
|
||||
the original version of the Work and any modifications or additions
|
||||
to that Work or Derivative Works thereof, that is intentionally
|
||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||
or by an individual or Legal Entity authorized to submit on behalf of
|
||||
the copyright owner. For the purposes of this definition, "submitted"
|
||||
means any form of electronic, verbal, or written communication sent
|
||||
to the Licensor or its representatives, including but not limited to
|
||||
communication on electronic mailing lists, source code control systems,
|
||||
and issue tracking systems that are managed by, or on behalf of, the
|
||||
Licensor for the purpose of discussing and improving the Work, but
|
||||
excluding communication that is conspicuously marked or otherwise
|
||||
designated in writing by the copyright owner as "Not a Contribution."
|
||||
|
||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||
on behalf of whom a Contribution has been received by Licensor and
|
||||
subsequently incorporated within the Work.
|
||||
|
||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
copyright license to reproduce, prepare Derivative Works of,
|
||||
publicly display, publicly perform, sublicense, and distribute the
|
||||
Work and such Derivative Works in Source or Object form.
|
||||
|
||||
3. Grant of Patent License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
(except as stated in this section) patent license to make, have made,
|
||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||
where such license applies only to those patent claims licensable
|
||||
by such Contributor that are necessarily infringed by their
|
||||
Contribution(s) alone or by combination of their Contribution(s)
|
||||
with the Work to which such Contribution(s) was submitted. If You
|
||||
institute patent litigation against any entity (including a
|
||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||
or a Contribution incorporated within the Work constitutes direct
|
||||
or contributory patent infringement, then any patent licenses
|
||||
granted to You under this License for that Work shall terminate
|
||||
as of the date such litigation is filed.
|
||||
|
||||
4. Redistribution. You may reproduce and distribute copies of the
|
||||
Work or Derivative Works thereof in any medium, with or without
|
||||
modifications, and in Source or Object form, provided that You
|
||||
meet the following conditions:
|
||||
|
||||
(a) You must give any other recipients of the Work or
|
||||
Derivative Works a copy of this License; and
|
||||
|
||||
(b) You must cause any modified files to carry prominent notices
|
||||
stating that You changed the files; and
|
||||
|
||||
(c) You must retain, in the Source form of any Derivative Works
|
||||
that You distribute, all copyright, patent, trademark, and
|
||||
attribution notices from the Source form of the Work,
|
||||
excluding those notices that do not pertain to any part of
|
||||
the Derivative Works; and
|
||||
|
||||
(d) If the Work includes a "NOTICE" text file as part of its
|
||||
distribution, then any Derivative Works that You distribute must
|
||||
include a readable copy of the attribution notices contained
|
||||
within such NOTICE file, excluding those notices that do not
|
||||
pertain to any part of the Derivative Works, in at least one
|
||||
of the following places: within a NOTICE text file distributed
|
||||
as part of the Derivative Works; within the Source form or
|
||||
documentation, if provided along with the Derivative Works; or,
|
||||
within a display generated by the Derivative Works, if and
|
||||
wherever such third-party notices normally appear. The contents
|
||||
of the NOTICE file are for informational purposes only and
|
||||
do not modify the License. You may add Your own attribution
|
||||
notices within Derivative Works that You distribute, alongside
|
||||
or as an addendum to the NOTICE text from the Work, provided
|
||||
that such additional attribution notices cannot be construed
|
||||
as modifying the License.
|
||||
|
||||
You may add Your own copyright statement to Your modifications and
|
||||
may provide additional or different license terms and conditions
|
||||
for use, reproduction, or distribution of Your modifications, or
|
||||
for any such Derivative Works as a whole, provided Your use,
|
||||
reproduction, and distribution of the Work otherwise complies with
|
||||
the conditions stated in this License.
|
||||
|
||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||
any Contribution intentionally submitted for inclusion in the Work
|
||||
by You to the Licensor shall be under the terms and conditions of
|
||||
this License, without any additional terms or conditions.
|
||||
Notwithstanding the above, nothing herein shall supersede or modify
|
||||
the terms of any separate license agreement you may have executed
|
||||
with Licensor regarding such Contributions.
|
||||
|
||||
6. Trademarks. This License does not grant permission to use the trade
|
||||
names, trademarks, service marks, or product names of the Licensor,
|
||||
except as required for reasonable and customary use in describing the
|
||||
origin of the Work and reproducing the content of the NOTICE file.
|
||||
|
||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||
agreed to in writing, Licensor provides the Work (and each
|
||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||
implied, including, without limitation, any warranties or conditions
|
||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||
appropriateness of using or redistributing the Work and assume any
|
||||
risks associated with Your exercise of permissions under this License.
|
||||
|
||||
8. Limitation of Liability. In no event and under no legal theory,
|
||||
whether in tort (including negligence), contract, or otherwise,
|
||||
unless required by applicable law (such as deliberate and grossly
|
||||
negligent acts) or agreed to in writing, shall any Contributor be
|
||||
liable to You for damages, including any direct, indirect, special,
|
||||
incidental, or consequential damages of any character arising as a
|
||||
result of this License or out of the use or inability to use the
|
||||
Work (including but not limited to damages for loss of goodwill,
|
||||
work stoppage, computer failure or malfunction, or any and all
|
||||
other commercial damages or losses), even if such Contributor
|
||||
has been advised of the possibility of such damages.
|
||||
|
||||
9. Accepting Warranty or Additional Liability. While redistributing
|
||||
the Work or Derivative Works thereof, You may choose to offer,
|
||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||
or other liability obligations and/or rights consistent with this
|
||||
License. However, in accepting such obligations, You may act only
|
||||
on Your own behalf and on Your sole responsibility, not on behalf
|
||||
of any other Contributor, and only if You agree to indemnify,
|
||||
defend, and hold each Contributor harmless for any liability
|
||||
incurred by, or claims asserted against, such Contributor by reason
|
||||
of your accepting any such warranty or additional liability.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
APPENDIX: How to apply the Apache License to your work.
|
||||
|
||||
To apply the Apache License to your work, attach the following
|
||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||
replaced with your own identifying information. (Don't include
|
||||
the brackets!) The text should be enclosed in the appropriate
|
||||
comment syntax for the file format. We also recommend that a
|
||||
file or class name and description of purpose be included on the
|
||||
same "printed page" as the copyright notice for easier
|
||||
identification within third-party archives.
|
||||
|
||||
Copyright [yyyy] [name of copyright owner]
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
BIN
assets/fonts/dos/dos.woff
Normal file
BIN
assets/fonts/jbm/jbm.ttf
Normal file
BIN
assets/fonts/m3x6/m3x6.ttf
Normal file
|
@ -1,53 +1,18 @@
|
|||
@font-face {
|
||||
font-family: "Comic Neue";
|
||||
src: url("./Comic_Neue/ComicNeue-Regular.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Comic Neue";
|
||||
font-weight: bold;
|
||||
src: url("./Comic_Neue/ComicNeue-Bold.ttf");
|
||||
font-family: "m3x6";
|
||||
src: url("./m3x6/m3x6.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Helvetica";
|
||||
src: url("./Helvetica/Helvetica.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Helvetica";
|
||||
font-weight: bold;
|
||||
src: url("./Helvetica/Helvetica-Bold.ttf");
|
||||
font-family: "jbm";
|
||||
src: url("./jbm/jbm.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Lexend";
|
||||
src: url("./Lexend/Lexend-VariableFont_wght.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Permanent Marker";
|
||||
src: url("./Permanent_Marker/PermanentMarker-Regular.ttf");
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "VCR OSD Mono";
|
||||
src: url("./VCR%20OSD%20MONO/VCR_OSD_MONO.ttf");
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Fixedsys";
|
||||
src: url("./Fixedsys%20Excelsior/FSEX302.ttf");
|
||||
font-weight: normal;
|
||||
font-family: "dos";
|
||||
src: url("./dos/dos.woff");
|
||||
}
|
||||
|
||||
:root {
|
||||
--font-text-top: "Fixedsys";
|
||||
--font-text-mono: "Fixedsys";
|
||||
--font-text-legible: "Fixedsys";
|
||||
--font-text-header: "Fixedsys";
|
||||
--font-text-generic: "Fixedsys";
|
||||
font-size: 16px;
|
||||
font-smooth: never;
|
||||
-webkit-font-smoothing : none;
|
||||
}
|
||||
--font-main: "dos";
|
||||
}
|
Before Width: | Height: | Size: 8.1 KiB |
Before Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 7 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 12 KiB |
244
assets/style.css
|
@ -1,247 +1,31 @@
|
|||
@import url("./components/style.css");
|
||||
@import url("./fonts/style.css");
|
||||
@import url("./elements.css");
|
||||
|
||||
:root {
|
||||
--background: #fff;
|
||||
--red: #f00;
|
||||
--grey: #888;
|
||||
--foreground: #000;
|
||||
--color-bg-scrim: #111;
|
||||
--color-bg: #222;
|
||||
--color-text: #ccc;
|
||||
--color-accent: #aca;
|
||||
|
||||
--inset: 2px;
|
||||
|
||||
--image-filter: none;
|
||||
|
||||
--tiles-diag-black: fixed url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAK0lEQVQIWy2KxwEAIBDCCPuvLKineVECcqugg+1OGGDKf2jumMLVQqX17A2jnQ4ME9JEhAAAAABJRU5ErkJggg==");
|
||||
--tiles-diag-white: fixed url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAALUlEQVQIWzWLQQ4AIAyDiv7/yQ6nRk6UpFjKgDStXjm0m6rc8EbCBHQZR/5tA5ByF/hYTO80AAAAAElFTkSuQmCC");
|
||||
--tiles-last-black: fixed url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADElEQVQImWNgQAP/AQERAQD1y6SYAAAAAElFTkSuQmCC");
|
||||
--tiles-last-white: fixed url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVQImWNgQAb/////DwAKCAP9R4CJSwAAAABJRU5ErkJggg==");
|
||||
font-size: 12px;
|
||||
font-smooth: never;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/* i never liked this */
|
||||
/* @media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background: #000;
|
||||
--red: #0ff;
|
||||
--grey: #888;
|
||||
--foreground: #fff;
|
||||
|
||||
--image-filter: invert(1);
|
||||
|
||||
--tiles-diag-white: fixed url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAK0lEQVQIWy2KxwEAIBDCCPuvLKineVECcqugg+1OGGDKf2jumMLVQqX17A2jnQ4ME9JEhAAAAABJRU5ErkJggg==");
|
||||
--tiles-diag-black: fixed url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAALUlEQVQIWzWLQQ4AIAyDiv7/yQ6nRk6UpFjKgDStXjm0m6rc8EbCBHQZR/5tA5ByF/hYTO80AAAAAElFTkSuQmCC");
|
||||
--tiles-last-white: fixed url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADElEQVQImWNgQAP/AQERAQD1y6SYAAAAAElFTkSuQmCC");
|
||||
--tiles-last-black: fixed url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVQImWNgQAb/////DwAKCAP9R4CJSwAAAABJRU5ErkJggg==");
|
||||
}
|
||||
} */
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: var(--color-bg-scrim);
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0.5em 4em;
|
||||
box-sizing: border-box;
|
||||
padding: 0.1px 1rem;
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
background: var(--background) var(--tiles-last-black);
|
||||
font-family: var(--font-text-legible);
|
||||
}
|
||||
|
||||
main, div.fakemain {
|
||||
text-align: start;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 768px;
|
||||
box-sizing: border-box;
|
||||
background-color: var(--background);
|
||||
border: 1px solid currentColor;
|
||||
color: var(--foreground);
|
||||
padding: 0.5em;
|
||||
margin: 1em 0;
|
||||
box-shadow: 4px 4px 0 var(--foreground);
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
font-size: 2em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 1em 0;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 0.5em 0;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0.25em 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
section {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
img[src^="/assets"],
|
||||
img[src^="/favicon.ico"] {
|
||||
filter: var(--image-filter);
|
||||
}
|
||||
|
||||
.tagline {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
border-top: 1px solid currentColor;
|
||||
color: inherit;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.boxThing {
|
||||
padding: 1rem;
|
||||
margin: 1em 0.5em;
|
||||
border: 1px solid currentColor;
|
||||
background: var(--background);
|
||||
box-sizing: border-box;
|
||||
box-shadow: var(--inset) var(--inset) 0 var(--foreground);
|
||||
|
||||
h1 {
|
||||
margin-bottom: 0.5em;
|
||||
font-family: var(--font-text-top);
|
||||
}
|
||||
|
||||
h1::before {
|
||||
content: ">>";
|
||||
margin-inline-end: 0.25em;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@property --hue {
|
||||
syntax: '<number>';
|
||||
initial-value: 0;
|
||||
inherits: false;
|
||||
}
|
||||
|
||||
@keyframes hue-shift {
|
||||
0% {
|
||||
--hue: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
--hue: 180;
|
||||
}
|
||||
|
||||
100% {
|
||||
--hue: 360;
|
||||
}
|
||||
}
|
||||
|
||||
.web-button {
|
||||
position: relative;
|
||||
filter: grayscale(1);
|
||||
left: 0;
|
||||
top: 0;
|
||||
transition: all 0.5s ease-out;
|
||||
opacity: 1 !important;
|
||||
display: inline-block;
|
||||
width: 88px;
|
||||
height: 31px;
|
||||
line-height: 31px;
|
||||
border: 1px solid black;
|
||||
vertical-align: middle;
|
||||
margin: 4px 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
/* text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
padding: 0 8px;
|
||||
box-sizing: border-box; */
|
||||
}
|
||||
|
||||
.web-button.noimg {
|
||||
text-shadow: 1px 1px 0 #000;
|
||||
box-shadow:
|
||||
inset -1px -1px 0 0 #000,
|
||||
inset 1px 1px 0 0 #fff,
|
||||
inset -2px -2px 0 0 #0008;
|
||||
/* background-image: linear-gradient(135deg, transparent, #8888); */
|
||||
}
|
||||
|
||||
.web-button:hover {
|
||||
left: -4px;
|
||||
top: -4px;
|
||||
z-index: 999;
|
||||
filter: grayscale(0);
|
||||
animation: hue-shift 1s linear infinite;
|
||||
transition: all 0.0625s ease-out;
|
||||
--shadow: hsl(var(--hue), 50%, 75%);
|
||||
box-shadow:
|
||||
4px 4px 0 -1px var(--shadow),
|
||||
3px 3px 0 -1px var(--shadow),
|
||||
2px 2px 0 -1px var(--shadow),
|
||||
1px 1px 0 -1px var(--shadow),
|
||||
4px 4px 0 0px black,
|
||||
3px 3px 0 0px black,
|
||||
2px 2px 0 0px black,
|
||||
1px 1px 0 0px black;
|
||||
}
|
||||
|
||||
.web-button.noimg:hover {
|
||||
box-shadow:
|
||||
inset -1px -1px 0 0 #000,
|
||||
inset 1px 1px 0 0 #fff,
|
||||
inset -2px -2px 0 0 #0008,
|
||||
4px 4px 0 -1px var(--shadow),
|
||||
3px 3px 0 -1px var(--shadow),
|
||||
2px 2px 0 -1px var(--shadow),
|
||||
1px 1px 0 -1px var(--shadow),
|
||||
4px 4px 0 0px black,
|
||||
3px 3px 0 0px black,
|
||||
2px 2px 0 0px black,
|
||||
1px 1px 0 0px black;
|
||||
}
|
||||
|
||||
#mothvertisement {
|
||||
margin-left: auto;
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
max-width: 728px;
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
@media (max-width: 750px) {
|
||||
#mothvertisement {
|
||||
max-width: 300px;
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
}
|
||||
max-width: 480px;
|
||||
background: var(--color-bg);
|
||||
color: var(--color-text);
|
||||
font-family: var(--font-main);
|
||||
}
|
BIN
assets/test.png
Before Width: | Height: | Size: 4.1 KiB |
|
@ -8,7 +8,8 @@
|
|||
"nodemonConfig": {
|
||||
"ignore": [
|
||||
"node_modules/**",
|
||||
"abtmtr.db"
|
||||
"abtmtr.db",
|
||||
"views/**"
|
||||
],
|
||||
"ext": "*"
|
||||
},
|
||||
|
|
|
@ -1,44 +0,0 @@
|
|||
<div class="Aboutbox">
|
||||
<div class="AboutboxElement">
|
||||
<div class="AboutboxElementText">
|
||||
<h1><a href="/blurbs/">BLURBS</a></h1>
|
||||
<p>What are other sites saying about abtmtr.link?</p>
|
||||
</div>
|
||||
<img class="AboutboxElementImage" src="/assets/icons/friends.png" />
|
||||
</div>
|
||||
<div class="AboutboxElement">
|
||||
<div class="AboutboxElementText">
|
||||
<h1><a href="/matkap/">MATKAP ZONE</a></h1>
|
||||
<p>Matkap's corner of the web.</p>
|
||||
</div>
|
||||
<img class="AboutboxElementImage" src="/assets/icons/matkap_zone.png" />
|
||||
</div>
|
||||
<div class="AboutboxElement">
|
||||
<div class="AboutboxElementText">
|
||||
<h1><a href="/services/">SERVICES</a></h1>
|
||||
<p>Stuff I host here on abtmtr.link.</p>
|
||||
</div>
|
||||
<img class="AboutboxElementImage" src="/assets/icons/services.png" />
|
||||
</div>
|
||||
<div class="AboutboxElement">
|
||||
<div class="AboutboxElementText">
|
||||
<h1><a href="/computers/">COMPUTERS</a></h1>
|
||||
<p>Computers I own, use, and host stuff on.</p>
|
||||
</div>
|
||||
<img class="AboutboxElementImage" src="/assets/icons/computers.png" />
|
||||
</div>
|
||||
<div class="AboutboxElement">
|
||||
<div class="AboutboxElementText">
|
||||
<h1><a href="/links/">LINKS</a></h1>
|
||||
<p>Where I am on the Internet.</p>
|
||||
</div>
|
||||
<img class="AboutboxElementImage" src="/assets/icons/links.png" />
|
||||
</div>
|
||||
<div class="AboutboxElement">
|
||||
<div class="AboutboxElementText">
|
||||
<h1><a href="/about/">ABOUT</a></h1>
|
||||
<p>Who I am.</p>
|
||||
</div>
|
||||
<img class="AboutboxElementImage" src="/assets/icons/about.png" />
|
||||
</div>
|
||||
</div>
|
|
@ -1,14 +0,0 @@
|
|||
<div class="Computerbox" id="<%= id %>">
|
||||
<div class="ComputerboxDesc">
|
||||
<div>
|
||||
<h2><%= name %></h2>
|
||||
<p><%= whenGot.month %> <%= whenGot.year %></p>
|
||||
</div>
|
||||
<div>
|
||||
<p><%= model %></p>
|
||||
<p><%= description %></p>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<p><%= subtitle %></p>
|
||||
</div>
|
|
@ -1,38 +1,6 @@
|
|||
<div class="fakemain">
|
||||
<section>
|
||||
<h2>buttons</h2>
|
||||
<p>friends (<%= buttons.length %>)</p>
|
||||
</section>
|
||||
<section style="text-align: center;">
|
||||
<% buttons.forEach((button) => { %>
|
||||
<% if (button.img != null) { %>
|
||||
<a class="web-button" target="_blank" href="<%= button.href %>"><img src="<%= button.img %>" title="<%= button.alt %>" alt="<%= button.alt %>" /></a>
|
||||
<% } else { %>
|
||||
<a class="web-button noimg" target="_blank" href="<%= button.href %>" title="<%= button.alt %>" style="background-color: <%= button.accent[0] %>;color: <%= button.accent[1] %>"><span><%= button.name %></span></a>
|
||||
<% } %>
|
||||
<% }) %>
|
||||
</section>
|
||||
<section>
|
||||
<p>following (<%= following.length %>)</p>
|
||||
</section>
|
||||
<section style="text-align: center;">
|
||||
<% following.forEach((button) => { %>
|
||||
<% if (button.img != null) { %>
|
||||
<a class="web-button" target="_blank" href="<%= button.href %>"><img src="<%= button.img %>" title="<%= button.alt %>" alt="<%= button.alt %>" /></a>
|
||||
<% } else { %>
|
||||
<a class="web-button noimg" target="_blank" href="<%= button.href %>" title="<%= button.alt %>" style="background-color: <%= button.accent[0] %>;color: <%= button.accent[1] %>"><span><%= button.name %></span></a>
|
||||
<% } %>
|
||||
<% }) %>
|
||||
</section>
|
||||
</div>
|
||||
<div class="fakemain">
|
||||
<footer>
|
||||
<section>
|
||||
<h2>abtmtr.link v13</h2>
|
||||
<iframe src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe>
|
||||
<p>© <a href="/about">MeowcaTheoRange</a> 2023-2024</p>
|
||||
<p>Licensed under the <a href="https://cdn.abtmtr.link/licenses/kkpl/license-v2.2.txt">Karkat Public License</a>.</p>
|
||||
<p>Git repository: <a href="https://git.abtmtr.link/MeowcaTheoRange/abtmtr-v13" target="_blank">MeowcaTheoRange/abtmtr-v13</a></p>
|
||||
</section>
|
||||
</footer>
|
||||
</div>
|
||||
<footer>
|
||||
<h1>abtmtr.link v13-2</h1>
|
||||
<p>(c) MeowcaTheoRange 2023-24</p>
|
||||
<p>licensed under the <a href="https://git.abtmtr.link/MeowcaTheoRange/KarkatPublicLicense/">KKPL</a>.</p>
|
||||
<p>fork <a href="https://git.abtmtr.link/MeowcaTheoRange/abtmtr-v13/">MeowcaTheoRange/abtmtr-v13</a> with git</p>
|
||||
</footer>
|
|
@ -1,15 +0,0 @@
|
|||
<div class="Header">
|
||||
<div class="HeaderTop">
|
||||
<img class="HeaderTopImage" src="/favicon.ico" />
|
||||
<div class="HeaderTopName">
|
||||
<p>WELCOME TO</p>
|
||||
<h1>abtmtr.link</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="HeaderLinks">
|
||||
<a class="HeaderLinksLink" href="/">Home</a>
|
||||
<a class="HeaderLinksLink" href="/blurbs/">Blurbs</a>
|
||||
<a class="HeaderLinksLink" href="/links/">Links</a>
|
||||
<a class="HeaderLinksLink" href="/about/">About</a>
|
||||
</div>
|
||||
</div>
|
|
@ -1,5 +0,0 @@
|
|||
<div class="Linkbox" id="<%= id %>">
|
||||
<h2><%= title %></h2>
|
||||
<p><a href="<%= link %>" target="_blank"><%= link %></a></p>
|
||||
<p><%= subtitle %></p>
|
||||
</div>
|
|
@ -1,10 +0,0 @@
|
|||
<div class="Servicebox" id="<%= id %>">
|
||||
<div>
|
||||
<h2><a href="https://<%= domain %>/"><%= domain %></a></h2>
|
||||
<p><%= when.month %> <%= when.year %></p>
|
||||
</div>
|
||||
<div>
|
||||
<p><%= software %></p>
|
||||
<p><%= arr[visibility] %></p>
|
||||
</div>
|
||||
</div>
|
|
@ -1,44 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<title>abtmtr.link</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/assets/style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="fakemain">
|
||||
<%- include("../../components/header.ejs") %>
|
||||
</div>
|
||||
<main>
|
||||
<p class="tagline">Who I am.</p>
|
||||
<section>
|
||||
<h2>My h-card</h2>
|
||||
<div class="h-card" style="padding: 1em;">
|
||||
<h3 style="margin: 0;"><span class="p-name">Theo Range</span></h3>
|
||||
<p>(<span class="p-honorific-prefix">Mx.</span>
|
||||
<span class="p-given-name">Theo</span>
|
||||
<span class="p-family-name">Range</span>)
|
||||
(<span class="p-pronouns">they/them</span>, <span class="p-gender-identity">non-binary</span>)</p>
|
||||
<p>a.k.a "<span class="p-nickname">MeowcaTheoRange</span>"</p>
|
||||
<img class="u-photo" src="http://abtmtr.link/favicon.ico"/>
|
||||
<p>
|
||||
<a class="u-url" href="http://abtmtr.link/">website</a>,
|
||||
<a class="u-email" href="mailto:me@abtmtr.link">email</a>
|
||||
</p>
|
||||
<p>born <time class="dt-bday">2007-08-07</time></p>
|
||||
<p class="p-adr">
|
||||
<span class="p-region">Minnesota</span>,
|
||||
<span class="p-country-name">USA</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<%- include("../../components/footer.ejs") %>
|
||||
<script src="/assets/script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,55 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<title>abtmtr.link</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/assets/style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="fakemain">
|
||||
<%- include("../../components/header.ejs") %>
|
||||
</div>
|
||||
<main>
|
||||
<p class="tagline">What are other sites saying about abtmtr.link?</p>
|
||||
<section>
|
||||
<form action="/blurbs/send" method="get">
|
||||
<p>
|
||||
<label for="siteName">Website URL:</label>
|
||||
<input type="url" name="site" id="siteName">
|
||||
</p>
|
||||
<p>
|
||||
<label for="blurbText">Blurb:</label>
|
||||
<input type="text" name="text" id="blurbText" maxlength="140" minlength="1">
|
||||
</p>
|
||||
<p>
|
||||
<input type="submit" value="Submit Blurb">
|
||||
</p>
|
||||
<p style="opacity: 0.5;">by clicking this button and successfully submitting a blurb, you agree that your input may be displayed on this site and stored on abtmtr.link servers.</p>
|
||||
<p style="opacity: 0.5;">you'll also need to verify your blurb by leaving a X/HTML snippet on your site. further instructions will be given to do this after you submit your blurb. thanks!</p>
|
||||
</form>
|
||||
<ul>
|
||||
<% data.forEach((blurb) => { %>
|
||||
<li class="blurb" id="<%= blurb.id %>"><a href="<%= blurb.site %>" target="_blank"><%= new URL(blurb.site).host %></a>: <%= blurb.blurb %> <a class="removePopup" href="/blurbs/check?id=<%= blurb.id %>">remove</a></li>
|
||||
<% }) %>
|
||||
</ul>
|
||||
</section>
|
||||
<style>
|
||||
.blurb .removePopup {
|
||||
visibility: hidden;
|
||||
opacity: 0.5;
|
||||
color: red;
|
||||
}
|
||||
.blurb:hover .removePopup {
|
||||
visibility: visible;
|
||||
}
|
||||
</style>
|
||||
</main>
|
||||
<%- include("../../components/footer.ejs") %>
|
||||
<script src="/assets/script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,41 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<title>abtmtr.link</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/assets/style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="fakemain">
|
||||
<%- include("../../components/header.ejs") %>
|
||||
</div>
|
||||
<main>
|
||||
<p class="tagline">congrations! you done it</p>
|
||||
<section>
|
||||
<p>make sure to add one of these snippets to the page you've linked:</p>
|
||||
<p>invisible:</p>
|
||||
<p style="background-color: black;color:white;padding: 0.5em;"><link rel="me" href="https://abtmtr.link/blurbs/#<%= id %>"></p>
|
||||
<p>visible:</p>
|
||||
<p style="background-color: black;color:white;padding: 0.5em;"><a rel="me" href="https://abtmtr.link/blurbs/#<%= id %>"></a></p>
|
||||
<p>88x31:</p>
|
||||
<p style="background-color: black;color:white;padding: 0.5em;"><a rel="me" href="https://abtmtr.link/blurbs/#<%= id %>" target="_blank"><img src="https://cdn.abtmtr.link/site_content/88x31/abtmtr_link.png"></a></p>
|
||||
<p>if you want to remove your blurb from abtmtr.link, remove the snippet from your site and then click "remove" on the blurb.</p>
|
||||
<p>do not leave this site until you have added the snippet! you can bookmark this page if you need to:</p>
|
||||
<p style="background-color: black;color:white;padding: 0.5em;">https://abtmtr.link/blurbs/check/?id=<%= id %></p>
|
||||
<p>then click this button (or visit the above bookmark) once you have added it. make sure your page has updated in your browser!</p>
|
||||
<form action="/blurbs/check/" method="get">
|
||||
<input type="hidden" value="<%= id %>" name="id">
|
||||
<input type="submit" value="Done and added">
|
||||
</form>
|
||||
<p style="opacity: 0.5;">can't/don't want to add the snippet? <a href="/about" target="_blank">contact me</a>.</p>
|
||||
</section>
|
||||
</main>
|
||||
<%- include("../../components/footer.ejs") %>
|
||||
<script src="/assets/script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<title>abtmtr.link</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/assets/style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="fakemain">
|
||||
<%- include("../../components/header.ejs") %>
|
||||
</div>
|
||||
<main>
|
||||
<p class="tagline">Computers I own, use, and host stuff on.</p>
|
||||
<div class="Aboutbox">
|
||||
<% computers.forEach((computer) => { %>
|
||||
<%- include("../../components/computer-boxes.ejs", computer) %>
|
||||
<% }) %>
|
||||
</div>
|
||||
</main>
|
||||
<%- include("../../components/footer.ejs") %>
|
||||
<script src="/assets/script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,31 +1,33 @@
|
|||