<!doctype html>
<html>
    <head>
	<meta name="generator" content="Hugo 0.54.0" />
        <style type="text/css">
            main {
                display: flex;
                flex-flow: column wrap;
                align-items: stretch;

                width: 100%;
                height: 100%;

                font-family: Arial, Helvetica, sans-serif;
                color: #333;
            }

            .flex-row {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                flex: 1 1 auto;
            }

            #emoji {
                justify-content: space-around;
            }

            #links {
                justify-content: center;
            }

            a.blog-link {
                font-size: 36px;
                font-weight: bolder;
                color: #333;
                text-decoration: none;
            }

            a.blog-link:hover {
                color: #555;
            }

            html, body {
                width: 100%;
                height: 100%;
            }

            body {
                margin: 0;
            }

            h1 {
                font-size: 36px;
            }

            @media all and (orientation: portrait), 
                   all and (max-width: 640px) {
                .flex-row {
                    flex-direction: column;
                }

                #follow {
                    flex-direction: row;
                }
            }
        </style>

        <title>skrud.ca</title>
    </head>
    <body>
        <main>
            <div class="flex-row" id="emoji">
                <div>
                    <a href="/cities/"><img src="/images/homepage/beer.png" alt="beer" /></a>
                </div>
                <div>
                    <a href="/music/"><img src="/images/homepage/metal.png" alt="metal" /></a>
                </div>
                <div>
                    <img src="/images/homepage/spock.png" alt="spock" />
                </div>
            </div>
        </main>
        
    </body>
</html>
