hallöchen
This commit is contained in:
Lukas Rosier
parent
8435a7dce7
commit
2a138ba5ae
18 changed files with 2822 additions and 0 deletions
38
about.html
Normal file
38
about.html
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<link rel="apple-touch-icon" href="https://data.lukasrosier.com/appsmall.png">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<title>ABOUT</title>
|
||||||
|
<base href="https://www.lukasrosier.com">
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
max-width: 600px;
|
||||||
|
background-color: ghostwhite;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<body>
|
||||||
|
<article>
|
||||||
|
<h1> who we are -or rather what we want </h1>
|
||||||
|
<p>
|
||||||
|
ok, i had to do it, but some pseudo shit needs to be said. we want to phrase it by expressing what we want and like. basically we want agency. of us and of others. like accepting the fact you are here right now, you can make decisions and you can shape your life and build the world. agency. and of course there is the subconscious with all its twists and machineries and uncontrollabilty and we love it. we embrace that its a total shitshow. but it doesnt stop us from doing something, from taking responsibilty and from giving our words and actions fictional meaning. and no its no ego shitshow. we embrace that we are all in this together. its a shared world. we are not afraid to fail. we are just trying not be an asshole. this is where we fail the most ..
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
60
about.html.bak
Normal file
60
about.html.bak
Normal file
|
|
@ -0,0 +1,60 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>about</title>
|
||||||
|
<base href="https://www.lukasrosier.com">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 10vw;
|
||||||
|
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
||||||
|
background-image: radial-gradient(circle, midnightblue 0.5px, ghostwhite 1px);
|
||||||
|
background-size: 10px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<article>
|
||||||
|
<p>I am confused. Look I have always been confused. how, why. my head seems not follow my thoughts. unlike a chess player i cannot think more than 2 steps ahead. so there is no plan onky the wish for planing but everytime i want to think somethign logically through, plan the steps ahead to get to a desires outcome. i get lost.lost in meaning lost in soing. lost in whywhywhy, howhowhow, ending in the question: does this actually bring anythig to the table, is ot worth somehing, is it usefull? is it beautiful? the credo of the time i am alive in has put this nagging thing in my head that quwstions everything i do. every action i takd. but rightfully so. why do i try to go the hard way? why do i try to swim upstream? why do i try so hard not to be normal? because there is nothing wrong to be nirmal, there is nothing wrong to do as others and here and there a little bit different. the normal is ok. like do a job, do something. taking responsibilty. its fun and fullfilling. it gets you money. you can buy food and qol. find your people. take responsibilty. raise a next generation. its fun and fullfilling. just the compromise of old biology and new cultural normativity. its all fine. the normal way. sleep eat move do build sometimes alone, more often with others. social means responsibilty. words and acrtions are synchronized. and then everything is fine. its the revolution </p>
|
||||||
|
<p>but being alone for so long, puts this thing in your head. you have to prove your worth, because otherwise your solitude is a hoax. it seems shelling in´ trying to be a genius in ypur head, is ye, what is it, vortexing about your intellect and creativity, telling yourself that you are something misunderstood, if only they would see see see what you can rhink. if only they could experience what you have in your mind. its a hoaxhoaxhoax. you are alone. and here i say it. you are creative your are smart. but it means nothing. i dont even say it means nothing when you dont materialise. even if you create and make it happen, real. it means nothing. </p>
|
||||||
|
<p>its a shared life. just dont be an asshole </p>
|
||||||
|
<p>being too much alone (sometimes its ok) is an asshole move </p>
|
||||||
|
<p>do t do it </p>
|
||||||
|
|
||||||
|
fuuuuuuuuuuuuuukkkk. i do not want to tell you shit. i want a boat. fukkkkkkk. i hate all offfff you
|
||||||
|
i hate people who embrace themselves for being good at a certain thing and being bad at another. i want people who can do everthing from nothing.
|
||||||
|
|
||||||
|
i hate people that hate their lifes. i want people that want want want life.
|
||||||
|
i want to talk about things to build. i want to shape shape shape.
|
||||||
|
i have a modell an idea a concept of how reality works is constructed blabla bla. it is a construct a fiction my life in this culture in this time time it is an idea a fiction a story. i can we can shape shape shape shape fucking shape it change change change change fucking change it.
|
||||||
|
|
||||||
|
engage with me if you are free if you understand life
|
||||||
|
|
||||||
|
pls disassoziate from your self, see yourself as a comstruct of life culture time circumstance
|
||||||
|
|
||||||
|
build build build build build
|
||||||
|
|
||||||
|
create create create create
|
||||||
|
|
||||||
|
it is the only way out,
|
||||||
|
|
||||||
|
agency self agency take a stance a vita activa have a fucking life
|
||||||
|
|
||||||
|
</article>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
101
backCamera.html
Normal file
101
backCamera.html
Normal file
|
|
@ -0,0 +1,101 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title></title>
|
||||||
|
<base href="https://www.lukasrosier.com">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 10vw;
|
||||||
|
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
||||||
|
background-image: radial-gradient(circle, midnightblue 0.5px, ghostwhite 1px);
|
||||||
|
background-size: 10px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
/* Style for the mail icon */
|
||||||
|
.mail-icon {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 20px;
|
||||||
|
left: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 100;
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #000; /* Change the color as desired */
|
||||||
|
background-color: white;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
.ring-icon {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 20px;
|
||||||
|
right: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 100;
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #000; /* Change the color as desired */
|
||||||
|
background-color: white;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
.rabbit-icon {
|
||||||
|
position: fixed;
|
||||||
|
top: 20px;
|
||||||
|
left: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 100;
|
||||||
|
text-decoration: overline;
|
||||||
|
color: #000; /* Change the color as desired */
|
||||||
|
background-color: white;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
.elephant-icon {
|
||||||
|
position: fixed;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 100; text-decoration: overline;
|
||||||
|
color: darkgrey; /* Change the color as desired */
|
||||||
|
background-color: white;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<video id="video" autoplay playsinline style="width: 100%; height: auto;"></video>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const video = document.getElementById('video');
|
||||||
|
|
||||||
|
navigator.mediaDevices.getUserMedia({
|
||||||
|
video: { facingMode: { exact: 'environment' } } // Rückkamera
|
||||||
|
}).then((stream) => {
|
||||||
|
video.srcObject = stream; // Stream in Video-Element einbinden
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Mail icon with mail link 📩 -->
|
||||||
|
<a class="mail-icon" href="mailto:mail@lukasrosier.com">mail</a>
|
||||||
|
<!-- ring icon with mail link ⭕-->
|
||||||
|
<a class="ring-icon" href="https://hausdermaterialisierung.org">hdm</a>
|
||||||
|
|
||||||
|
<!-- rabbit icon with mail link 🐰-->
|
||||||
|
<a class="rabbit-icon" href="https://data.lukasrosier.com">data</a>
|
||||||
|
|
||||||
|
<!-- elephant icon with mail link 🐘-->
|
||||||
|
<a class="elephant-icon" href="https://git.lukasrosier.com">git</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
35
book.html
Normal file
35
book.html
Normal file
|
|
@ -0,0 +1,35 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<link rel="apple-touch-icon" href="https://data.lukasrosier.com/appsmall.png">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<title>BOOK</title>
|
||||||
|
<base href="https://www.lukasrosier.com">
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
max-width: 600px;
|
||||||
|
background-color: ghostwhite;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<body>
|
||||||
|
<article>
|
||||||
|
<h1>currently in the making - other ways to experience the now - reflections of 2024</h1>
|
||||||
|
</article>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1717
cosmoscope.html
Normal file
1717
cosmoscope.html
Normal file
File diff suppressed because one or more lines are too long
27
feed.xml
Normal file
27
feed.xml
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" ?>
|
||||||
|
<rss version="2.0">
|
||||||
|
<channel>
|
||||||
|
<title>Mein Website RSS-Feed</title>
|
||||||
|
<link>https://lukasrosier.com/</link>
|
||||||
|
<description>Neueste Updates von meiner Website</description>
|
||||||
|
<language>de-DE</language>
|
||||||
|
<lastBuildDate>Mon, 11 Feb 2025 12:00:00 +0000</lastBuildDate>
|
||||||
|
|
||||||
|
<item>
|
||||||
|
<title>Erster Beitrag</title>
|
||||||
|
<link>https://data.lukasrosier.com/</link>
|
||||||
|
<description>Eine kurze Beschreibung des Beitrags.</description>
|
||||||
|
<pubDate>Mon, 11 Feb 2025 10:00:00 +0000</pubDate>
|
||||||
|
<guid>https://data.lukasrosier.com/</guid>
|
||||||
|
</item>
|
||||||
|
|
||||||
|
<item>
|
||||||
|
<title>Zweiter Beitrag</title>
|
||||||
|
<link>https://lukasrosier.com/</link>
|
||||||
|
<description>Beschreibung des zweiten Beitrags.</description>
|
||||||
|
<pubDate>Sun, 10 Feb 2025 15:30:00 +0000</pubDate>
|
||||||
|
<guid>https://lukasrosier.com/</guid>
|
||||||
|
</item>
|
||||||
|
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
35
friends.html
Normal file
35
friends.html
Normal file
|
|
@ -0,0 +1,35 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<link rel="apple-touch-icon" href="https://data.lukasrosier.com/appsmall.png">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<title>BOOK</title>
|
||||||
|
<base href="https://www.lukasrosier.com">
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
max-width: 600px;
|
||||||
|
background-color: ghostwhite;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<body>
|
||||||
|
<article>
|
||||||
|
<h1>all my friends are dead -no list of peeps that the world needs to know about</h1>
|
||||||
|
</article>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
225
index.html
Normal file
225
index.html
Normal file
|
|
@ -0,0 +1,225 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<link rel="apple-touch-icon" href="https://data.lukasrosier.com/appsmall.png">
|
||||||
|
<title>[lukas]</title>
|
||||||
|
<style>
|
||||||
|
html {
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0;
|
||||||
|
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
||||||
|
background-image: radial-gradient(circle, lightsteelblue 1px, ghostwhite 1px);
|
||||||
|
background-size: 15px 15px;
|
||||||
|
font-size: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: lightsteelblue;
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: black;
|
||||||
|
padding: 5px;
|
||||||
|
border-radius: 4%;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
a:visited {
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.square {
|
||||||
|
width: 90vmin;
|
||||||
|
height: 90vmin;
|
||||||
|
overflow: scroll;
|
||||||
|
scroll-snap-type: y mandatory;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
position: relative;
|
||||||
|
clip-path: polygon(1% 0%, 99% 0%, 100% 1%, 100% 99%, 99% 100%, 1% 100%, 0% 99%, 0% 1%);
|
||||||
|
animation: weird-animation 3s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
scroll-snap-align: start;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
overflow-y: scroll; /* Enable vertical scrolling within sections */
|
||||||
|
}
|
||||||
|
|
||||||
|
.bleft {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 5vmin;
|
||||||
|
left: 5vmin;
|
||||||
|
text-decoration: underline;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
.bright {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 5vmin;
|
||||||
|
right: 5vmin;
|
||||||
|
text-decoration: underline;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
.tleft {
|
||||||
|
position: fixed;
|
||||||
|
top: 5vmin;
|
||||||
|
left: 5vmin;
|
||||||
|
text-decoration: overline;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tright {
|
||||||
|
position: fixed;
|
||||||
|
top: 5vmin;
|
||||||
|
right: 5vmin;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
|
||||||
|
.need {
|
||||||
|
position: fixed;
|
||||||
|
top: 20px;
|
||||||
|
right: 80px;
|
||||||
|
text-decoration: overline;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
.help {
|
||||||
|
position: fixed;
|
||||||
|
top: 20px;
|
||||||
|
left: 100px;
|
||||||
|
text-decoration: overline;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal2 {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* When the modal is targeted, display it */
|
||||||
|
#modal2:target {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.modal {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* When the modal is targeted, display it */
|
||||||
|
#modal:target {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-content {
|
||||||
|
background: white;
|
||||||
|
border-radius: 5%;
|
||||||
|
margin: 15% auto;
|
||||||
|
padding: 20px;
|
||||||
|
width: 80%;
|
||||||
|
max-width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close {
|
||||||
|
color: #aaa;
|
||||||
|
font-size: 30px;
|
||||||
|
text-decoration: none;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close:hover {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
@media (orientation: landscape) {
|
||||||
|
body {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="square">
|
||||||
|
<div class="section"><img src="https://data.lukasrosier.com/ballert.jpeg" /></div>
|
||||||
|
<div class="section"><img src="https://data.lukasrosier.com/builder.jpeg" /></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<a class="bleft" href="mailto:mail@lukasrosier.com">mail</a>
|
||||||
|
<a class="bright" href="#modal2">friends</a>
|
||||||
|
|
||||||
|
<a class="tleft" href="https://data.lukasrosier.com">data</a>
|
||||||
|
|
||||||
|
<a class="tright" href="https://lukasrosier.com/now.html">now</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div id="modal" class="modal">
|
||||||
|
<div class="modal-content">
|
||||||
|
<!-- Link to close the modal -->
|
||||||
|
<a href="#" class="close">×</a>
|
||||||
|
<h2>orientation</h2>
|
||||||
|
|
||||||
|
<p>i use this website as a tool</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="modal2" class="modal2">
|
||||||
|
<div class="modal-content">
|
||||||
|
<!-- Link to close the modal -->
|
||||||
|
<a href="#" class="close">×</a>
|
||||||
|
<h2>friends</h2>
|
||||||
|
<a href="https://hausdermaterialisierung.org">hdm</a></br>
|
||||||
|
<a href="https://hausderstatistik.org">hds</a></br>
|
||||||
|
<a href="https://www.mitkunstzentrale.de/">mkz</a></br>
|
||||||
|
<a href="https://raumlabor.net/">raumlabor.net</a></br>
|
||||||
|
<a href="https://www.erbeleben.de/">erbeleben</br></a>
|
||||||
|
<p>la releve</p>
|
||||||
|
<p>atelier hors formes</p>
|
||||||
|
<p>mrtz</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
88
index.html.bak
Normal file
88
index.html.bak
Normal file
|
|
@ -0,0 +1,88 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<link rel="apple-touch-icon" href="https://data.lukasrosier.com/appsmall.png">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<title>[CSC]</title>
|
||||||
|
<base href="https://contingent.space">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-size: clamp(6rem, 15vw, 20rem);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
height: 100dvh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto auto auto;
|
||||||
|
grid-template-rows: auto auto auto;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame div {
|
||||||
|
border-radius: 1rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (orientation:landscape) {
|
||||||
|
body {
|
||||||
|
font-size: clamp(5rem, 9vw, 15rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame {
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: auto auto;
|
||||||
|
grid-template-columns: auto auto auto auto auto;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="frame">
|
||||||
|
<div>
|
||||||
|
<a href="https://data.lukasrosier.com">📁</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="mailto:mail@lukasrosier.com">📧</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="/book.html">📖</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="/friends.html" target="_self">🎉</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://social.contingent.space" target="_self">🐙</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="/now.html">🚀</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="/about.html">📝</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="/need.html" title="NEEDS">🤲</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="/roadmap.html" title="ROADMAP">🗺️</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
120
index.html.bak.bak
Normal file
120
index.html.bak.bak
Normal file
|
|
@ -0,0 +1,120 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<link rel="apple-touch-icon" href="https://data.lukasrosier.com/appsmall.png">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
<title></title>
|
||||||
|
<base href="https://www.lukasrosier.com">
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
||||||
|
background-image: radial-gradient(circle, antiquewhite 0.5px, #E0E722 1px);
|
||||||
|
background-size: 10px 10px;
|
||||||
|
background-color: ghostwhite;
|
||||||
|
font-size: clamp(5rem, 15vw, 20rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto auto auto;
|
||||||
|
grid-template-rows: auto auto auto;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame div {
|
||||||
|
border-radius: 1rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
background-color: ghostwhite;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: hotpink;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background-image: radial-gradient(circle, #191919 0.5px, #040d14 1px);
|
||||||
|
background-size: 10px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
background-color: #1c1b1a;
|
||||||
|
box-shadow: black 0px 3px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: #E0E722;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (orientation:landscape) {
|
||||||
|
body {
|
||||||
|
font-size: clamp(2rem, 6vw, 10rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame {
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: auto;
|
||||||
|
grid-template-columns: auto auto auto auto auto auto auto auto auto;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="frame">
|
||||||
|
<div>
|
||||||
|
<a href="https://data.lukasrosier.com">📁</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="mailto:mail@lukasrosier.com">📧</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://lukasrosier.com/book">📖</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://lukasrosier.com/friends">🎉</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://git.lukasrosier.com">🐙</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://lukasrosier.com/now">🚀</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://lukasrosier.com/about">📝</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://need.lukasrosier.com" title="NEEDS">🤲</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://lukasrosier.com/roadmap" title="ROADMAP">🗺️</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
18
journal.atom
Normal file
18
journal.atom
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||||
|
<title>Journal</title>
|
||||||
|
<link href="https://lukasrosier.com/journal.atom" rel="self"/>
|
||||||
|
<updated>2025-02-12T12:00:00Z</updated>
|
||||||
|
<id>https://lukasrosier.com/</id>
|
||||||
|
|
||||||
|
<entry>
|
||||||
|
<title>thursday</title>
|
||||||
|
<link href="https://lukasrosier.com"/>
|
||||||
|
<id>1</id>
|
||||||
|
<updated>2025-02-13T10:25:00Z</updated>
|
||||||
|
<author>
|
||||||
|
<name> lukas </name>
|
||||||
|
</author>
|
||||||
|
<content>recap of yesterday. etwas will aus uns herausbrechen - eher spritzen. es ist sehr stark und das gefühl extrem körperlich, wenn es sich wie eine blase aus unseren rissen herausdrängt aber die hülle noch intakt bleibt. und sich durch willenskraft wieder zurückzieht. alles eine frage der zeit bis die blase explodiert oder der orange eiter von innen abgebaut wird.</content>
|
||||||
|
</entry>
|
||||||
|
</feed>
|
||||||
20
manifest.json
Normal file
20
manifest.json
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
{
|
||||||
|
"name": "My Web App",
|
||||||
|
"short_name": "WebApp",
|
||||||
|
"description": "A web app for my awesome website.",
|
||||||
|
"start_url": "/?source=pwa",
|
||||||
|
"display": "standalone",
|
||||||
|
"background_color": "#ffffff",
|
||||||
|
"theme_color": "ghostwhite",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "https://data.lukasrosier.com/appsmall.png",
|
||||||
|
"sizes": "192x192",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "https://data.lukasrosier.com/app.png",
|
||||||
|
"sizes": "512x512",
|
||||||
|
"type": "image/png"
|
||||||
|
}
|
||||||
|
}
|
||||||
102
meta.html
Normal file
102
meta.html
Normal file
|
|
@ -0,0 +1,102 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title></title>
|
||||||
|
<base href="https://www.lukasrosier.com">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 10vw;
|
||||||
|
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
||||||
|
background-image: radial-gradient(circle, midnightblue 0.5px, ghostwhite 1px);
|
||||||
|
background-size: 10px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
|
||||||
|
}
|
||||||
|
/* Style for the mail icon */
|
||||||
|
.mail-icon {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 20px;
|
||||||
|
left: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 100;
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #000; /* Change the color as desired */
|
||||||
|
background-color: white;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
.ring-icon {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 20px;
|
||||||
|
right: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 100;
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #000; /* Change the color as desired */
|
||||||
|
background-color: white;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
.rabbit-icon {
|
||||||
|
position: fixed;
|
||||||
|
top: 20px;
|
||||||
|
left: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 100;
|
||||||
|
text-decoration: overline;
|
||||||
|
color: #000; /* Change the color as desired */
|
||||||
|
background-color: white;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
.elephant-icon {
|
||||||
|
position: fixed;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 100; text-decoration: overline;
|
||||||
|
color: darkgrey; /* Change the color as desired */
|
||||||
|
background-color: white;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>hey</p>
|
||||||
|
<h1 id="test">test</h1>
|
||||||
|
<p>schrift</p>
|
||||||
|
<p>link <a href="#fn1" class="footnote-ref" id="fnref1"
|
||||||
|
role="doc-noteref"><sup>1</sup></a></p>
|
||||||
|
<h2 id="neue">neue</h2>
|
||||||
|
<p>text # aha</p>
|
||||||
|
<p><em>skdkrl</em></p>
|
||||||
|
<section id="footnotes" class="footnotes footnotes-end-of-document"
|
||||||
|
role="doc-endnotes">
|
||||||
|
<hr />
|
||||||
|
<ol>
|
||||||
|
<li id="fn1"><p>hahaha<a href="#fnref1" class="footnote-back"
|
||||||
|
role="doc-backlink">↩︎</a></p></li>
|
||||||
|
</ol>
|
||||||
|
</section>
|
||||||
|
#
|
||||||
|
# <!-- Mail icon with mail link 📩 -->
|
||||||
|
# <a class="mail-icon" href="mailto:mail@lukasrosier.com">mail</a>
|
||||||
|
# <!-- ring icon with mail link ⭕-->
|
||||||
|
# <a class="ring-icon" href="https://hausdermaterialisierung.org">hdm</a>
|
||||||
|
#
|
||||||
|
# <!-- rabbit icon with mail link 🐰-->
|
||||||
|
# <a class="rabbit-icon" href="https://data.lukasrosier.com">data</a>
|
||||||
|
#
|
||||||
|
# <!-- elephant icon with mail link 🐘-->
|
||||||
|
# <a class="elephant-icon" href="https://git.lukasrosier.com">git</a>
|
||||||
|
#
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
37
needs.html
Normal file
37
needs.html
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<link rel="apple-touch-icon" href="https://data.lukasrosier.com/appsmall.png">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<title>NEED</title>
|
||||||
|
<base href="https://www.lukasrosier.com">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
height: 100vh;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
background-color: white;
|
||||||
|
z-index:99999;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
background-color:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p>hello </p>
|
||||||
|
<ul>
|
||||||
|
<li>Apfel</li>
|
||||||
|
</ul>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
42
now.html
Normal file
42
now.html
Normal file
|
|
@ -0,0 +1,42 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<link rel="apple-touch-icon" href="https://data.lukasrosier.com/appsmall.png">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<title>NOW</title>
|
||||||
|
<base href="https://www.lukasrosier.com">
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
max-width: 600px;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<body>
|
||||||
|
<article>
|
||||||
|
<p>
|
||||||
|
what are we doing now?</br>
|
||||||
|
|
||||||
|
01 march 25</br>
|
||||||
|
|
||||||
|
cologne karneval </br>
|
||||||
|
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
29
roadmap.html
Normal file
29
roadmap.html
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<link rel="apple-touch-icon" href="https://data.lukasrosier.com/appsmall.png">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<title>ROADMAP</title>
|
||||||
|
<base href="https://www.lukasrosier.com">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<img src="https://data.lukasrosier.com/roadmap.jpg">
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
41
style.css
Normal file
41
style.css
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
|
||||||
|
background-image: radial-gradient(circle, antiquewhite 0.5px, #E0E722 1px);
|
||||||
|
background-size: 10px 10px;
|
||||||
|
background-color: ghostwhite;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
background-color: ghostwhite;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: hotpink;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background-image: radial-gradient(circle, #191919 0.5px, #040d14 1px);
|
||||||
|
background-size: 10px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
background-color: #1c1b1a;
|
||||||
|
box-shadow: black 0px 3px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: #E0E722;
|
||||||
|
}
|
||||||
|
@media (orientation:landscape) {
|
||||||
|
body {
|
||||||
|
font-size: clamp(2rem, 6vw, 10rem);
|
||||||
|
}
|
||||||
|
|
||||||
87
style.css.bak
Normal file
87
style.css.bak
Normal file
|
|
@ -0,0 +1,87 @@
|
||||||
|
:root {
|
||||||
|
border-color: MediumBlue;
|
||||||
|
--cosma-blue-dark: Mediumblue;
|
||||||
|
--border-color: deepskyblue;
|
||||||
|
--indicator-background-color: ghostwhite;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: var(--mono);
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.record main {
|
||||||
|
font-family: var(--mono);
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-weight: 100;
|
||||||
|
color: red;
|
||||||
|
background-color: whitesmoke
|
||||||
|
}
|
||||||
|
.record main a.record-link {
|
||||||
|
text-decoration: none;
|
||||||
|
font-style: italic;
|
||||||
|
color: mediumblue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.record main hr {
|
||||||
|
background: mistyrose;
|
||||||
|
}
|
||||||
|
|
||||||
|
.record main a.record-link::before {
|
||||||
|
content: '/';
|
||||||
|
}
|
||||||
|
|
||||||
|
.record main h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-family: var(--mono);
|
||||||
|
}
|
||||||
|
|
||||||
|
main.record-container {
|
||||||
|
color: mediumblue;
|
||||||
|
background-image: radial-gradient(circle, SlateGrey 0.5px, snow 0.5px);
|
||||||
|
background-size: 8px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
details > summary {
|
||||||
|
text-transform: lowercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
details {
|
||||||
|
font-size: 1rem;
|
||||||
|
background-color: whitesmoke;
|
||||||
|
}
|
||||||
|
text {
|
||||||
|
fill: mediumblue;
|
||||||
|
font-weight: 100;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
aside.menu {
|
||||||
|
background-image: radial-gradient(circle, slategrey 0.5px, snow 0.5px);
|
||||||
|
color: MediumBlue;
|
||||||
|
background-size: 8px 8px;
|
||||||
|
flex: 0 0 20rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside.menu footer {
|
||||||
|
width:20rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
background-color: ghostwhite;
|
||||||
|
font-family: var(--mono);
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
text-transform: lowercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.load-bar #load-bar-value {
|
||||||
|
background-color: gold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.record footer li .record-links-context {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue