finished site
This commit is contained in:
parent
ad33bdaa53
commit
ae00dfa5fa
3 changed files with 102 additions and 6 deletions
37
effects.css
Normal file
37
effects.css
Normal 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
60
index.html
|
@ -2,6 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<link href="style.css" rel="stylesheet">
|
||||
<link href="effects.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
@ -32,18 +33,18 @@ If you have a dream to report, <a href="mailto:rosiaeevansn@gmail.com">email me<
|
|||
|
||||
<section>
|
||||
<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
|
||||
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
|
||||
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
|
||||
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.
|
||||
|
@ -55,14 +56,61 @@ Get travel insurance if you're coming from a different country
|
|||
|
||||
<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.
|
||||
I was at fosdem, except it was an empty warehouse, but I knew it was FOSDEM. 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>
|
||||
|
||||
<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>
|
||||
</html>
|
||||
|
|
11
style.css
11
style.css
|
@ -3,6 +3,12 @@ body{
|
|||
font-family: Verdana, sans-serif;
|
||||
color: white;
|
||||
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{
|
||||
|
@ -21,6 +27,11 @@ header{
|
|||
border-radius: 3px;
|
||||
}
|
||||
|
||||
footer{
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
section{
|
||||
margin: 0 5vw 0 5vw;
|
||||
margin-top: 20px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue