# HG changeset patch # User Yasutaka Higa # Date 1416030271 -32400 # Node ID 7ebef75a44eb859828ae99a452b00b3e5f0a2fcb Import from https://github.com/slideshow-s9/slideshow-shower diff -r 000000000000 -r 7ebef75a44eb .gitignore --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/.gitignore Sat Nov 15 14:44:31 2014 +0900 @@ -0,0 +1,3 @@ +# Komodo Project Files + +*.kpf \ No newline at end of file diff -r 000000000000 -r 7ebef75a44eb README.markdown --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/README.markdown Sat Nov 15 14:44:31 2014 +0900 @@ -0,0 +1,51 @@ +# Shower (Ribbon Theme) - Slide Show (S9) Template Pack + +## What's Slide Show (S9)? + +A Ruby gem that lets you create slide shows and author slides in plain text +using a wiki-style markup language that's easy-to-write and easy-to-read. +More [Slide Show (S9) Project Site »](http://slideshow-s9.github.io) + +## Intro + +The [Shower](https://github.com/shower/shower) package by Vadim Makeev bundled up into +a Slide Show (S9) template pack. + +Note, the package is configured to use the following headers in `slides.html.erb`: + + author: Your Name Here + title: Your Slide Show Title Here + cover: Your Slide Show Cover Image Here + lang: Your Language Here + +## Try It Yourself - How To Use the Template Pack + +If you want to try it yourself, install (fetch) the new template pack. Issue the command: + + $ slideshow install shower + +Or as an alternative clone the template pack using `git`. Issue the commands: + + $ cd ~/.slideshow/templates + $ git clone git://github.com/slideshow-s9/slideshow-shower.git + +To check if the new template got installed, use the `list` command: + + $ slideshow list + +Listing something like: + + Installed templates include: + shower.txt (~/.slideshow/templates/shower/shower.txt) + +Now you're ready to use it using the `-t/--template` switch. Example: + + $ slideshow build tutorial -t shower + +That's it. + +## Questions? Comments? + +Questions? Comments? +Send them along to the [Free Web Slide Show Alternatives (S5, S6, S9, Slidy And Friends) Forum/Mailing List](http://groups.google.com/group/webslideshow). +Thanks! diff -r 000000000000 -r 7ebef75a44eb pictures/cover.jpg Binary file pictures/cover.jpg has changed diff -r 000000000000 -r 7ebef75a44eb pictures/picture.jpg Binary file pictures/picture.jpg has changed diff -r 000000000000 -r 7ebef75a44eb pictures/semantics.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/pictures/semantics.svg Sat Nov 15 14:44:31 2014 +0900 @@ -0,0 +1,6 @@ + diff -r 000000000000 -r 7ebef75a44eb sample.markdown --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/sample.markdown Sat Nov 15 14:44:31 2014 +0900 @@ -0,0 +1,34 @@ +title: Shower Presentation Template +author: Vadim Makeev, Opera Software + +%% todo: add support for breaking slides on h2 instead of h1 to s9 generator + +# Header + +This `` is provided __without__ warranty, guarantee, +or much in the way of explanation. Note that use of this tool may or may +not crash _your_ browser. + +# Unordered List + +- This tool is provided +- Without warranty, guarantee +- Or much in the way of explanation + - Note that use of this tool + - May or may not crash your browser + - Lock up your machine +- Erase your hard drive + +# Ordered List + +1. Note that use of this tool +2. Erase your hard drive. +3. May or may not crash your browser + 1. This tool is provided + 2. Or much in the way of explanation + 3. Without warranty, guarantee +4. Lock up your machine + +# Thank You + +Questions? Comments? \ No newline at end of file diff -r 000000000000 -r 7ebef75a44eb scripts/script.js --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/scripts/script.js Sat Nov 15 14:44:31 2014 +0900 @@ -0,0 +1,213 @@ +(function () { + var url = window.location, + body = document.body, + slides = document.querySelectorAll('div.slide'), + progress = document.querySelector('div.progress div'), + slideList = [], + l = slides.length, + i; + + for (i = 0; i < l; i++) { + slideList.push(slides[i].id); + } + + function getTransform() { + var denominator = Math.max( + body.clientWidth / window.innerWidth, + body.clientHeight / window.innerHeight + ); + + return 'scale(' + (1 / denominator) + ')'; + } + + function applyTransform(transform) { + body.style.MozTransform = transform; + body.style.WebkitTransform = transform; + body.style.OTransform = transform; + body.style.msTransform = transform; + body.style.transform = transform; + } + + function enterSingleSlideMode() { + body.className = 'full'; + applyTransform(getTransform()); + } + + function enterSlideListMode() { + body.className = 'list'; + applyTransform('none'); + } + + function getCurrentSlideNumber() { + return slideList.indexOf(url.hash.substr(1)); + } + + function scrollToCurrentSlide() { + var current_slide = document.getElementById(slideList[getCurrentSlideNumber()]); + + if (null != current_slide) { + window.scrollTo(0, current_slide.offsetTop); + } + } + + function isSlideListMode() { + return 'full' !== url.search.substr(1); + } + + function normalizeSlideNumber(slide_number) { + if (0 > slide_number) { + return slideList.length - 1; + } else if (slideList.length <= slide_number) { + return 0; + } else { + return slide_number; + } + } + + function updateProgress(slide_number) { + if (!progress) return; + progress.style.width = (100 / (slideList.length - 1) * normalizeSlideNumber(slide_number)).toFixed(2) + '%'; + } + + function getSlideHashByNumber(slide_number) { + return '#' + slideList[normalizeSlideNumber(slide_number)]; + } + + function goToSlide(slide_number) { + url.hash = getSlideHashByNumber(slide_number); + + if (!isSlideListMode()) { + updateProgress(slide_number); + } + } + + window.addEventListener('DOMContentLoaded', function () { + if (!isSlideListMode()) { + // "?full" is present without slide hash so we should display first + // slide + if ( -1 === getCurrentSlideNumber() ) { + history.replaceState(null, null, url.pathname + '?full' + getSlideHashByNumber( 0 ) ); + } + + enterSingleSlideMode(); + updateProgress(getCurrentSlideNumber()); + } + }, false); + + window.addEventListener('popstate', function (e) { + if (isSlideListMode()) { + enterSlideListMode(); + scrollToCurrentSlide(); + } else { + enterSingleSlideMode(); + } + }, false); + + window.addEventListener('resize', function (e) { + if (!isSlideListMode()) { + applyTransform(getTransform()); + } + }, false); + + document.addEventListener('keydown', function (e) { + if (e.altKey || e.ctrlKey || e.metaKey) return; + + var current_slide_number = getCurrentSlideNumber(); + + switch (e.which) { + case 9: // Tab = +1; Shift + Tab = -1 + if (isSlideListMode()) { + e.preventDefault(); + + current_slide_number += e.shiftKey ? -1 : 1; + url.hash = getSlideHashByNumber(current_slide_number); + } + break; + + case 13: // Enter + if (isSlideListMode()) { + e.preventDefault(); + + history.pushState(null, null, url.pathname + '?full' + getSlideHashByNumber(current_slide_number)); + enterSingleSlideMode(); + + updateProgress(current_slide_number); + } + break; + + case 27: // Esc + if (!isSlideListMode()) { + e.preventDefault(); + + history.pushState(null, null, url.pathname + getSlideHashByNumber(current_slide_number)); + enterSlideListMode(); + scrollToCurrentSlide(); + } + break; + + case 33: // PgUp + case 38: // Up + case 37: // Left + case 72: // h + case 75: // k + e.preventDefault(); + + current_slide_number--; + goToSlide(current_slide_number); + break; + + case 34: // PgDown + case 40: // Down + case 39: // Right + case 76: // l + case 74: // j + e.preventDefault(); + + current_slide_number++; + goToSlide(current_slide_number); + break; + + case 36: // Home + e.preventDefault(); + + current_slide_number = 0; + goToSlide(current_slide_number); + break; + + case 35: // End + e.preventDefault(); + + current_slide_number = slideList.length - 1; + goToSlide(current_slide_number); + break; + + case 32: // Space = +1; Shift + Space = -1 + e.preventDefault(); + + current_slide_number += e.shiftKey ? -1 : 1; + goToSlide(current_slide_number); + break; + + default: + // Behave as usual + } + }, false); + + document.addEventListener('click', function (e) { + if ( + 'SECTION' === e.target.nodeName && + -1 !== e.target.parentNode.parentNode.className.indexOf('slide') && + isSlideListMode() + ) { + e.preventDefault(); + + // NOTE: we should update hash to get things work properly + url.hash = '#' + e.target.parentNode.parentNode.id; + history.replaceState(null, null, url.pathname + '?full#' + e.target.parentNode.parentNode.id); + enterSingleSlideMode(); + + updateProgress(getCurrentSlideNumber()); + } + }, false); + +}()); diff -r 000000000000 -r 7ebef75a44eb shower.license.txt --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shower.license.txt Sat Nov 15 14:44:31 2014 +0900 @@ -0,0 +1,47 @@ +The MIT License + +Copyright © 2010–2011 Vadim Makeev, http://pepelsbey.net/ + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. + +- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +Лицензия MIT + +Copyright © 2010–2011 Вадим Макеев, http://pepelsbey.net/ + +Данная лицензия разрешает лицам, получившим копию данного программного обеспечения +и сопутствующей документации (в дальнейшем именуемыми «Программное Обеспечение»), +безвозмездно использовать Программное Обеспечение без ограничений, включая +неограниченное право на использование, копирование, изменение, добавление, +публикацию, распространение, сублицензирование и/или продажу копий +Программного Обеспечения, также как и лицам, которым предоставляется +данное Программное Обеспечение, при соблюдении следующих условий: + +Указанное выше уведомление об авторском праве и данные условия должны быть +включены во все копии или значимые части данного Программного Обеспечения. + +ДАННОЕ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ «КАК ЕСТЬ», БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ, +ЯВНО ВЫРАЖЕННЫХ ИЛИ ПОДРАЗУМЕВАЕМЫХ, ВКЛЮЧАЯ, НО НЕ ОГРАНИЧИВАЯСЬ ГАРАНТИЯМИ ТОВАРНОЙ +ПРИГОДНОСТИ, СООТВЕТСТВИЯ ПО ЕГО КОНКРЕТНОМУ НАЗНАЧЕНИЮ И ОТСУТСТВИЯ НАРУШЕНИЙ ПРАВ. +НИ В КАКОМ СЛУЧАЕ АВТОРЫ ИЛИ ПРАВООБЛАДАТЕЛИ НЕ НЕСУТ ОТВЕТСТВЕННОСТИ ПО ИСКАМ +О ВОЗМЕЩЕНИИ УЩЕРБА, УБЫТКОВ ИЛИ ДРУГИХ ТРЕБОВАНИЙ ПО ДЕЙСТВУЮЩИМ КОНТРАКТАМ, +ДЕЛИКТАМ ИЛИ ИНОМУ, ВОЗНИКШИМ ИЗ, ИМЕЮЩИМ ПРИЧИНОЙ ИЛИ СВЯЗАННЫМ С ПРОГРАММНЫМ +ОБЕСПЕЧЕНИЕМ ИЛИ ИСПОЛЬЗОВАНИЕМ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ ИЛИ ИНЫМИ ДЕЙСТВИЯМИ +С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ. \ No newline at end of file diff -r 000000000000 -r 7ebef75a44eb shower.txt --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/shower.txt Sat Nov 15 14:44:31 2014 +0900 @@ -0,0 +1,61 @@ +# Sample Slide Show (S9) template package manifest using Shower +# - Shower by Vadim Makeev (aka pepelsbey); see https://github.com/pepelsbey/shower +# - (Note: Template package still in development, Beta Vesion) +# +# Change as desired/needed +# +# Configured to use the following headers in slides.html.erb: +# +# author: Your Name Here +# title: Your Slide Show Title Here +# cover: Your Slide Show Cover Image Here +# +# Questions? Comments? +# Send them along to the Free Web Slide Show Alternatives (S5, S6, S9 And Friends) Forum/Mailing List. +# http://groups.google.com/group/webslideshow + +__file__.html slides.html.erb + +# scripts + +scripts/script.js + +# styles + +themes/ribbon/styles/fonts.css +themes/ribbon/styles/reset.css +themes/ribbon/styles/style.css + +# graphics + +# default cover image +pictures/cover.jpg + +themes/ribbon/images/grid.png +themes/ribbon/images/linen.png +themes/ribbon/images/ribbon.svg + +# fonts + +themes/ribbon/fonts/DroidSansMono.svg +themes/ribbon/fonts/DroidSansMono.ttf +themes/ribbon/fonts/PTSans.Bold.Italic.svg +themes/ribbon/fonts/PTSans.Bold.Italic.ttf +themes/ribbon/fonts/PTSans.Bold.Italic.woff +themes/ribbon/fonts/PTSans.Bold.svg +themes/ribbon/fonts/PTSans.Bold.ttf +themes/ribbon/fonts/PTSans.Bold.woff +themes/ribbon/fonts/PTSans.Italic.svg +themes/ribbon/fonts/PTSans.Italic.ttf +themes/ribbon/fonts/PTSans.Italic.woff +themes/ribbon/fonts/PTSans.Narrow.Bold.svg +themes/ribbon/fonts/PTSans.Narrow.Bold.ttf +themes/ribbon/fonts/PTSans.Narrow.Bold.woff +themes/ribbon/fonts/PTSans.Narrow.svg +themes/ribbon/fonts/PTSans.Narrow.ttf +themes/ribbon/fonts/PTSans.Narrow.woff +themes/ribbon/fonts/PTSans.svg +themes/ribbon/fonts/PTSans.ttf +themes/ribbon/fonts/PTSans.woff +themes/ribbon/fonts/TargetBlank.otf +themes/ribbon/fonts/TargetBlank.svg diff -r 000000000000 -r 7ebef75a44eb slides.html.erb --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/slides.html.erb Sat Nov 15 14:44:31 2014 +0900 @@ -0,0 +1,56 @@ + +<% lang = @headers['lang'] == "- lang not found -" ? "en-US" : @headers['lang'] %> + + + <%= @headers['title'] %> + + + + + + + + +

<%= @headers['title'] %>

<%= @headers['author']%>

<%= @headers['title'] %>

+ <% cover = @headers['cover'] == "- cover not found -" ? "cover.jpg" : @headers['cover'] %> +

+ +

+ + + +<% @slides.each_with_index do |slide,i| %> +

+ <%= slide.header %> +

+ <%= slide.content_without_header %> +

+<% end %> + + +

+ + + + diff -r 000000000000 -r 7ebef75a44eb themes/ribbon/fonts/DroidSansMono.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/themes/ribbon/fonts/DroidSansMono.svg Sat Nov 15 14:44:31 2014 +0900 @@ -0,0 +1,626 @@ + + \ No newline at end of file diff -r 000000000000 -r 7ebef75a44eb themes/ribbon/fonts/DroidSansMono.ttf Binary file themes/ribbon/fonts/DroidSansMono.ttf has changed diff -r 000000000000 -r 7ebef75a44eb themes/ribbon/fonts/PTSans.Bold.Italic.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/themes/ribbon/fonts/PTSans.Bold.Italic.svg Sat Nov 15 14:44:31 2014 +0900 @@ -0,0 +1,728 @@ + + +