add dimension and new website look

This commit is contained in:
Sebastian Korotkiewicz 2022-03-30 17:05:54 +02:00
parent b87e00514f
commit 1fe762fd97
Signed by: grizzly
GPG Key ID: 5BDC557B496BDB0D
22 changed files with 497 additions and 424 deletions

3
.gitignore vendored
View File

@ -1,2 +1,3 @@
browser
.DS_Store
.DS_Store
old/

View File

@ -1,343 +0,0 @@
/*
* envs.net - CSS Style
* © 2019-2021
* thanks envs.net for such nice css! ~grizzly
*/
/* @import "https://grizzly.tilde.institute/fonts/jetbrains-mono/font.css"; */
* { font-family: 'JetBrains Mono', 'monospace'; }
body, input, select, textarea {
color: #333;
font-size: 10pt;
line-height: 1.65em;
letter-spacing: -0.015em;
}
body {
background: #f5f5f5;
}
footer {
position: fixed;
text-align: center;
bottom: 0;
width: 100%;
padding: 1em;
background: #f5f5f5;
}
#main {
float: left;
margin: 0 0 2em 4em;
padding-bottom: 4em;
}
#header_sub { margin-left: 6em; }
#sidebar {
float: right;
padding: 0 2.5em 2.5em 0;
}
#left_box {
float: left;
padding-right: 1em;
}
a {
outline: none;
border-bottom-color: transparent;
text-decoration: none;
color: #10A0A0;
}
a:hover { border-bottom: dotted 1px; }
summary.menu { outline: none; }
summary.menu:hover {
cursor: pointer;
color: #10A0A0;
}
blockquote {
border-left: solid 4px #e5e5e5;
font-style: italic;
margin: 0;
padding: 0 0 1.5em 4em;
}
code {
font-family: monospace;
background: #e5e5e5;
color: #333;
}
pre {
margin-bottom: 0;
padding: 0;
}
pre.clean {
margin: 0;
padding: 0;
}
pre.banner {
line-height: 1.2em;
margin-bottom: 1em;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
display: block;
line-height: 0;
margin: 0;
padding: 0.8em 0 0.4em 0;
}
hr.half {
width:50%;
text-align:left;
margin-left:0;
}
li {
margin: 0;
padding: 0;
}
ol, ul {
margin: 0;
padding: 0 0 0 2em;
}
.ol.userlist, ul.userlist {
list-style-type: none;
margin: 0;
padding: 0 0 0 1.2em;
}
table {
border-collapse: collapse;
width: 100%;
}
tr, th, td {
text-align: left;
padding: 0;
}
.table_pkg tbody tr:nth-child(even) {
background: #e5e5e5;
}
.tw20 { width: 20px; }
.tw25 { width: 25px; }
.tw80 { width: 80px; }
.tw100 { width: 100px; }
.tw110 { width: 110px; }
.tw130 { width: 130px; }
.tw140 { width: 140px; }
.tw160 { width: 160px; }
.tw280 { width: 280px; }
form {
margin: 0;
padding: 0;
}
textarea {
padding: 0.3em 1em 0.3em 1em;
margin: 0 0 -0.5em 0;
border: solid 1px #333;
border-radius: 10px;
}
input {
margin: 0;
padding: 0;
}
input[type=button], input[type=submit], input[type=text] {
background-color: #e5e5e5;
color: #333;
border-radius: 10px;
border: solid 1px #333;
text-decoration: none;
padding: 0.3em 1em 0.3em 1em;
}
input[type=button]:hover, input[type=submit]:hover {
background-color: #211921;
color: #ddd;
}
input[type=file] {
color: #333;
background-color: #f5f5f5;
padding: 0.3em 1em 0.3em 0;
}
button {
border-radius: 10px;
border: none;
text-decoration: none;
background-color: #e5e5e5;
color: #333;
}
button:hover {
background-color: #211921;
color: #FFF5EE;
}
.clean { margin: 0; padding: 0; }
.clear { clear:both; }
.mark { color: #10A0A0; }
.alert {
color: #333;
background: #e5e5e5;
margin: 0 0 1.5em 0;
padding: 0.5em 1em 1.5em 1em;
}
.block {
border-left: solid 4px #e5e5e5;
margin: 0.8em 0 1em 0;
padding: 0.8em 0 0.8em 4em;
}
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.button_back {
float: left;
margin-top: 1em;
margin-left: 0.4em;
position: fixed;
top: 0;
left: 0;
}
/*
* LIGHT MODE
*/
body.light-mode {
background: #f5f5f5;
color: #333;
}
body.light-mode footer {
border-top: solid 2px #e5e5e5;
background: #f5f5f5;
}
body.light-mode blockquote {
border-left: solid 4px #e5e5e5;
}
body.light-mode code {
color: #333;
background: #e5e5e5;
}
body.light-mode .table_pkg tbody tr:nth-child(even) {
background: #e5e5e5;
}
body.light-mode input[type=button], body.light-mode input[type=submit], body.light-mode input[type=text] {
background-color: #e5e5e5;
color: #333;
border: solid 1px #333;
}
body.light-mode input[type=button]:hover, body.light-mode input[type=submit]:hover {
background-color: #211921;
color: #FFF5EE;
}
body.light-mode input[type=file] {
color: #333;
background-color: #f5f5f5;
}
body.light-mode textarea {
background: #e5e5e5;
color: #333;
border: solid 1px #333;
}
body.light-mode button {
background-color: #e5e5e5;
color: #333;
}
body.light-mode button:hover {
background-color: #211921;
color: #FFF5EE;
}
body.light-mode .alert {
color: #333;
background: #e5e5e5;
}
body.light-mode .block, body.light-mode .block_head {
border-left: solid 4px #e5e5e5;
}
/*
* DARK MODE
*/
body.dark-mode {
color: #FFF5EE;
background: #040304;
}
body.dark-mode footer {
border-top: solid 2px #211921;
background: #040304;
}
body.dark-mode blockquote {
border-left: solid 4px #211921;
}
body.dark-mode code {
color: #ddd;
background: #211921;
}
body.dark-mode .table_pkg tbody tr:nth-child(even) {
background: #211921;
}
body.dark-mode input[type=button], body.dark-mode input[type=submit], body.dark-mode input[type=text] {
background-color: #211921;
color: #ddd;
border: solid 1px #ddd;
}
body.dark-mode input[type=button]:hover, body.dark-mode input[type=submit]:hover {
background-color: #e5e5e5;
color: #333;
}
body.dark-mode input[type=file] {
color: #ddd;
background-color: #040304;
}
body.dark-mode textarea {
color: #ddd;
background: #211921;
border: solid 1px #ddd;
}
body.dark-mode button {
background-color: #211921;
color: #ddd;
}
body.dark-mode button:hover {
background-color: #e5e5e5;
color: #333;
}
body.dark-mode .alert {
color: #ddd;
background: #211921;
}
body.dark-mode .block, body.dark-mode .block_head {
border-left: solid 4px #211921;
}

File diff suppressed because one or more lines are too long

80
css/greenscreen.css Normal file
View File

@ -0,0 +1,80 @@
:root {
--base00: #001100;
--base01: #003300;
--base02: #005500;
--base03: #007700;
--base04: #009900;
--base05: #00bb00;
--base06: #00dd00;
--base07: #00ff00;
--base08: #007700;
--base09: #009900;
--base0A: #007700;
--base0B: #00bb00;
--base0C: #005500;
--base0D: #009900;
--base0E: #00bb00;
--base0F: #005500;
}
html,
body,
tr,
td {
background-color: var(--base00);
color: var(--base05);
}
b,
strong,
a,
a:link,
a:visited,
a:active,
h1,
h2,
h3,
h4,
h5,
label {
color: var(--base07);
}
div#logo pre {
color: var(--base05);
text-shadow: 0 0 20px var(--base03), 0 0 30px var(--base03),
0 0 40px var(--base03), 0 0 55px var(--base03), 0 0 75px var(--base03);
}
a:hover {
color: var(--base05);
}
hr,
div.bar {
background: var(--base02);
color: var(--base05);
box-shadow: 2px 2px var(--base01);
}
h1,
h2,
h3,
h4,
h5,
th,
label {
text-shadow: 2px 2px var(--base02);
}
input,
textarea {
background-color: var(--base00);
color: var(--base05);
border: 1px solid var(--base03);
}
table,
div#body pre {
border: 1px solid var(--base03);
}

59
css/palelight.css Normal file
View File

@ -0,0 +1,59 @@
html,
body,
tr,
td {
background-color: #292d3e;
color: #676e95;
}
b,
strong,
a,
a:link,
a:visited,
a:active,
h3 {
color: #959dcb;
}
div#logo pre {
color: #959dcb;
text-shadow: 0 0 5px #c8c8c8;
}
a:hover {
color: white;
}
hr,
div.bar {
background: #676e95;
color: #292d3e;
box-shadow: 2px 2px #3f435a;
}
h1,
h2,
h3,
h4,
h5,
th,
label {
text-shadow: 2px 2px #3f435a;
}
input,
textarea {
background-color: #292d3e;
color: #676e95;
border: 1px solid #676e95;
}
table,
div#body pre {
border: 1px solid #676e95;
}
.ascii {
color: #959dcb;
}

162
css/site.css Normal file
View File

@ -0,0 +1,162 @@
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html,
body,
tr,
td {
font-family: input-mono, monospace;
font-size: 1em;
}
@font-face {
font-family: Glass;
src: url(font/glass.ttf) format("truetype");
}
.main {
display: flex;
flex-direction: column;
align-items: center;
margin: 20px;
}
div#logo {
text-align: center;
}
div#logo pre {
font-family: Glass, input-mono, monospace;
display: inline-block;
text-align: left;
font-size: 1.3em;
line-height: 1;
margin-bottom: 0;
}
div.bar {
padding: 5px;
padding-left: 15px;
border-radius: 3px;
}
div#footer {
margin-top: 10px;
}
h1 {
text-transform: uppercase;
}
hr {
border: 0;
height: 2px;
}
div#main {
width: 100ch;
margin: 0 auto;
}
div#body {
padding: 10px;
}
div#body pre {
padding: 10px;
border-radius: 5px;
}
li {
position: relative;
list-style: none;
}
li:before {
content: "*";
position: absolute;
left: -1.25em;
top: 0.15em;
}
ul.user-list {
display: flex;
flex-flow: row wrap;
list-style: none;
padding: 0;
}
ul.user-list li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 0 0 15%;
}
ul.user-list li:before {
content: "";
}
input,
textarea {
font-family: input-mono, monospace;
font-size: 0.75em;
width: 100%;
border: 0;
border-radius: 3px;
padding: 5px;
}
table {
text-align: left;
width: 100%;
padding: 5px;
border-radius: 5px;
}
div.news h3 {
margin-bottom: 1px;
}
/* Homepage Boxes */
div.container {
display: flex;
}
div#home-left {
width: 80%;
margin-right: 10px;
}
/* Patchlog */
div#patchlog {
font-size: 0.75em;
}
div#patchlog p {
margin-top: 0px;
}
th {
padding: 10px;
}
td {
padding-left: 30px;
}
table {
max-width: 500px;
}
.back {
position: absolute;
top: 10px;
right: 10px;
}
.welcome {
margin: 0 0 20px 0;
}
.ascii:hover {
color: #676e95;
}

BIN
font/glass.ttf Normal file

Binary file not shown.

View File

@ -1,30 +0,0 @@
@font-face{
font-family: 'JetBrains Mono';
src: url('eot/JetBrainsMono-Regular.eot') format('embedded-opentype'),
url('woff2/JetBrainsMono-Regular.woff2') format('woff2'),
url('woff/JetBrainsMono-Regular.woff') format('woff'),
url('ttf/JetBrainsMono-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'JetBrains Mono Italic';
src: url('eot/JetBrainsMono-Italic.eot') format('embedded-opentype'),
url('woff2/JetBrainsMono-Italic.woff2') format('woff2'),
url('woff/JetBrainsMono-Italic.woff') format('woff'),
url('ttf/JetBrainsMono-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face{
font-family: 'JetBrains Mono Bold';
src: url('eot/JetBrainsMono-Bold.eot') format('embedded-opentype'),
url('woff2/JetBrainsMono-Bold.woff2') format('woff2'),
url('woff/JetBrainsMono-Bold.woff') format('woff'),
url('ttf/JetBrainsMono-Bold.ttf') format('truetype');
font-weight: normal;
font-style: bold;
}

View File

@ -1,56 +1,211 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>~grizzly</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="grizzly" />
<meta name="description" content="~grizzly" />
<meta name="keywords" content="grizzly" />
<link rel="stylesheet" href="css/css_style.css" />
<link rel="stylesheet" href="css/fork-awesome.min.css" />
<link rel="stylesheet" href="fonts/jetbrains-mono/font.css" />
<meta name="keywords" content="grizzly,tildeverse,tilde" />
<link rel="stylesheet" href="css/site.css" />
<link rel="stylesheet" href="css/palelight.css" />
<!-- <link rel="stylesheet" href="/css/greenscreen.css"> -->
</head>
<body id="body" class="dark-mode">
<div style="clear: both">
<div id="main">
<pre>
<body>
<div class="main">
<pre class="ascii">
____ _ _
/ ___|_ __(_)_______| |_ _
| | _| '__| |_ /_ / | | | |
| |_| | | | |/ / / /| | |_| |
\____|_| |_/___/___|_|\__, |
|___/
</pre>
Welcome on my website!
IRC: grizzly on tilde.chat
Mail: <code>grizzly <em>at</em> envs <em>dot</em> net</code>
<code>grizzly <em>at</em> ttm <em>dot</em> sh</code>
<code>grizzly <em>at</em> tilde <em>dot</em> club</code>
<code>grizzly <em>at</em> tilde <em>dot</em> institute</code>
<code>grizzly <em>at</em> thunix <em>dot</em> net</code>
Tildeverse:
<a href="https://tilde.club/~grizzly">~club/~grizzly</a>
<a href="https://tilde.team/~grizzly">~team/~grizzly</a>
<a href="https://grizzly.tilde.institute/">~institute/~grizzly</a>
<a href="https://tilde.guru/~grizzly/">~guru/~grizzly/</a>
<a href="https://tilde.pink/~grizzly/">~pink/~grizzly/</a>
<a href="https://envs.net/~grizzly">envs.net/~grizzly</a>
<a href="https://heathens.club/~grizzly">heathens.club/~grizzly</a>
<a href="https://thunix.net/~grizzly">thunix.net/~grizzly</a>
<a href="http://rw.rs/~grizzly/">rw.rs/~grizzly</a>
<a href="http://grizzly.de1.hashbang.sh/">grizzly.de1.hashbang.sh</a>
<a href="gemini://tilde.team/~grizzly">gemini://tilde.team/~grizzly</a>
<a href="https://cosmic.voyage/Grizzly/hello.html">cosmic.voyage/Grizzly/hello.html</a>
Projects:
members site roulette at:
- <a href="https://tilde.club/~grizzly/browser/" target="_blank">tilde.club</a>
- <a href="https://tilde.team/~grizzly/browser/" target="_blank">tilde.team</a>
- <a href="https://envs.net/~grizzly/browser/" target="_blank">envs.net</a>
</pre>
<div class="welcome">
<h3>welcome on my website</h3>
<h4>have a great day!</h4>
</div>
<table>
<!-- IRC -->
<tr>
<th>IRC</th>
</tr>
<tr>
<td>
<strong> grizzly on tilde.chat </strong>
</td>
</tr>
<!-- Mail -->
<tr>
<th>Mail</th>
</tr>
<tr>
<td>
<strong>
<code>grizzly <em>at</em> ttm <em>dot</em> sh</code>
</strong>
</td>
</tr>
<tr>
<td>
<code>grizzly <em>at</em> envs <em>dot</em> net</code>
</td>
</tr>
<tr>
<td>
<code>grizzly <em>at</em> tilde <em>dot</em> club</code>
</td>
</tr>
<tr>
<td>
<code>grizzly <em>at</em> tilde <em>dot</em> institute</code>
</td>
</tr>
<tr>
<td>
<code>grizzly <em>at</em> thunix <em>dot</em> net</code>
</td>
</tr>
<tr>
<td>
<code>grizzly <em>at</em> dimension <em>dot</em> sh</code>
</td>
</tr>
<!-- Tildeverse -->
<tr>
<th>Tildeverse</th>
</tr>
<tr>
<td>
<strong>
|-- <a href="https://tilde.team/~grizzly">~team/~grizzly</a>
</strong>
</td>
</tr>
<tr>
<td>|-- <a href="https://tilde.club/~grizzly">~club/~grizzly</a></td>
</tr>
<tr>
<td>
|--
<a href="https://grizzly.tilde.institute/">~institute/~grizzly</a>
</td>
</tr>
<tr>
<td>
|-- <a href="https://tilde.guru/~grizzly/">~guru/~grizzly/</a>
</td>
</tr>
<tr>
<td>
|-- <a href="https://tilde.pink/~grizzly/">~pink/~grizzly/</a>
</td>
</tr>
<tr>
<td>|-- <a href="https://envs.net/~grizzly">envs.net/~grizzly</a></td>
</tr>
<tr>
<td>
|--
<a href="https://heathens.club/~grizzly">heathens.club/~grizzly</a>
</td>
</tr>
<tr>
<td>
|-- <a href="https://thunix.net/~grizzly">thunix.net/~grizzly</a>
</td>
</tr>
<tr>
<td>
|--
<a href="https://dimension.sh/~grizzly/">dimension.sh/~grizzly</a>
</td>
</tr>
<tr>
<td>|-- <a href="http://rw.rs/~grizzly/">rw.rs/~grizzly</a></td>
</tr>
<tr>
<td>
|--
<a href="http://grizzly.de1.hashbang.sh/"
>grizzly.de1.hashbang.sh</a
>
</td>
</tr>
<tr>
<td>
|--
<a href="gemini://tilde.team/~grizzly"
>gemini://tilde.team/~grizzly</a
>
</td>
</tr>
<tr>
<td>
|--
<a href="https://cosmic.voyage/Grizzly/hello.html"
>cosmic.voyage/Grizzly/hello.html</a
>
</td>
</tr>
<!-- Tildegit -->
<tr>
<th>Tildegit</th>
</tr>
<tr>
<td>
|--
<a href="https://tildegit.org/grizzly" target="_blank"
>tildegit.org/grizzly</a
>
</td>
</tr>
<!-- Projects -->
<tr>
<th>Projects</th>
</tr>
<tr>
<td>- members site roulette at</td>
</tr>
<tr>
<td>
|--
<a href="https://tilde.club/~grizzly/browser/" target="_blank"
>tilde.club</a
>
</td>
</tr>
<tr>
<td>
|--
<a href="https://tilde.team/~grizzly/browser/" target="_blank"
>tilde.team</a
>
</td>
</tr>
<tr>
<td>
|--
<a href="https://envs.net/~grizzly/browser/" target="_blank"
>envs.net</a
>
</td>
</tr>
</table>
</div>
<p class="back">
<em><a href="/">...back</a></em>
</p>
</body>
</html>

View File

@ -6,4 +6,5 @@ ssh pink git --work-tree=/home/grizzly/public_html --git-dir=/home/grizzly/publi
ssh guru git --work-tree=/home/grizzly/public_html --git-dir=/home/grizzly/public_html/.git pull ;
ssh unix git --work-tree=/home/grizzly/public_html --git-dir=/home/grizzly/public_html/.git pull ;
ssh heat git --work-tree=/home/grizzly/www --git-dir=/home/grizzly/www/.git pull ;
ssh hash git --work-tree=/home/grizzly/Public --git-dir=/home/grizzly/Public/.git pull ;
ssh hash git --work-tree=/home/grizzly/Public --git-dir=/home/grizzly/Public/.git pull ;
ssh dim git --work-tree=/home/grizzly/public_html --git-dir=/home/grizzly/public_html/.git pull ;