<html>
    <head>
        <link rel="stylesheet" href="styles/pure-min.css">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, 
maximum-scale=1.0, user-scalable=no, minimal-ui"> 
        <!--[if lte IE 8]>
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-old-ie-min.css">
<![endif]-->
        <!--[if gt IE 8]><!-->
        <link rel="stylesheet" href="styles/grids-responsive-min.css">
        <!--<![endif]-->
        <style>
            @font-face{
            font-family: SourceSansProLight;
            src: url('fonts/SourceSansPro-Light.eot');
            src: local('SourceSansPro-Light'), url('fonts/SourceSansPro-Light.otf.woff') format('woff'), url('fonts/SourceSansPro-Light.ttf.woff') format('truetype');
            }

body
{
    background-color: #F2F2F2;
}

.wrap
{
    background-color: #FFF;
    min-height: 1000px;
    margin: 0 auto;
    max-width: 600px;
}

.content
{
    margin: 40px 40px;
}

.section
{
    margin-bottom: 40px;
    font-weight: lighter;
}

.section h1
{
    color: #c3c3c3;
    font-weight: 1000;
    font-size: 24px;
    font-family: SourceSansProLight;
}

#spotlight h2
{
    font-size: 20px;
    font-family: SourceSansProLight;
    font-weight: 1000;
}

#spotlight p
{
    font-family: SourceSansProLight;
}

#spotlight img
{
    float: right;
    max-width: 200;
    margin: 20px;
}

.elk
{
    margin-right: 20px;
}

.elk img
{
    margin-bottom: 10px;
    border-radius: 10px;
    float: left;
}

.elk-name
{
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: lighter;
    margin-top: 0px;
    font-family: Source Sans Pro;
}

.elk-twitter
{
    margin-top: 5px;
    float: left;
    font-family: Source Sans Pro;
    color: #000;
}

.community h2
{
    margin-bottom: 0px;
    font-family: SourceSansProLight;
    font-weight: 500;
    font-size: 20px;
}

.community p
{
    margin-top: 0px;
    font-size: 12px;
    font-family: SourceSansProLight;
}


.community a
{
    color: #000;
}

.newsletter input
{
}

.newsletter button
{
}

header
{
    background-color: #2bc2ed;
}

header img
{
    max-height: 128px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.section h1
{
    margin-top: 0px;
}

a
{
    text-decoration: none;
    color: 000;
}

@media (max-width:479px)
{
    .optional
    {
        display: none;
    }
    .elk-twitter
    {
        font-size: 12px;
    }
    header img
    {
        max-height: 64px;
    }
    #spotlight p
    {
        font-size: 14px;
    }
}

@media (max-width: 599px)
{
    .content
    {
        margin: 10px;
    }
    .elk
    {
        margin-right: 7px;
    }
}

a:visited
{
    text-decoration: none;
    text-transform: none;
    color: #000;
}

@media (max-width:479px)
{
    .community h2
    {
        font-size: 16px;
    }
}


</style>
    </head>
    <body class="">
        <div class="pure-g wrap">
            <header class="pure-u-1">
                <a href="//www.46elks.com/">
                    <img src="images/logo-400x256.png" />
                </a>
            </header>
            <div class="content">
                <div href="http://people.46elks.com/emil/oauth2" class="pure-u-1 section" id="spotlight">
                    <h1>
                        THE SPOTLIGHT</h1>
                    <h2><a href="http://people.46elks.com/emil/oauth2">An introduction to OAuth2</a></h2>
                    <p>At Uppsala Tech Meetup #5 Emil gave an introduction to OAuth2 (RFC6749). HamnCentralen was kind enough to host the event together with Johannes here at 46elks. The topic of the event was web development, and since I had already struggled quite a bit with OAuth, I sat down and properly read through RFC6749 to get a better understanding of the inner workings of OAuth2.</p>
                </div>                 
                <div class="pure-u-1 section">
                    <h1>
                        THE ELKS</h1>
                    <div class="elk pure-u-1-5">
                        <a href="http://people.46elks.com/johannesl/" class="elk-profile">
                            <img src="images/elk-johannesl.jpg" class="pure-img" />
                        </a>
                        <p class="elk-name">Johannes</p>
                        <p class="elk-name optional">Lundberg</p>
                        <a href="https://twitter.com/johannesl/" class="elk-twitter">@johannesl</a>
                    </div>
                    <div class="elk pure-u-1-5">
                        <a href="http://people.46elks.com/martin/">
                            <img src="images/elk-thuma.jpg" class="pure-img">
                        </a>
                        <p class="elk-name">Martin</p>
                        <p class="elk-name optional">Harari Thuresson</p>
                        <a href="https://github.com/thuma" class="elk-twitter">@thuma</a>
                    </div>
                    <div class="elk pure-u-1-5">
                        <a href="http://people.46elks.com/emil/">
                            <img src="images/elk-sakjur.jpg" class="pure-img">
                        </a>
                        <p class="elk-name">Emil</p>
                        <p class="elk-name optional">Tullstedt</p>
                        <a class="elk-twitter" href="https://github.com/sakjur">@sakjur</a>
                    </div>
                    <div class="elk pure-u-1-5">
                        <a href="http://people.46elks.com/victoria/">
                            <img src="images/elk-victoria.jpg" class="pure-img">
                        </a>
                        <p class="elk-name">Victoria</p>
                        <p class="elk-name optional">Wagman</p>
                        <a class="elk-twitter" href="https://twitter.com/victoriawagman">@victoriawagman</a>
                    </div>
                </div>                 
                <div class="pure-u-1 section community">
                    <h1>THE COMMUNITY</h1>
                    <a href="http://tomv.io/2015/10/24/sms-santa.html"><h2>
        Building command line .NET programs with C#</h2><p>
       Tom van Ommeren</p></a>
                    <a href="https://github.com/jage/elk"><h2>
        Ruby SMS client on GitHub</h2><p>Johan Eckerström</p></a>
                    <a href="https://www.youtube.com/watch?v=WkOjFrrZNJE"><h2>
        Sending SMS from your app with Swift and iOS 9 [video]</h2><p>Lucas Grönlund</p></a>
                </div>
                <div class="pure-u-1 section">
                    <h1>NEWSLETTER</h1>
                    <form class="pure-form" method="POST" action="https://script.google.com/macros/s/AKfycbwYugrdox18b0cseiaNZLDGGWCU9GwGvrGvHSvPOKmsBkvu6_Q/exec">
                        <fieldset>
                            <legend>Subscribe for community news and API updates.</legend>
                            <select name="frequency">
                                <option value="often">Spam me</option>
                                <option value="sometimes" selected="selected">Occasionally</option>
                                <option value="only-api">Only API updates</option>
                            </select>
                            <input type="email" placeholder="me@funkydom.ain" name="email">
                            <button type="submit" class="pure-button pure-button-primary" style="background-color: #8dc63f">Subscribe</button>
                        </fieldset>
                    </form>
                </div>                 
            </div>
        </div>
<script src="//www.46elks.com/resources/sweetalert.min.js"></script>

<link rel="stylesheet" href="//www.46elks.com/resources/sweetalert.css" />

<script>
if(location.hash == "#ok"){
  swal("Verified!", "Your email is registered.", "success");
}
if(location.hash == "#fail"){
  swal("Failed!", "Your email was not registered.", "error");
}
</script>
    </body>
</html>
