teascade
/
botsym-css
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update README and add font locally

This commit is contained in:
Sofia 2020-09-29 20:23:00 +03:00
parent 285020dfe9
commit 0cff0b23b3
10 changed files with 28 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
README.md
View File

@ -1,7 +1,8 @@
# The BotSym CSS # The BotSym CSS
The BotSym is a network existing in a universe created by [neon][neon] and [teascade][teascade]. BotSym css created by [teascade][teascade] and was originally created for a specific game project
It's purpose is to act as a mirror between that universe and ours, and as the "internet" of the BotSym universe. by [teascade][teascade] and [neon][neon] that in the end never saw the light of day. It is a small CSS library
that closely resembles a retro terminal-ey look.
- [How to use it?](#how-to-use-it) - [How to use it?](#how-to-use-it)
- [`Navbars`](#navbars) - [`Navbars`](#navbars)
@ -28,9 +29,9 @@ What isn't covered by these subtitles may work by using the elements normally. S
- `hr`-tag (horizontal line) - `hr`-tag (horizontal line)
- `p`-tag (paragraph) - `p`-tag (paragraph)
**Do note:** It is **crucial** that you do not use any `h`-tags like `h1` as they do not conform to the text-based aesthetic of the universe. **Do note:** It is **crucial** that you do not use any `h`-tags like `h1` as they do not conform to the text-based aesthetic.
If you find this CSS lacking you may edit it or create your own, but if you wish to retain in-universe, it is desirable that you keep our main philosophies as a focus: If you find this CSS lacking you may edit it or create your own, but if you wish to retain a similar look, it is desirable that you keep our main philosophies as a focus:
- Priorize text-alignment first. - Priorize text-alignment first.
- Could I do this in ncurses in a real terminal? If not, don't do it. - Could I do this in ncurses in a real terminal? If not, don't do it.
- Preferably stay in the color-scheme set by the current CSS - Preferably stay in the color-scheme set by the current CSS
@ -143,7 +144,7 @@ This example also uses [boxes](#boxes) and [padding and no-select -helper-class]
## License ## License
The BotSym CSS repository is licensed under the terms of [GNU GPLv3][gplv3] license. See more at [LICENSE](LICENSE) or [tl;dr legal][tldrgplv3] The BotSym CSS repository is licensed under the terms of [GNU GPLv3][gplv3] license. See more at [LICENSE](LICENSE) or [tl;dr legal][tldrgplv3]
[teascade]: https://teasca.de/ [teascade]: https://teascade.net/
[neon]: https://neon.moe/ [neon]: https://neon.moe/
[gplv3]: https://gnu.org/licenses/gpl-3.0.html [gplv3]: https://gnu.org/licenses/gpl-3.0.html
[tldrgplv3]: https://tldrlegal.com/license/gnu-general-public-license-v3-(gpl-3) [tldrgplv3]: https://tldrlegal.com/license/gnu-general-public-license-v3-(gpl-3)

0
custom.css → css/custom.css
View File

2
custom.css.map → css/custom.css.map
View File

@ -1,7 +1,7 @@
{ {
"version": 3, "version": 3,
"mappings": "AACC,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK", "mappings": "AACC,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK",
"sources": ["custom.scss"], "sources": ["../scss/custom.scss"],
"names": [], "names": [],
"file": "custom.css" "file": "custom.css"
} }

5
style.css → css/style.css
View File

@ -1,6 +1,9 @@
@charset "UTF-8"; @charset "UTF-8";
@font-face {
font-family: "Iosevka Slab Regular";
src: url("../fonts/iosevka-slab-regular.woff2") format("woff2"); }
:root { :root {
font-family: "Iosevka Slab", "Iosevka", "Consolas", "monospace"; font-family: "Iosevka Slab Regular", "monospace";
background-color: black; background-color: black;
color: #c9c9c9; color: #c9c9c9;
border-color: #c9c9c9; border-color: #c9c9c9;

7
css/style.css.map Normal file
View File

File diff suppressed because one or more lines are too long

BIN
fonts/iosevka-slab-regular.woff2 Normal file
View File

Binary file not shown.

8
index.html
View File

@ -3,8 +3,8 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>CSS example</title> <title>CSS example</title>
<link type="text/css" rel="stylesheet" href="style.css" /> <link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="custom.css" /> <link type="text/css" rel="stylesheet" href="css/custom.css" />
</head> </head>
<body> <body>
<input type="radio" id="radio-page-1" name="pages"> <input type="radio" id="radio-page-1" name="pages">
@ -66,9 +66,9 @@
<div class="box inline white width-50"> <div class="box inline white width-50">
<p><b>Links!</b></p> <p><b>Links!</b></p>
<li class="button-list"> <li class="button-list">
<ul><a href="https://teasca.de/">Teasca.de</a></ul> <ul><a href="https://teascade.net/">Teasca.de</a></ul>
<ul><a href="https://github.com/teascade">GitHub</a></ul> <ul><a href="https://github.com/teascade">GitHub</a></ul>
<ul><a href="https://social.targaryen.house/@teascade">Mastodon</a></ul> <ul><a href="https://cybergay.space/@teascade">Mastodon</a></ul>
</li> </li>
<hr> <hr>
<p>Stuff under the hr!</p> <p>Stuff under the hr!</p>

0
custom.scss → scss/custom.scss
View File

7
style.scss → scss/style.scss
View File

@ -40,8 +40,13 @@ $box-double-border: 4px;
} }
} }
@font-face {
font-family: "Iosevka Slab Regular";
src: url("../fonts/iosevka-slab-regular.woff2") format("woff2");
}
:root { // Styles applying to everyting :root { // Styles applying to everyting
font-family: "Iosevka Slab", "Iosevka", "Consolas", "monospace"; font-family: "Iosevka Slab Regular", "monospace";
@include whiteOnBlack; @include whiteOnBlack;
font-weight: 400; font-weight: 400;

7
style.css.map
View File

File diff suppressed because one or more lines are too long