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

finished site

Browse source
This commit is contained in:
Rosia E Evans 2025-05-17 23:03:05 +01:00
parent ad33bdaa53
commit ae00dfa5fa
3 changed files with 102 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

37
effects.css Normal file
View file

@ -0,0 +1,37 @@
:root{
--accent: white;
--back: black;
}
a, a:visited{
color: white;
}
a:hover{
font-weight: 1000;
}
::selection {
background-color: var(--accent);
color: var(--back);
}
::-moz-selection {
background-color: var(--accent);
color: var(--back);
}
::-o-selection {
background-color: var(--accent);
color: var(--back);
}
::-ms-selection {
background-color: var(--accent);
color: var(--back);
}
::-webkit-selection {
background-color: var(--accent);
color: var(--back);
}

60
index.html
View file

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="effects.css" rel="stylesheet">
</head> </head>
<body> <body>
@ -32,18 +33,18 @@ If you have a dream to report, <a href="mailto:rosiaeevansn@gmail.com">email me<
<section> <section>
<div class="story"> <div class="story">
I was in the airport, going towards security. As I started to reach it I realised I was I was in the airport on the way to FOSDEM, 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 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. knives. I grew closer to the security terminal as I continued to frantically remove knives from my personage.
</div> </div>
<div class="lesson"> <div class="lesson">
Don't bring the infinite knife jacket to fosdem if you're coming by plane Don't bring the infinite knife jacket to FOSDEM if you're coming by plane
</div> </div>
</section> </section>
<section> <section>
<div class="story"> <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 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, 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 watching, horrified. I realised I hadn't got travel insurance and then spent the rest of the plane journey
worrying about this. worrying about this.
@ -55,14 +56,61 @@ Get travel insurance if you're coming from a different country
<section> <section>
<div class="story"> <div class="story">
I was at fosdem, except it was an empty warehouse. There was an escape room and my friends kept I was at fosdem, except it was an empty warehouse, but I knew it was FOSDEM. There was an escape
getting killed and turned into ghosts. This was fine as I knew I could turn them back if I won room and my friends kept getting killed and turned into ghosts. This was fine as I knew I could
the escape room. As ghosts they really liked the taste of salt. turn them back if I won the escape room. As ghosts they really liked the taste of salt.
</div> </div>
<div class="lesson"> <div class="lesson">
If your friends turn into ghosts at fosdem, this is okay. If your friends turn into ghosts at fosdem, this is okay.
</div> </div>
</section> </section>
<section>
<div class="story">
I was at FOSDEM with my student group, I was stood next to the organiser of the group
and with 0 provocation stabbed them. The rest of the group turned to me and told me that
we couldn't go home anymore because the organiser had the tickets and she was now dead.
We were stuck in Belgium forever.
</div>
<div class="lesson">
Don't kill someone if they have your plane tickets.
</div>
</section>
<section>
<div class="story">
My group had accomodation at a skyscraper in Brussels. A section of our group were being too
loud and we got kicked out of the accomodation. We then panicking, had to see what cash we could
find to scrape the change together to afford another skyscraper to stay in.
</div>
<div class="lesson">
Be polite and treat your accomodation well.
</div>
</section>
<section>
<div class="story">
I was at FOSDEM, being rude to people. I got put in FOSDEM jail.
</div>
<div class="lesson">
Don't be a hater.
</div>
</section>
<section>
<div class="story">
I and a friend were building a rocket to go to space FOSDEM. We eventually realised
this rocket wouldnt work. We were bummed out about this, but kept working on it for fun.
Luckily there was a space train that took us instead. I thought space FOSDEM was a stupid
name but a dude in a beanie told me the name "FOSDEM" didn't roll off the tongue on its own.
</div>
<div class="lesson">
Get the train to FOSDEM??
</div>
</section>
<footer>
A site by <a href="https://rosia.me">Rosia Evans</a>
</footer>
</body> </body>
</html> </html>

11
style.css
View file

@ -3,6 +3,12 @@ body{
font-family: Verdana, sans-serif; font-family: Verdana, sans-serif;
color: white; color: white;
margin: 0 10vw 0 10vw; margin: 0 10vw 0 10vw;
animation: drift 300s infinite;
}
/* www.w3schools.com/cssref/tryit.php?filename=trycss_anim_background-position */
@keyframes drift {
50% {background-position: center;}
} }
a, a:visited{ a, a:visited{
@ -21,6 +27,11 @@ header{
border-radius: 3px; border-radius: 3px;
} }
footer{
margin-top: 20px;
margin-bottom: 20px;
}
section{ section{
margin: 0 5vw 0 5vw; margin: 0 5vw 0 5vw;
margin-top: 20px; margin-top: 20px;