Add first event

2017-08-21 18:54:20 +03:00 · 2017-08-21 18:54:20 +03:00 · 20b97a38e4
commit 20b97a38e4
parent af0dc9cdf7
5 changed files with 126 additions and 10 deletions
--- a/event-2017-09-21.html
+++ b/event-2017-09-21.html
@ -0,0 +1,93 @@
+
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TRElixir @ Vincit 21.9.2017</title>
+
+    <meta name="description" content="TRElixir is a developer meetup focusing on the Elixir / Erlang ecosystem.">
+    <link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css" integrity="sha384-UQiGfs9ICog+LwheBSRCt1o5cbyKIHbwjWscjemyBMT9YCUMZffs6UqUTd0hObXD" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/grids-responsive-min.css">
+    <link rel="stylesheet" href="marketing.css">
+  </head>
+
+  <body>
+    <header class="header">
+      <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
+        <a class="pure-menu-heading" href="index.html">TRElixir</a>
+      </div>
+    </header>
+
+    <section class="splash-container event-splash">
+    </section>
+
+    <main class="content-wrapper">
+      <section id="event" class="content contentpadding">
+        <h2 class="content-head is-center">1<sup>st</sup> event 21.9.2017</h2>
+
+        <div class="pure-g">
+          <div class="l-box-lrg pure-u-1 pure-u-md-1-2">
+            <p>
+              The first TRElixir event is on the 21<sup>st</sup> of September at Vincit premises in Hervanta, Tampere. The evening will start at 18.00. Free attendance, food and drinks will be provided. After the talks there will be time to hang around and get to know other Elixir devs.
+            </p>
+
+            <p>
+              The event is graciously hosted by <a href="https://vincit.com/en">Vincit</a>.
+            </p>
+          </div>
+
+          <div class="l-box-lrg pure-u-1 pure-u-md-1-2 signupform">
+            <form method="get" action="">
+              <button type="submit" class="pure-button">Sign up for event</button>
+            </form>
+          </div>
+        </div>
+      </section>
+
+      <section id="event" class="content contentpadding">
+        <h2 class="content-head is-center">Talks</h2>
+
+        <div class="pure-g">
+          <div class="l-box-lrg pure-u-1 pure-u-md-1-2">
+            <h3 class="talk-title">Why Elixir matters</h3>
+
+            <img src="mikkonaama.jpg" alt="Mikko Ahlroth" title="Mikko Ahlroth" class="speaker-image pure-img" />
+
+            <p class="speaker-name">Mikko Ahlroth, Vincit</p>
+
+            <p class="speaker-description">
+              Mikko works primarily as a Django + AngularJS developer at <a href="https://vincit.com/en">Vincit</a>, but on his free time has dabbled with Elixir since 2013. He has published a simple <a href="https://hex.pm/packages/mbu">buildtool</a> on hex.pm and runs <a href="https://codestats.net/">Code::Stats</a> on Phoenix. His dream is to get to use Elixir at work some day.
+            </p>
+          </div>
+
+          <div class="l-box-lrg pure-u-1 pure-u-md-1-2">
+            <h3 class="talk-title">GenServer &amp; Agent</h3>
+
+            <img src="jannenaama.jpg" alt="Janne Tenhovirta" title="Janne Tenhovirta" class="speaker-image pure-img" />
+
+            <p class="speaker-name">Janne Tenhovirta, Cybersoft</p>
+
+            <p class="speaker-description">
+              Janne mainly gets his hands dirty in .NET backend development at his job with <a href="http://headpower.fi">Cybersoft, a subsidiary of Headpower</a>. He feels they get dirtier when fiddling with the frontend. He first learned of Elixir's existence in 2015 and started to fool around with it in 2016.
+            </p>
+          </div>
+        </div>
+      </section>
+
+      <footer class="footer l-box is-center">
+        Tampere background © Tampereen kaupunki, licensed under CC-BY-NC.
+      </footer>
+    </main>
+
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-93524490-1', 'auto');
+      ga('send', 'pageview');
+    </script>
+  </body>
+</html>
--- a/index.html
+++ b/index.html
@ -18,7 +18,7 @@
        <a class="pure-menu-heading" href="#top">TRElixir</a>

        <ul class="pure-menu-list">
-          <li class="pure-menu-item"><a class="pure-menu-link" href="#signup">Sign up</a></li>
+          <li class="pure-menu-item"><a class="pure-menu-link" href="#event">1<sup>st</sup> evnet</a></li>
          <li class="pure-menu-item"><a class="pure-menu-link" href="#contact">Contact</a></li>
          <li class="pure-menu-item"><a class="pure-menu-link" href="#sponsors">Sponsored by</a></li>
          <li class="pure-menu-item"><a class="pure-menu-link" href="#top">Top</a></li>
@ -28,7 +28,9 @@

    <section class="splash-container">
      <header class="splash">
-        <h1 class="splash-head">TRElixir</h1>
+        <a href="event-2017-09-21.html">
+          <h1 class="splash-head">TRElixir @ Vincit 21.9.2017</h1>
+        </a>
        <p class="splash-subhead">
          Tampere ❤️ Elixir!
        </p>
@ -39,21 +41,19 @@
    </section>

    <main class="content-wrapper">
-      <section id="signup" class="ribbon l-box-lrg contentpadding">
-        <h2 class="content-head content-head-ribbon is-center">Sign up</h2>
+      <section id="event" class="ribbon l-box-lrg contentpadding">
+        <h2 class="content-head content-head-ribbon is-center">1<sup>st</sup> event 21.9.2017</h2>

        <div class="pure-g">
          <div class="l-box-lrg pure-u-1 pure-u-md-1-2">
            <p>
-              We are currently gauging interest for an Elixir meetup in Tampere. If you are
-              interested in attending or speaking, please fill our contact form. This
-              ensures you will know when our first meetup happens!
+              The first TRElixir event is on the 21<sup>st</sup> of September at Vincit premises in Hervanta, Tampere.
            </p>
          </div>

          <div class="l-box-lrg pure-u-1 pure-u-md-1-2 signupform">
-            <form method="get" action="https://docs.google.com/forms/d/e/1FAIpQLSed2DTg3UmyoTDnIOKZbtQ6s3lXL1ywBw-GlEsmnIWFu6CXmg/viewform?usp=sf_link">
-              <button type="submit" class="pure-button">Fill the form</button>
+            <form method="get" action="event-2017-09-21.html">
+              <button type="submit" class="pure-button">Go to event page</button>
            </form>
          </div>
        </div>
--- a/jannenaama.jpg
+++ b/jannenaama.jpg
--- a/marketing.css
+++ b/marketing.css
@ -148,6 +148,10 @@ a.pure-button-primary {
  position: fixed !important;
 }

+.splash-container.event-splash {
+  height: 400px;
+}
+
 .splash {
  /* absolute center .splash within .splash-container */
  width: 80%;
@ -159,6 +163,10 @@ a.pure-button-primary {
  text-transform: uppercase;
 }

+.splash a {
+  text-decoration: none;
+}
+
 /* This is the main heading that appears on the blue section */
 .splash-head {
  font-size: 20px;
@ -186,7 +194,7 @@ a.pure-button-primary {
 .content-wrapper {
  /* These styles are required for the "scroll-over" effect */
  position: absolute;
-  top: 87%;
+  top: 400px;
  width: 100%;
  min-height: 12%;
  z-index: 2;
@ -306,3 +314,18 @@ a.pure-button-primary {
 .contentpadding {
  padding: 2em;
 }
+
+.talk-title {
+  font-family: serif;
+  font-style: italic;
+  font-size: 150%;
+}
+
+.speaker-image {
+  border-radius: 25%;
+  max-width: 120px;
+}
+
+.speaker-name {
+  font-weight: bold;
+}
--- a/mikkonaama.jpg
+++ b/mikkonaama.jpg