Compare commits

...

4 commits

Author SHA1 Message Date
a8480158f6 make "im gecs" green 2020-09-21 18:18:07 +02:00
7f6a45050f update twitter username 2020-09-21 18:18:01 +02:00
49df0f997b font weights 2020-08-18 15:07:11 +02:00
8cf52ac3d7 gecs blink 2020-08-17 06:56:15 +02:00
4 changed files with 216 additions and 99 deletions

View file

@ -1,119 +1,229 @@
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Bold-webfont.eot'); font-weight: 50;
src: url('Muller-Bold-webfont.eot?#iefix') format('embedded-opentype'), src:
url('Muller-Bold-webfont.woff2') format('woff2'), url(050.eot) format('embedded-opentype'),
url('Muller-Bold-webfont.woff') format('woff'), url(050.svg) format('svg'),
url('Muller-Bold-webfont.ttf') format('truetype'), url(050.ttf) format('truetype'),
url('Muller-Bold-webfont.svg#mullerbold') format('svg'); url(050.woff) format('woff'),
font-weight: 600; url(050.woff2) format('woff2');
font-style: normal;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Bold_Italic-webfont.eot'); font-weight: 50;
src: url('Muller-Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('Muller-Bold_Italic-webfont.woff2') format('woff2'),
url('Muller-Bold_Italic-webfont.woff') format('woff'),
url('Muller-Bold_Italic-webfont.ttf') format('truetype'),
url('Muller-Bold_Italic-webfont.svg#mullerbold_italic') format('svg');
font-weight: 600;
font-style: italic; font-style: italic;
src:
url(050i.eot) format('embedded-opentype'),
url(050i.svg) format('svg'),
url(050i.ttf) format('truetype'),
url(050i.woff) format('woff'),
url(050i.woff2) format('woff2');
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Medium-webfont.eot'); font-weight: 100;
src: url('Muller-Medium-webfont.eot?#iefix') format('embedded-opentype'), src:
url('Muller-Medium-webfont.woff2') format('woff2'), url(100.eot) format('embedded-opentype'),
url('Muller-Medium-webfont.woff') format('woff'), url(100.svg) format('svg'),
url('Muller-Medium-webfont.ttf') format('truetype'), url(100.ttf) format('truetype'),
url('Muller-Medium-webfont.svg#mullermedium') format('svg'); url(100.woff) format('woff'),
font-weight: 500; url(100.woff2) format('woff2');
font-style: normal;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Medium_Italic-webfont.eot'); font-weight: 100;
src: url('Muller-Medium_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('Muller-Medium_Italic-webfont.woff2') format('woff2'),
url('Muller-Medium_Italic-webfont.woff') format('woff'),
url('Muller-Medium_Italic-webfont.ttf') format('truetype'),
url('Muller-Medium_Italic-webfont.svg#mullermedium_italic') format('svg');
font-weight: 500;
font-style: italic; font-style: italic;
src:
url(100i.eot) format('embedded-opentype'),
url(100i.svg) format('svg'),
url(100i.ttf) format('truetype'),
url(100i.woff) format('woff'),
url(100i.woff2) format('woff2');
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-ExtraBold-webfont.eot'); font-weight: 200;
src: url('Muller-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), src:
url('Muller-ExtraBold-webfont.woff2') format('woff2'), url(200.eot) format('embedded-opentype'),
url('Muller-ExtraBold-webfont.woff') format('woff'), url(200.svg) format('svg'),
url('Muller-ExtraBold-webfont.ttf') format('truetype'), url(200.ttf) format('truetype'),
url('Muller-ExtraBold-webfont.svg#mullerextrabold') format('svg'); url(200.woff) format('woff'),
font-weight: 800; url(200.woff2) format('woff2');
font-style: normal;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-ExtraBold_Italic-webfont.eot'); font-weight: 200;
src: url('Muller-ExtraBold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('Muller-ExtraBold_Italic-webfont.woff2') format('woff2'),
url('Muller-ExtraBold_Italic-webfont.woff') format('woff'),
url('Muller-ExtraBold_Italic-webfont.ttf') format('truetype'),
url('Muller-ExtraBold_Italic-webfont.svg#mullerextrabold_italic') format('svg');
font-weight: 800;
font-style: italic; font-style: italic;
src:
url(200i.eot) format('embedded-opentype'),
url(200i.svg) format('svg'),
url(200i.ttf) format('truetype'),
url(200i.woff) format('woff'),
url(200i.woff2) format('woff2');
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Light-webfont.eot');
src: url('Muller-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('Muller-Light-webfont.woff2') format('woff2'),
url('Muller-Light-webfont.woff') format('woff'),
url('Muller-Light-webfont.ttf') format('truetype'),
url('Muller-Light-webfont.svg#mullerlight') format('svg');
font-weight: 300; font-weight: 300;
font-style: normal; src:
url(300.eot) format('embedded-opentype'),
url(300.svg) format('svg'),
url(300.ttf) format('truetype'),
url(300.woff) format('woff'),
url(300.woff2) format('woff2');
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Light_Italic-webfont.eot');
src: url('Muller-Light_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('Muller-Light_Italic-webfont.woff2') format('woff2'),
url('Muller-Light_Italic-webfont.woff') format('woff'),
url('Muller-Light_Italic-webfont.ttf') format('truetype'),
url('Muller-Light_Italic-webfont.svg#mullerlight_italic') format('svg');
font-weight: 300; font-weight: 300;
font-style: italic; font-style: italic;
src:
url(300i.eot) format('embedded-opentype'),
url(300i.svg) format('svg'),
url(300i.ttf) format('truetype'),
url(300i.woff) format('woff'),
url(300i.woff2) format('woff2');
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Regular-webfont.eot');
src: url('Muller-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('Muller-Regular-webfont.woff2') format('woff2'),
url('Muller-Regular-webfont.woff') format('woff'),
url('Muller-Regular-webfont.ttf') format('truetype'),
url('Muller-Regular-webfont.svg#muller_regularregular') format('svg');
font-weight: 400; font-weight: 400;
font-style: normal; src:
url(400.eot) format('embedded-opentype'),
url(400.svg) format('svg'),
url(400.ttf) format('truetype'),
url(400.woff) format('woff'),
url(400.woff2) format('woff2');
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Regular_Italic-webfont.eot');
src: url('Muller-Regular_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('Muller-Regular_Italic-webfont.woff2') format('woff2'),
url('Muller-Regular_Italic-webfont.woff') format('woff'),
url('Muller-Regular_Italic-webfont.ttf') format('truetype'),
url('Muller-Regular_Italic-webfont.svg#mullerregular_italic') format('svg');
font-weight: 400; font-weight: 400;
font-style: italic; font-style: italic;
src:
url(400i.eot) format('embedded-opentype'),
url(400i.svg) format('svg'),
url(400i.ttf) format('truetype'),
url(400i.woff) format('woff'),
url(400i.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 500;
src:
url(500.eot) format('embedded-opentype'),
url(500.svg) format('svg'),
url(500.ttf) format('truetype'),
url(500.woff) format('woff'),
url(500.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 500;
font-style: italic;
src:
url(500i.eot) format('embedded-opentype'),
url(500i.svg) format('svg'),
url(500i.ttf) format('truetype'),
url(500i.woff) format('woff'),
url(500i.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 600;
src:
url(600.eot) format('embedded-opentype'),
url(600.svg) format('svg'),
url(600.ttf) format('truetype'),
url(600.woff) format('woff'),
url(600.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 600;
font-style: italic;
src:
url(600i.eot) format('embedded-opentype'),
url(600i.svg) format('svg'),
url(600i.ttf) format('truetype'),
url(600i.woff) format('woff'),
url(600i.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 700;
src:
url(700.eot) format('embedded-opentype'),
url(700.svg) format('svg'),
url(700.ttf) format('truetype'),
url(700.woff) format('woff'),
url(700.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 700;
font-style: italic;
src:
url(700i.eot) format('embedded-opentype'),
url(700i.svg) format('svg'),
url(700i.ttf) format('truetype'),
url(700i.woff) format('woff'),
url(700i.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 800;
src:
url(800.eot) format('embedded-opentype'),
url(800.svg) format('svg'),
url(800.ttf) format('truetype'),
url(800.woff) format('woff'),
url(800.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 800;
font-style: italic;
src:
url(800i.eot) format('embedded-opentype'),
url(800i.svg) format('svg'),
url(800i.ttf) format('truetype'),
url(800i.woff) format('woff'),
url(800i.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 900;
src:
url(900.eot) format('embedded-opentype'),
url(900.svg) format('svg'),
url(900.ttf) format('truetype'),
url(900.woff) format('woff'),
url(900.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 900;
font-style: italic;
src:
url(900i.eot) format('embedded-opentype'),
url(900i.svg) format('svg'),
url(900i.ttf) format('truetype'),
url(900i.woff) format('woff'),
url(900i.woff2) format('woff2');
} }

BIN
images/mlem_bg.gif (Stored with Git LFS)

Binary file not shown.

View file

@ -4,8 +4,8 @@
<link rel=me href=https://cybre.space/@g> <link rel=me href=https://cybre.space/@g>
<link rel=me href=https://snouts.online/@g> <link rel=me href=https://snouts.online/@g>
<link rel=me href=https://twitter.com/gec_ko_> <link rel=me href=https://twitter.com/2_gecs>
<link rel=icon href=images/icon.png> <link rel=icon href=images/icon.svg>
<link rel=stylesheet href=style.css> <link rel=stylesheet href=style.css>
<title>web site more like web shite haha gottem</title> <title>web site more like web shite haha gottem</title>
@ -62,7 +62,7 @@
<dd><a href=https://cybre.space/@g>g@cybre.space</a><br> <dd><a href=https://cybre.space/@g>g@cybre.space</a><br>
<a href=https://snouts.online/@g>g@snouts.online</a> <a href=https://snouts.online/@g>g@snouts.online</a>
<dt>twit <dt>twit
<dd><a href=https://twitter.com/gec_ko_>@gec_ko_</a> <dd><a href=https://twitter.com/2_gecs>@2_gecs</a>
</dl> </dl>
</section> </section>
</main> </main>

View file

@ -11,7 +11,7 @@ body {
hsl(155deg, 70%, 62%) hsl(155deg, 70%, 62%)
); );
--bg-image: url(images/niss_uwu_bg.png); --bg-image: url(images/niss_uwu_bg.png);
--weight: 500; --weight: 600;
background: background:
var(--bg-image) top center fixed, var(--bg-image) top center fixed,
@ -45,7 +45,7 @@ main {
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-weight: 600; font-weight: 700;
margin-top: 0; margin-top: 0;
} }
@ -53,6 +53,10 @@ h1 {
font-size: 200%; font-size: 200%;
} }
b {
font-weight: 800;
}
#mlem { #mlem {
margin: 36px auto -50px; margin: 36px auto -50px;
position: relative; position: relative;
@ -103,7 +107,7 @@ dt {
text-align: right; text-align: right;
} }
dd { dd {
font-weight: 600; font-weight: 700;
text-align: left; text-align: left;
} }
@ -131,7 +135,7 @@ dd {
a { a {
color: hsl(196deg, 100%, 85%); color: hsl(196deg, 100%, 85%);
font-weight: bolder; font-weight: 800;
text-decoration: none; text-decoration: none;
transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;
} }
@ -139,6 +143,9 @@ a:hover {
color: hsl(50deg, 100%, 82%); color: hsl(50deg, 100%, 82%);
} }
.cake {
color: hsl(115deg, 100%, 84%);
}
.cake::before, .cake::after, .cake::before, .cake::after,
header rt::before, header rt::after, header rt::before, header rt::after,
section h2::before, section h2::after { section h2::before, section h2::after {