Release.

Author: Matthieu Oger

_includes/humble-widget.html

@@ -1 +1 @@
-<iframe width='550' height='264' scrolling='no' frameBorder='0' style='border:none;' src='https://www.humblebundle.com/store/product/steredenn/7SDLfk23hw'></iframe>
+<iframe src="https://www.humblebundle.com/widget/v2/product/steredenn/7SDLfk23hw?theme=light" width="526" height="324" style="border: none;" scrolling="no" frameborder="0"></iframe>

_raws/platforms.sketch

@@ -41,6 +41,12 @@
   text-transform: uppercase;
 }
 
+.block__section-title {
+  margin-top: 30px;
+  text-align: center;
+  text-transform: uppercase;
+}
+
 .block__content {
 
 }
@@ -305,11 +311,11 @@
 // Buttons.
 // -------------------------------------------------------
 
-.preorder {
+.buy-button {
   margin-bottom: 40px;
 }
 
-.early-access {
+.steam {
   margin-bottom: 10px;
 }
 
@@ -339,11 +345,6 @@
   border: 1px solid black;
 }
 
-.widget-desc {
-  margin-top: 20px;
-  margin-bottom: 0;
-}
-
 // -------------------------------------------------------
 // Mails.
 // -------------------------------------------------------
@@ -418,20 +419,3 @@
     }
   }
 }
-
-// -------------------------------------------------------
-// Temp.
-// -------------------------------------------------------
-
-.availability {
-  text-align: center;
-
-  span {
-    font-size: 0.8rem;
-  }
-
-  strong {
-    font-size: 1.5rem;
-    font-family: $font-pixel;
-  }
-}

_sass/meta/_content.scss

@@ -2,12 +2,8 @@
 layout: default
 ---
 
-<div class="availability">
-  <p><strong>AVAILABLE TODAY AROUND 5:00pm UTC</strong><br /><span>(10:00am San Francisco / 1:00pm New York / 6:00pm London / 7:00pm Paris)</span></p>
-</div>
-
-<div class="preorder big-button" id="preorder">
-  <a href="#buy"><img src="/static/images/release-date.png" /></a>
+<div class="buy-button big-button">
+  <a href="#buy"><img src="/static/images/release.png" alt="Buy Steredenn" title="Buy Steredenn" /></a>
 </div>
 
 <div class="mentions" id="mention">
@@ -34,7 +30,7 @@ <h1 class="block__title">
 
   <div class="block__content description" id="description">
     <p>
-      Steredenn is an upcoming <strong>roguelike-shmup</strong> video game for <strong>Steam</strong> and <strong>Xbox One</strong> made by <a href="http://pixelnest.io">Pixelnest Studio</a>.
+      Steredenn is a <strong>roguelike-shmup</strong> video game for <strong>PC/Mac/Linux</strong> (and soon on <strong>Xbox One</strong>) made by <a href="http://pixelnest.io">Pixelnest Studio</a>.
     </p>
 
     <p>
@@ -90,7 +86,7 @@ <h1 class="block__title">
   <div class="block__definition releases" id="releases">
     <aside><p>When</p></aside>
     <div>
-      <p><strong>PC, Mac, Linux</strong> — <strong>October, 1<sup>st</sup></strong></p>
+      <p>PC, Mac, Linux — <a href="#buy">Available Now!</a></p>
       <p>Xbox One — TBA</p>
     </div>
   </div>
@@ -110,30 +106,29 @@ <h1 class="block__title">
   </h1>
 
   <div class="block__content">
-    <p>The game is coming in a few hours. We will update this page as soon as possible. :)</p>
-
-    <!--
     <h2 class="block__subtitle">>> Steam</h2>
 
-    <div class="early-access big-button">
+    <div class="steam big-button">
       <a href="http://store.steampowered.com/app/347160">
-        <img src="/static/images/early-access.png" />
+        <img src="/static/images/steam.png" />
       </a>
     </div>
 
     <h2 class="block__subtitle">>> Directly</h2>
 
+    <p>An Humble Bundle or Itch.io purchase contains a <strong>DRM-free</strong> version and a <strong>Steam key</strong>.</p>
+
+    <h3 class="block__section-title">Itch.io</h3>
+
     <div class="widget widget--itch" id="itch-widget">
       {% include itch-widget.html %}
     </div>
 
+    <h3 class="block__section-title">Humble Bundle</h3>
+
     <div class="widget widget--humble" id="humble-widget">
       {% include humble-widget.html %}
     </div>
-
-    <p class="widget-desc">An Humble Bundle or Itch.io purchase contains a <strong>DRM-free</strong> version and a <strong>Steam key</strong>.</p>
-
-    -->
   </div>
 </section>