commit c514add79d752f4a655371cd627a84e5239be1dd Author: alicestrt Date: Mon Sep 13 11:52:07 2021 +0200 first commit diff --git a/ROR.png b/ROR.png new file mode 100644 index 0000000..da9514e Binary files /dev/null and b/ROR.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..127dd95 --- /dev/null +++ b/index.html @@ -0,0 +1,23 @@ + + + + + Recipes on the Radio + + + +

Recipes on the Radio

+ + Recipes are more than just instructions, whether it is food, or a recipe for disaster.
Recipes are deviant, magical and political.
Yoana and Alice, together with the occasional guest, will be cooking all kinds of recipes and their sounds and stories every other Saturday on the Worm radio. + logo

+ +

Episode 1

+ + Potato recipe + + + diff --git a/knife.gif b/knife.gif new file mode 100644 index 0000000..a9a907c Binary files /dev/null and b/knife.gif differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..91f7657 --- /dev/null +++ b/style.css @@ -0,0 +1,80 @@ +@import url('https://fonts.googleapis.com/css2?family=Londrina+Outline&family=Open+Sans&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap'); + +body { + background-color: white; +} + +.box { + display: flex; + align-items:center; + border-bottom: 1px solid #f0f0f0; +} + +.box_top { + display: flex; + align-items:center; + background-color: #f0f0f0; + margin: 0; +} + +img { + width: 25%; + display: inline; + margin-top: 2%; + padding-bottom: 25px; +} + +.about { + margin-left: 5%; + font-family: 'Open Sans', sans-serif; + line-height: 200%; + padding-right: 15%; + width: 650px; +} + +h1 { + font-family: 'Josefin Sans', sans-serif; + font-size: 50px; + margin-left: 5%; + color: rgb(255,99,6); +} + +h2 { + margin-left: 5%; + font-family: 'Open Sans', sans-serif; + font-size: 25px; + margin-top: 5%; + color: rgb(255,99,6); +} + +.description { + margin-left: 5%; +} + +.gif { + width: 10%; + margin-left: 50%; +} + +a { + color: black; + text-decoration: none; +} + +.glow { + color: ; + text-align: center; + -webkit-animation: glow 1s ease-in-out infinite alternate; + -moz-animation: glow 1s ease-in-out infinite alternate; + animation: glow 1s ease-in-out infinite alternate; +} + +@-webkit-keyframes glow { + from { + text-shadow: 0 0 10px rgb(255, 237, 71), 0 0 20px rgb(255, 237, 71), 0 0 30px rgb(255, 237, 71), 0 0 40px rgb(255, 237, 71), 0 0 50px rgb(255, 237, 71); + } + to { + text-shadow: 0 0 20px #fff, 0 0 30px rgb(255,99,6), 0 0 40px rgb(255,99,6), 0 0 50px rgb(255,99,6), 0 0 60px rgb(255,99,6), 0 0 70px rgb(255,99,6); + } +}