From cce146e31609df023aafe2089cfe19ad4871b97f Mon Sep 17 00:00:00 2001
From: STAM <stam@epicm.org>
Date: Fri, 23 Mar 2018 16:32:37 +0300
Subject: [PATCH] pre-release

---
 src/assets/css/hero.css |   2 +-
 src/index.html          | 200 +++++++++++-----------------------------
 2 files changed, 56 insertions(+), 146 deletions(-)

diff --git a/src/assets/css/hero.css b/src/assets/css/hero.css
index 6897f0d..6aef75f 100644
--- a/src/assets/css/hero.css
+++ b/src/assets/css/hero.css
@@ -3,7 +3,7 @@ html,body {
   font-family: 'Open Sans', serif;
 }
 .hero-body .container {
-  max-width: 700px;
+  max-width: 900px;
 }
 .hero-body .title {
   color: hsl(192,17%,99%) !important;
diff --git a/src/index.html b/src/index.html
index 95f757c..3c28b23 100644
--- a/src/index.html
+++ b/src/index.html
@@ -59,186 +59,96 @@
       </nav>
     </div>
     <div class="hero-body">
-      <div class="container has-text-centered">
+      <div class="container">
         <h1 class="title">
           <img src="/assets/img/valve.svg" alt="Metamod-r" width="32" height="32"> <strong>Metamod-r</strong>
         </h1>
-        <h2 class="subtitle">
-          Metamod-r is based on the original version of Metamod written by Will Day for Half-Life 1 with some improvements from Jussi Kivilinna (Metamod-p). This product contains a large number of performance optimizations and more pure code. The core was written using JIT compiler.
-
-Metamod-r is incompatible with original HLDS. It's necessary to have installed ReHLDS (API 3.1+). There is no guarantee that the product will work in a different environment.
-
-Distributed under GitHub license.
-        </h2>
+        <span class="subtitle">
+        	<p>&nbsp;<strong>Metamod-r</strong> is based on the original version of <span class="button is-white is-outlined is-small"><a href="http://metamod.org/"><i class="fas fa-link"></i> Metamod</a></span> written by <span class="button is-white is-outlined is-small"><a href="mailto:willday@metamod.org"><i class="fas fa-user"></i> Will Day</a></span> for Half-Life 1 with some improvements from <span class="button is-white is-outlined is-small"><a href="https://github.com/jkivilin"><i class="fas fa-user"></i> Jussi Kivilinna</a></span> (Developer of <span class="button is-white is-outlined is-small"><a href="https://github.com/jkivilin/metamod-p"><i class="fab fa-github"></i> Metamod-p</a></span>).</p>
+        	<p>&nbsp;</p>
+        	<p>&nbsp;This product contains a large number of performance optimizations and more pure code. The core was written using JIT compiler.</p>
+			<p>&nbsp;</p>
+			<p>&nbsp;Metamod-r is incompatible with original <span class="button is-white is-outlined is-small"><a href="https://developer.valvesoftware.com/wiki/Half-Life_Dedicated_Server"><i class="fas fa-link"></i> HLDS</a></span>. It's necessary to have installed <span class="button is-white is-outlined is-small"><a href="https://github.com/dreamstalker/ReHLDS"><i class="fab fa-github"></i> ReHLDS (API 3.1+)</a></span>. There is no guarantee that the product will work in a different environment.</p>
+			<p>&nbsp;</p>
+			<p>Distributed under
+				<a href="https://github.com/theAsmodai/metamod-r/blob/master/LICENSE">
+              		<img alt="GitHub license" src="https://img.shields.io/github/license/theAsmodai/metamod-r.svg??longCache=true&style=flat-square">
+              	</a>.
+            </p>
       </div>
     </div>
 
   </section>
 
-  <div class="box cta">
+  <!--div class="box cta">
     <p class="has-text-centered">
       <span class="tag is-primary">New</span> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
     </p>
   </div>
 
-  <section class="container">
-    <div class="columns features">
-      <div class="column is-4">
-        <div class="card">
-          <div class="card-image has-text-centered">
-              <i class="fas fa-paw"></i>
-          </div>
-          <div class="card-content">
-            <div class="content">
-              <h4>Tristique senectus et netus et. </h4>
-              <p>Purus semper eget duis at tellus at urna condimentum mattis. Non blandit massa enim nec. Integer enim neque volutpat ac tincidunt vitae semper quis. Accumsan tortor posuere ac ut consequat semper viverra nam.</p>
-              <p><a href="#">Learn more</a></p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="column is-4">
-        <div class="card">
-          <div class="card-image has-text-centered">
-              <i class="fas fa-id-card"></i>
-          </div>
-          <div class="card-content">
-            <div class="content">
-              <h4>Tempor orci dapibus ultrices in.</h4>
-              <p>Ut venenatis tellus in metus vulputate. Amet consectetur adipiscing elit pellentesque. Sed arcu non odio euismod lacinia at quis risus. Faucibus turpis in eu mi bibendum neque egestas cmonsu songue. Phasellus vestibulum lorem sed risus.</p>
-              <p><a href="#">Learn more</a></p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="column is-4">
-        <div class="card">
-          <div class="card-image has-text-centered">
-              <i class="fas fa-rocket"></i>
-          </div>
-          <div class="card-content">
-            <div class="content">
-              <h4> Leo integer malesuada nunc vel risus.  </h4>
-              <p>Imperdiet dui accumsan sit amet nulla facilisi morbi. Fusce ut placerat orci nulla pellentesque dignissim enim. Libero id faucibus nisl tincidunt eget nullam. Commodo viverra maecenas accumsan lacus vel facilisis.</p>
-              <p><a href="#">Learn more</a></p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="intro column is-8 is-offset-2">
+  <div class="intro column is-8 is-offset-2">
       <h2 class="title">Perfect for developers or designers!</h2><br>
       <p class="subtitle">Vel fringilla est ullamcorper eget nulla facilisi. Nulla facilisi nullam vehicula ipsum a. Neque egestas congue quisque egestas diam in arcu cursus.</p>
-    </div>
+    </div-->
 
-    <div class="sandbox">
-      <div class="tile is-ancestor">
-        <div class="tile is-parent">
-          <article class="tile is-child notification is-white">
-            <p class="title">Hello World</p>
-            <p class="subtitle">What is up?</p>
-          </article>
-        </div>
-        <div class="tile is-parent">
-          <article class="tile is-child notification is-white">
-            <p class="title">Foo</p>
-            <p class="subtitle">Bar</p>
-          </article>
-        </div>
-        <div class="tile is-parent">
-          <article class="tile is-child notification is-white">
-            <p class="title">Third column</p>
-            <p class="subtitle">With some content</p>
+  <section class="container">
+    <div class="columns features">
+      <div class="column is-6">
+        <div class="card">
+          <div class="card-image has-text-centered">
+              <i class="fas fa-medkit"></i>  <strong>Project's Health</strong>
+          </div>
+          <div class="card-content has-text-centered">
             <div class="content">
-              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
-            </div>
-          </article>
-        </div>
-      </div>
-
-      <div class="tile is-ancestor">
-        <div class="tile is-vertical is-8">
-          <div class="tile">
-            <div class="tile is-parent is-vertical">
-              <article class="tile is-child notification is-white">
-                <p class="title">Vertical tiles</p>
-                <p class="subtitle">Top box</p>
-              </article>
-              <article class="tile is-child notification is-white">
-                <p class="title">Vertical tiles</p>
-                <p class="subtitle">Bottom box</p>
-              </article>
-            </div>
-            <div class="tile is-parent">
-              <article class="tile is-child notification is-white">
-                <p class="title">Middle box</p>
-                <p class="subtitle">With an image</p>
-                <figure class="image is-4by3">
-                  <img src="http://bulma.io/images/placeholders/640x480.png">
-                </figure>
-              </article>
+               <p>
+               		<img alt="Experimental" src="https://img.shields.io/badge/status-experimental-orange.svg?style=flat-square">
+               		<img alt="GitHub issues" src="https://img.shields.io/github/issues/theAsmodai/metamod-r.svg??longCache=true&style=flat-square">
+               		<img alt="GitHub forks" src="https://img.shields.io/github/forks/theAsmodai/metamod-r.svg??longCache=true&style=flat-square">
+               		<img alt="GitHub stars" src="https://img.shields.io/github/stars/theAsmodai/metamod-r.svg??longCache=true&style=flat-square"> 
+               </p> 
             </div>
           </div>
-          <div class="tile is-parent">
-            <article class="tile is-child notification is-white">
-              <p class="title">Wide column</p>
-              <p class="subtitle">Aligned with the right column</p>
-              <div class="content">
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
-              </div>
-            </article>
-          </div>
-        </div>
-        <div class="tile is-parent">
-          <article class="tile is-child notification is-white">
-            <div class="content">
-              <p class="title">Tall column</p>
-              <p class="subtitle">With even more content</p>
-              <div class="content">
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
-                <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
-                <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
-              </div>
-            </div>
-          </article>
         </div>
       </div>
 
-      <div class="tile is-ancestor">
-        <div class="tile is-parent">
-          <article class="tile is-child notification is-white">
-            <p class="title">Side column</p>
-            <p class="subtitle">With some content</p>
-            <div class="content">
-              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      <div class="column is-6">
+        <div class="card">
+          <div class="card-image has-text-centered">
+              <i class="fas fa-cloud-download-alt"></i> <strong>CI Download</strong>
+          </div>
+          <div class="card-content">
+            <div class="content has-text-centered"> 
+              <p>
+              	<a href="http://teamcity.rehlds.org/viewType.html?buildTypeId=Metamod_Publish&guest=1">
+              		<img alt="Build status" src="https://img.shields.io/teamcity/http/teamcity.rehlds.org/e/Metamod_Publish.svg?style=flat-square&label=TC%20Build">
+              	</a>
+              	<a href="http://teamcity.rehlds.org/guestAuth/downloadArtifacts.html?buildTypeId=Metamod_Publish&buildId=lastSuccessful">
+              		<img alt="Quick download" src="https://camo.githubusercontent.com/2b15ec2fc402e02b66fde9eab7e896406caeddac/687474703a2f2f7265686c64732e6f72672f76657273696f6e2f6d6574616d6f642d2d722e737667">
+              	</a>
+              	<a href="https://github.com/theAsmodai/metamod-r/blob/master/LICENSE">
+              		<img alt="GitHub license" src="https://img.shields.io/github/license/theAsmodai/metamod-r.svg??longCache=true&style=flat-square">
+              	</a>
+              </p>
             </div>
-          </article>
+          </div>
         </div>
-        <div class="tile is-parent is-8">
-          <article class="tile is-child notification is-white">
-            <p class="title">Main column</p>
-            <p class="subtitle">With some content</p>
-            <div class="content">
-              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
-            </div>
-          </article>
-        </div>
-      </div>
+      </div> 
     </div>
+
+   
   </section>
   <footer class="footer">
     <div class="container">
       <div class="content has-text-centered">
-      	<p>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></p>
+      	<p>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank"><img src="https://img.shields.io/badge/License-CC%203.0%20BY-orange.svg?longCache=true&style=flat-square"></a></p>
         <p>
           <strong>Bulma Templates</strong> by <a href="https://github.com/dansup/bulma-templates">
             <i class="fab fa-github"></i>
             Daniel Supernault</a>. The source code 
-          <a href="http://opensource.org/licenses/mit-license.php"><img src="https://img.shields.io/github/license/EpicMorg/metamod-r.org.svg?longCache=true&style=flat-square"></a>.
+          <a href="https://github.com/dansup/bulma-templates/blob/master/LICENSE"><img src="https://img.shields.io/badge/Licelnse-MIT-brightgreen.svg?longCache=true&style=flat-square"></a>.
         </p>
         <p>
-          Hosted by <a href="https://ww.epicm.org/"><i class="far fa-hdd"></i> EpicMorg</a>, 2018
+          Site developed and hosted by <a href="https://ww.epicm.org/"><i class="far fa-hdd"></i> EpicMorg</a>, 2018
         </p>
       </div>
     </div>