Added Nim workshop banner to front page slider.

tools/website.tmpl

@@ -49,8 +49,13 @@
 #  if currentTab == "index":
         <div id="slideshow">
           <!-- slides -->
-          <div id="slide0" class="active">
+          <div id="slide0" class="active zeoslide">
-            <h2><a name="why-should-i-be-excited">Why should I be excited?</a></h2>
+            <a href="news.html#Z2015-10-16-first-nim-conference">
+              <img src="assets/zeo/banner.jpg" alt="First Nim workshop in Ukraine!"/>
+            </a>
+          </div>
+          <div id="slide1" class="codeslide1">
+            <h2>Why should I be excited?</h2>
             <span class="desc">Nim is the only language that leverages automated proof technology to perform a <i>disjoint check</i> for your parallel code. Working on disjoint data means no locking is required and yet data races are impossible:</span><br><br>
 <pre>
 <span class="kwd">parallel</span>:
@@ -63,7 +68,7 @@
 <span class="tab end">  <span class="tab end">  </span></span>i += <span class="val">1</span>
 </pre>
           </div>
-          <div id="slide1">
+          <div id="slide2" class="codeslide2">
             <div>
               <h2>Nim is simple..</h2>
 <pre>
@@ -97,7 +102,7 @@ p.greet() <span class="cmt"># or greet(p)</span>
 </pre>
              </div>
           </div>
-          <div id="slide2" class="">
+          <div id="slide3" class="codeslide3">
             <div>
               <h2>C FFI is easy in Nim..</h2>
 <pre>
@@ -134,6 +139,7 @@ runForever()
           <div id="slideControl0" onclick="slideshow_click(0)" class="active"></div>
           <div id="slideControl1" onclick="slideshow_click(1)"></div>
           <div id="slideControl2" onclick="slideshow_click(2)"></div>
+          <div id="slideControl3" onclick="slideshow_click(3)"></div>
         </div>
 #  end
         <aside id="sidebar">

web/assets/index.js

@@ -4,12 +4,22 @@ var timer;
 var prevIndex = 0;
 var slideCount = 2;
 
+function modifyActive(el, add) {
+  var element = document.getElementById(el);
+  if (add) {
+    element.className = element.className + " active";
+  }
+  else {
+    element.className = element.className.replace("active", "");
+  }
+}
+
 function setSlideShow(index, short) {
   if (index >= slideCount) index = 0;
-  document.getElementById("slide"+prevIndex).className = "";
+  modifyActive("slide" + prevIndex, false);
-  document.getElementById("slide"+index).className = "active";
+  modifyActive("slide" + index, true);
-  document.getElementById("slideControl"+prevIndex).className = "";
+  modifyActive("slideControl" + prevIndex, false);
-  document.getElementById("slideControl"+index).className = "active";
+  modifyActive("slideControl" + index, true);
   prevIndex = index;
   startTimer(short ? 8000 : 32000);
 }

web/assets/style.css

@@ -130,20 +130,25 @@ pre .end { background:url("images/tabEnd.png") no-repeat left bottom; }
 	#slideshow-nav > div:hover { background-image:url("images/slideshow-nav_active.png"); opacity:0.5; }
 	#slideshow-nav > div.active { background-image:url("images/slideshow-nav_active.png"); opacity:1; }
 
-		#slide0 { float:left; width:680px; font:10pt monospace; }
+                .zeoslide img {
-		#slide0 > div:first-child { margin:0 40px 0 0; }
+                  box-shadow: 1px 2px 16px rgba(28, 180, 236, 0.4);
-		#slide0 h2 { margin:0 0 5px 0; color:rgba(162,198,223,.78); }
+                  width: 705px;
-		#slide0 .desc { margin:0 0 5px 0; color:rgba(162,198,223,.78); font:13pt "arial"; }
+                }
 
-		#slide1 > div { float:left; width:320px; font:10pt monospace; }
+		.codeslide1 { float:left; width:680px; font:10pt monospace; }
-		#slide1 > div:first-child { margin:0 40px 0 0; }
+		.codeslide1 > div:first-child { margin:0 40px 0 0; }
-		#slide1 h2 { margin:0 0 5px 0; color:rgba(162,198,223,.78); }
+		.codeslide1 h2 { margin:0 0 5px 0; color:rgba(162,198,223,.78); }
+		.codeslide1 .desc { margin:0 0 5px 0; color:rgba(162,198,223,.78); font:13pt "arial"; }
 
-		#slide2 > div { float:left; width:320px; font:10pt monospace; }
+		.codeslide2 > div { float:left; width:320px; font:10pt monospace; }
-		#slide2 > div:first-child { margin:0 40px 0 0; }
+		.codeslide2 > div:first-child { margin:0 40px 0 0; }
-		#slide2 h2 { margin:0 0 5px 0; color:rgba(162,198,223,.78); }
+		.codeslide2 h2 { margin:0 0 5px 0; color:rgba(162,198,223,.78); }
 
-		#slide2 .desc { margin:0 0 5px 0; color:rgba(162,198,223,.78); font:13pt "arial"; }
+		.codeslide3 > div { float:left; width:320px; font:10pt monospace; }
+		.codeslide3 > div:first-child { margin:0 40px 0 0; }
+		.codeslide3 h2 { margin:0 0 5px 0; color:rgba(162,198,223,.78); }
+
+		.codeslide3 .desc { margin:0 0 5px 0; color:rgba(162,198,223,.78); font:13pt "arial"; }
 
 		/* back when slide1 was the quote:
 		#slide1 { margin-top:50px; }

web/news.txt

@@ -5,9 +5,14 @@ News
 2015-10-16 First Nim conference
 ===============================
 
-This Autumn you have a unique opportunity to take part in the first Nim event
+.. raw::html
-held in Kyiv and to meet the creator of Nim language - Andreas Rumpf.
 
+  <img src="assets/zeo/banner.jpg" alt="First Nim conference in Ukraine!" width="682"/>
+
+This Autumn you have the unique opportunity to take part in the first Nim event
+held in Kyiv and to meet the creator of the Nim programming language -
+Andreas Rumpf. The event is hosted by Zeo Alliance and is taking place between
+14-15 November 2015 in Kyiv, Ukraine.
 
 During the workshop you will learn:
 
@@ -15,6 +20,7 @@ During the workshop you will learn:
 - How to use Nim to develop web applications.
 - How Nim's meta programming capabilities make Nim the ultimate glue language,
   excellent at interoperability with C++, JavaScript, Java and others.
+- Games in Nim and the ability to rapidly prototype without sacrificing speed.
 
 Registration is free, but the number of places is limited. More details
 can be found `here <https://nimworkshop.splashthat.com/>`_.