mirror of
https://github.com/Noratrieb/website.git
synced 2026-01-14 08:55:01 +01:00
🏳️⚧️
This commit is contained in:
parent
9a7bce392c
commit
ce88f65f92
6 changed files with 71 additions and 34 deletions
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>nilstrieb.dev</title>
|
||||
<title>noratrieb.dev</title>
|
||||
<link rel="stylesheet" href="static/theme.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -71,7 +71,8 @@
|
|||
<div>
|
||||
<h2>cargo-bisect-rustc-service</h2>
|
||||
<p>
|
||||
<a href="https://github.com/Nilstrieb/cargo-bisect-rustc-service">webscale bisection</a> at your fingertips
|
||||
<a href="https://github.com/Noratrieb/cargo-bisect-rustc-service">webscale bisection</a>
|
||||
at your fingertips
|
||||
</p>
|
||||
<a href="https://bisect-rustc.nilstrieb.dev/" class="call-to-action">
|
||||
<span>bisect-rustc.nilstrieb.dev</span>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>nilstrieb.dev</title>
|
||||
<title>noratrieb.dev</title>
|
||||
<link rel="stylesheet" href="static/theme.css" />
|
||||
<style>
|
||||
.hint {
|
||||
|
|
@ -53,30 +53,42 @@
|
|||
<body class="overflow-hidden">
|
||||
<div class="main-content">
|
||||
<div class="main-content-inner">
|
||||
<h1>Nilstrieb's website</h1>
|
||||
<div>
|
||||
<p>
|
||||
this is my website. you'll find lots of interesting and not very interesting stuff here,
|
||||
depending on where you look.
|
||||
</p>
|
||||
<p>
|
||||
there may be many
|
||||
<span onclick="onSecretClick()" class="secret hint" role="button">secrets</span>
|
||||
depending on where you look....
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>socials</h2>
|
||||
<p>
|
||||
these two are not everything, but you may find more there, like a choose your own
|
||||
adventure story: choose your own nils
|
||||
</p>
|
||||
<a href="https://github.com/Nilstrieb"
|
||||
><img class="social-logo" alt="GitHub" src="static/github.svg"
|
||||
/></a>
|
||||
<a href="https://hachyderm.io/@nilstrieb"
|
||||
><img class="social-logo" alt="Mastodon" src="static/mastodon.png"
|
||||
/></a>
|
||||
<h1>Noratrieb's website</h1>
|
||||
<div class="columns-2">
|
||||
<div>
|
||||
<div>
|
||||
<p>
|
||||
hi, i'm nora 🏳️⚧️. this is my website. you'll find lots of interesting and not very
|
||||
interesting stuff here, depending on where you look.
|
||||
</p>
|
||||
<p>
|
||||
there may be many
|
||||
<span onclick="onSecretClick()" class="secret hint" role="button">secrets</span>
|
||||
depending on where you look....
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>socials</h2>
|
||||
<p>
|
||||
these two are not everything, but you may find more there, like a choose your own
|
||||
adventure story: choose your own nora
|
||||
</p>
|
||||
<a href="https://github.com/Noratrieb">
|
||||
<img class="social-logo" alt="GitHub" src="static/github.svg" />
|
||||
</a>
|
||||
<a href="https://hachyderm.io/@nilstrieb">
|
||||
<img class="social-logo" alt="Mastodon" src="static/mastodon.png" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
height="200"
|
||||
src="static/Noratrieb.png"
|
||||
alt="Two grey cartoon-cats on a pink background. The left cat is small and sits on a floating rocket, the right cat is big and has a red bow tie on the right ear."
|
||||
style="margin-left: 15px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h2>my blog</h2>
|
||||
|
|
@ -105,7 +117,9 @@
|
|||
in addition to all the other stuff mentioned above, i also have some random projects
|
||||
hosted on my server. they are pretty bad and i won't promote them this openly, but you
|
||||
will be able to find them if you really want to. some people have been saying that there
|
||||
might be a secret <span role="button" class="hint" onclick="onBackalleyClick()">b</span>ack alley somewhere...
|
||||
might be a secret
|
||||
<span role="button" class="hint" onclick="onBackalleyClick()">b</span>ack alley
|
||||
somewhere...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
BIN
static/root/static/Noratrieb.png
Normal file
BIN
static/root/static/Noratrieb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
|
|
@ -1,3 +1,7 @@
|
|||
html {
|
||||
--accept-color: #e5a5c2;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Verdana, sans-serif;
|
||||
background-color: #e6dae9;
|
||||
|
|
@ -16,7 +20,7 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
@media (min-width: 1300px) {
|
||||
.main-content-inner {
|
||||
width: 50vw;
|
||||
}
|
||||
|
|
@ -25,7 +29,7 @@ body {
|
|||
.call-to-action {
|
||||
width: 250px;
|
||||
height: 50px;
|
||||
background-color: #8c499d;
|
||||
background-color: var(--accept-color);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
@ -44,9 +48,23 @@ body {
|
|||
}
|
||||
|
||||
.call-to-action * {
|
||||
color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.columns-2 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
.columns-2 {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
body {
|
||||
background-color: #e6dae9;
|
||||
|
|
@ -64,6 +82,10 @@ body {
|
|||
color: #e6dae9;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--accept-color);
|
||||
}
|
||||
|
||||
.secret {
|
||||
color: #a081a9;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue