tachchen
This commit is contained in:
pijukka
parent
4ccc6c7e9d
commit
e6d1a22c1f
18 changed files with 2859 additions and 0 deletions
37
about.html
Normal file
37
about.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>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;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<body>
|
||||||
|
<article>
|
||||||
|
<h1> contingent space crew</h1>
|
||||||
|
<p>
|
||||||
|
exploring the contingencies
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
38
about.html.bak
Normal file
38
about.html.bak
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>
|
||||||
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>
|
||||||
109
index.html
Normal file
109
index.html
Normal file
|
|
@ -0,0 +1,109 @@
|
||||||
|
<!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="icon" href="https://data.lukasrosier.com/spiral.png" type="image/png">
|
||||||
|
<link rel="apple-touch-icon" href="https://data.lukasrosier.com/spiral.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://lukasrosier.com">🐳</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://flux.contingent.space">🌊</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://port.contingent.space" target="_self">🔐</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://git.contingent.space">🐙</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://phanpy.contingent.space" target="_self">📣</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://chat.contingent.space">💬</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://call.contingent.space" title="NEEDS">☎️</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://test.contingent.space" >⏰</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://radio.contingent.space/live" class="internal-link" title="ROADMAP">📻</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://contingent.space/roadmap.html" class="internal-link" title="ROADMAP">🗺️</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="">🔄</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<audio controls style="width: 50px; height: 20px;">
|
||||||
|
<source src="https://radio.contingent.space/live" type="audio/mpeg">
|
||||||
|
</audio>
|
||||||
|
|
||||||
|
</div/>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
document.querySelectorAll('.internal-link').forEach(link => {
|
||||||
|
link.addEventListener('click', function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
window.location.href = this.href;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
</html>
|
||||||
254
index.html.bak
Normal file
254
index.html.bak
Normal file
|
|
@ -0,0 +1,254 @@
|
||||||
|
<!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 {
|
||||||
|
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;
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: overline;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
|
||||||
|
.tleft a {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tright {
|
||||||
|
position: fixed;
|
||||||
|
top: 5vmin;
|
||||||
|
right: 5vmin;
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 9999; /* Ensure it's on top of other content */
|
||||||
|
}
|
||||||
|
|
||||||
|
.tright a {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-decoration: overline;
|
||||||
|
}
|
||||||
|
.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>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Mail icon with mail link 📩 -->
|
||||||
|
<a class="bleft" href="mailto:mail@lukasrosier.com">mail</a>
|
||||||
|
<!-- ring icon with mail link ⭕-->
|
||||||
|
<a class="bright" href="#modal2">friends</a>
|
||||||
|
|
||||||
|
<div class="tleft">
|
||||||
|
<a href="https://data.lukasrosier.com">data</a>
|
||||||
|
<a href="#modal">help</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- elephant icon with mail link 🐘-->
|
||||||
|
<a class="tright" href="https://lukasrosier.com/now.html">now</a>
|
||||||
|
|
||||||
|
<a class="need" href="https://need.lukasrosier.com">need</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>
|
||||||
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>
|
||||||
37
now.html
Normal file
37
now.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>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>
|
||||||
|
looking for users
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
44
roadmap.html
Normal file
44
roadmap.html
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
<!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>
|
||||||
|
|
||||||
|
<article>
|
||||||
|
<ul>
|
||||||
|
<li>systemd sound liquidsoap</li>
|
||||||
|
<li>nextcloud</li>
|
||||||
|
<li>peertube</li>
|
||||||
|
<li>checkout</li>
|
||||||
|
<li>prosody hardening</li>
|
||||||
|
<li>agenix or sops</li>
|
||||||
|
<li>wildcard domain dns </li>
|
||||||
|
<li>launcher update</li>
|
||||||
|
<li>small pictures for booklet</li>
|
||||||
|
<li>entwurf board materialpark</li>
|
||||||
|
<li>basic auth</li>
|
||||||
|
<li>jitsi</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</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