jyapayne/Nim
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added Nim workshop banner to front page slider.

Browse source
This commit is contained in:
Dominik Picheta 2015-10-16 19:52:09 +01:00
commit af865cd7ae
5 changed files with 85 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

14
tools/website.tmpl
View file

@ -49,8 +49,13 @@
# if currentTab == "index":
<div id="slideshow">
<!-- slides -->
<div id="slide0" class="active">
<h2><a name="why-should-i-be-excited">Why should I be excited?</a></h2>
<div id="slide0" class="active zeoslide">
<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">

18
web/assets/index.js
View file

@ -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 = "";
document.getElementById("slide"+index).className = "active";
document.getElementById("slideControl"+prevIndex).className = "";
document.getElementById("slideControl"+index).className = "active";
modifyActive("slide" + prevIndex, false);
modifyActive("slide" + index, true);
modifyActive("slideControl" + prevIndex, false);
modifyActive("slideControl" + index, true);
prevIndex = index;
startTimer(short ? 8000 : 32000);
}

27
web/assets/style.css
View file

@ -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; }
#slide0 > div:first-child { margin:0 40px 0 0; }
#slide0 h2 { margin:0 0 5px 0; color:rgba(162,198,223,.78); }
#slide0 .desc { margin:0 0 5px 0; color:rgba(162,198,223,.78); font:13pt "arial"; }
.zeoslide img {
box-shadow: 1px 2px 16px rgba(28, 180, 236, 0.4);
width: 705px;
}
#slide1 > div { float:left; width:320px; font:10pt monospace; }
#slide1 > div:first-child { margin:0 40px 0 0; }
#slide1 h2 { margin:0 0 5px 0; color:rgba(162,198,223,.78); }
.codeslide1 { float:left; width:680px; font:10pt monospace; }
.codeslide1 > div:first-child { margin:0 40px 0 0; }
.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; }
#slide2 > div:first-child { margin:0 40px 0 0; }
#slide2 h2 { margin:0 0 5px 0; color:rgba(162,198,223,.78); }
.codeslide2 > div { float:left; width:320px; font:10pt monospace; }
.codeslide2 > div:first-child { margin:0 40px 0 0; }
.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; }

BIN
web/assets/zeo/banner.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 228 KiB

10
web/news.txt
View file

@ -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
held in Kyiv and to meet the creator of Nim language - Andreas Rumpf.
.. raw::html
<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/>`_.