Sha256: 25b6eadf632e41fde4d8b5f12ba98dc6ec509691e3555b6f5f342e85e1268931
Contents?: true
Size: 1.43 KB
Versions: 35
Compression:
Stored size: 1.43 KB
Contents
!!!
%html
%head
%title= "#{name} - Index"
%meta{'charset' => 'utf-8'}/
%meta{'name' => 'viewport', 'content' => 'width=device-width, height=208, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'}/
%link{'rel' => 'stylesheet', 'href' => 'stylesheets/index.css'}/
%body{'style' => "width: #{(174*templates.count)+16}px;"}
#index
.navigation
%ol
- templates.each_with_index do |template, index|
%li
%a{'href' => "#{template}.html"}
%img{'src' => "thumbs/#{template}.png"}
%h7= template
%small= "Page #{index+1}"
:javascript
var activateItem = function(event) {
if(event.target.nodeName === "IMG") {
var listItems = document.body.querySelectorAll(".navigation li");
for(var i=0; i<listItems.length; i++) {
listItems[i].classList.toggle("active", false);
}
event.target.parentNode.parentNode.classList.toggle("active", true);
}
};
var initialListItems = document.body.querySelectorAll(".navigation li");
for(var i=0; i<initialListItems.length; i++) {
initialListItems[i].addEventListener("click", activateItem, false);
}
Version data entries
35 entries across 35 versions & 1 rubygems