diff options
-rw-r--r-- | try | 95 |
1 files changed, 95 insertions, 0 deletions
@@ -0,0 +1,95 @@ +<!DOCTYPE html> + +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Johanna Odersky</title> + <style> + a { + color: #000000; + text-decoration: none; + } + a:hover { + text-decoration: underline; + } + nav { + margin-bottom: 4em; + } + ul { + margin-bottom: 2em; + list-style: none; + } + li { + margin-bottom: 1em; + } + h1, h2, h3, h4, h5, h6 { + font-size: medium; + font-weight: normal; + margin-top: 4em; + margin-bottom: 2em; + } + footer { + text-align: center; + font-size: small; + } + .container { + width: 1028px; + margin-left: auto; + margin-right: auto; + } + @media only screen and (max-width: 1028px) { + .container { + width: 100%; + } + } + .work { + margin-bottom: 5em; + } + .work > img { + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 5em; + max-width: 100%; + } + .work > h1 { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + font-style: italic; + } + .work > h1, .work > span { + font-size: 14px; + } + </style> + </head> + <body> + <div class="container"> + <header> + <h1 id="title">Johanna Odersky</h1> + <ul> + <li>Lives and works in Frankfurt am Main, Germany</li> + <li>johanna.odersky@gmail.com</li> + </ul> + </header> + <nav> + <h2></h2> + <ul> + {% for work in site.works %} + <li><a href="/works#{{work.title}}">{{work.title}}</a></li> + {% endfor %} + </ul> + <h2 style="text-align: right;">Iku</h2> + <ul style="text-align: right; padding-right: 40px;"> + <li><a href="https://genot.bandcamp.com/album/fugue-some-temporal-patterns-other-than-the-forward-march">Fugue: Some Temporal Patterns Other Than the Forward March</a></li> + <li><a href="https://soundcloud.com/ikukojohanna">SoundCloud</a></li> + </ul> + </nav> + <main> + {{ content }} + </main> + </div> + </body +</html> + |