DressOrc/FosdemDreams
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

inital

Browse source
This commit is contained in:
Rosia E Evans 2025-04-20 16:49:58 +01:00
commit ad33bdaa53
5 changed files with 152 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
header.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 250 KiB

68
index.html Normal file
View file

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet">
</head>
<body>
<h1 class="wavy-text">
<span>F</span>
<span>O</span>
<span>S</span>
<span>D</span>
<span>E</span>
<span>M</span>
<span>_</span>
<span>D</span>
<span>R</span>
<span>E</span>
<span>A</span>
<span>M</span>
<span>S</span>
</h1>
<header>
A number of friends have come to me over the last 3 years telling me of stress dreams
about fosdem, drawing more numerous as the event grows closer. Could these be important? What could we learn
from these dreams? For sciences sake I've started logging them here.
<br>
<br>
If you have a dream to report, <a href="mailto:rosiaeevansn@gmail.com">email me</a>
</header>
<section>
<div class="story">
I was in the airport, going towards security. As I started to reach it I realised I was
carrying a knife in my jacket. I pulled it out and threw it away, but found my jacket contained infinite
knives. I grew closer to the security terminal as I continued to frantically remove knives from my personage.
</div>
<div class="lesson">
Don't bring the infinite knife jacket to fosdem if you're coming by plane
</div>
</section>
<section>
<div class="story">
I'd gotten on the plane to fosdem with the group I was going with. As the plane was in the air, half of
its body was ripped off and numerous of my friends fell out into the sky. I was stood on the other side,
watching, horrified. I realised I hadn't got travel insurance and then spent the rest of the plane journey
worrying about this.
</div>
<div class="lesson">
Get travel insurance if you're coming from a different country
</div>
</section>
<section>
<div class="story">
I was at fosdem, except it was an empty warehouse. There was an escape room and my friends kept
getting killed and turned into ghosts. This was fine as I knew I could turn them back if I won
the escape room. As ghosts they really liked the taste of salt.
</div>
<div class="lesson">
If your friends turn into ghosts at fosdem, this is okay.
</div>
</section>
</body>
</html>

BIN
space.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
space2.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 30 KiB

84
style.css Normal file
View file

@ -0,0 +1,84 @@
body{
background-image: url(space2.jpg);
font-family: Verdana, sans-serif;
color: white;
margin: 0 10vw 0 10vw;
}
a, a:visited{
color: white;
}
h1{
text-align: center;
color: white;
}
header{
margin-bottom: 40px;
background-color: #00000099;
padding: 5px;
border-radius: 3px;
}
section{
margin: 0 5vw 0 5vw;
margin-top: 20px;
}
section .story{
border-top: solid white 2px;
border-bottom: solid white 2px;
padding: 4px;
background-color: #00000099;
padding: 5px;
border-radius: 3px;
}
section .lesson{
margin-top: 5px;
padding: 4px;
background-color: #00000099;
padding: 5px;
}
section .lesson:before{
content: "Lesson:";
/* border-right: solid white 2px; */
}
/* thank you CodeLab 🙏
https://www.youtube.com/watch?v=CI-vuBp_hJY
*/
.wavy-text span{
display: inline-block;
animation: wave 2s ease-in-out infinite;
}
.wavy-text span:nth-child(1n){
animation-delay: 0s;
}
.wavy-text span:nth-child(2n){
animation-delay: 0.2s;
}
.wavy-text span:nth-child(3n){
animation-delay: 0.4s;
}
.wavy-text span:nth-child(4n){
animation-delay: 0.2s;
}
@keyframes wave{
0%, 100%{
transform: translateY(0);
}
50%{
transform: translateY(-20px);
}
}