From: Kim Nguyễn Date: Mon, 25 Feb 2013 13:17:32 +0000 (+0100) Subject: . X-Git-Url: http://git.nguyen.vg/gitweb/?a=commitdiff_plain;h=5e655b732a54a4b78da29cb522191833640d4fb4;p=hacks%2FsimpleWebSlides.git . --- diff --git a/doc/sample.html b/doc/sample.html new file mode 100644 index 0000000..a48a84f --- /dev/null +++ b/doc/sample.html @@ -0,0 +1,95 @@ + + + + SimpleWebSlides + + + + + + + + + + + + + + + +
+
+

SimpleWebSlides

+

An HTML5 + Presentation framework

+ kim@nguyen.vg +
+
+ + +

Introduction

+ +
+

What is it?

+ SimpleWebSlides is an HTML5 framework that allows + you to build presentation:
+ +
+ +
+

Modalités de Contrôle des Connaissances (MCC)

+ +
+ + +
+

Organisation

+ +
+
+
+
+ + + + diff --git a/themes/webTwoPointO.css b/themes/webTwoPointO.css new file mode 100644 index 0000000..45beaef --- /dev/null +++ b/themes/webTwoPointO.css @@ -0,0 +1,95 @@ +@import url(http://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext); + +/* Default document properties */ +body { + font-family: 'Armata',sans-serif; + font-size: 18pt; +} + +/* The slide should be positioned w.r.t. to the canvas. + The canvas takes up the whole window in screen mode and a + whole page in print mode +*/ + +.slide { + margin: 0pt; + left:0pt; + right:0pt; + top:0pt; + bottom:0pt; + padding:5mm; +} + +.cover { + text-align:center; + vertical-align:middle; +} +.cover .centerbox { + display:inline-block; + vertical-align: middle; +} +.cover:before { + content: ""; + display: inline-block; + width:10pt; + height:100%; + vertical-align:middle; +} + +a { text-decoration: none; } +ul { + list-style-type: square; +} +@media screen { + body, .slide { + background-color: black; + color: white; + } + .slide h1 { + color: #f14a29; + + } + a,em { + color: #0092bf; + text-decoration:none; + font-style:normal; + } +} +@media print { + body, .slide { + background-color: white; + color: black; + } + em { + font-style:italic; + } +} + +/* slide title */ +.slide h1 { + font-size: xxx-large; + font-weight: bolder; + text-align: center; +} + +span.slide_num_sep:after { + content : "⋯"; +} +.footer { + text-align: center; +} +.alert { + color: red; +} + + +@media screen { +.other_slides { + opacity: 0.0; + transition: opacity 0.25s ease-in; +} +.current_slide { + opacity: 1.0; + transition: opacity 0.25s ease-out 0.25s; +} +} \ No newline at end of file