added slide enumerator

berb · Jul 23, 2011 · f06cbb3 · f06cbb3
1 parent 6511b21
commit f06cbb3
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 6 deletions.
diff --git a/slides.js b/slides.js
@@ -10,7 +10,8 @@
   URL: http://code.google.com/p/html5slides/
 */
 
-var PERMANENT_URL_PREFIX = 'http://html5slides.googlecode.com/svn/trunk/';
+//var PERMANENT_URL_PREFIX = 'http://html5slides.googlecode.com/svn/trunk/';
+var PERMANENT_URL_PREFIX = '../';
 
 var SLIDE_CLASSES = ['far-past', 'past', 'current', 'next', 'far-next'];
 
@@ -565,6 +566,20 @@ function addEventListeners() {
 
 /* Initialization */
 
+function enumrateSlides() {
+	for (var i = 0, slide; slide = slideEls[i]; i++) {
+		var el = document.createElement('span');
+		el.className = 'slide-nr';
+		el.innerHTML = ""+(i+1);
+		if(slide.hasChildNodes()){
+			slide.insertBefore(el, slide.firstChild);  
+		}
+		else{
+			slide.append(el);  
+		}
+  	}	
+};
+
 function addPrettify() {
   var els = document.querySelectorAll('pre');
   for (var i = 0, el; el = els[i]; i++) {
@@ -597,6 +612,7 @@ function addGeneralStyle() {
   el.rel = 'stylesheet';
   el.type = 'text/css';
   el.href = PERMANENT_URL_PREFIX + 'styles.css';
+  el.href = PERMANENT_URL_PREFIX + 'styles.css';
   document.body.appendChild(el);
 
   var el = document.createElement('meta');
@@ -626,6 +642,8 @@ function handleDomLoaded() {
 
   setupFrames();
 
+  enumrateSlides();
+
   addFontStyle();
   addGeneralStyle();
   addPrettify();

diff --git a/uulm.css b/uulm.css
@@ -1,5 +1,5 @@
-
 /*
+
 body{
 	counter-reset: slides;
 }
@@ -30,18 +30,39 @@ article:not(.fill):not(.title-slide):before{
 	content:"";
 	display:block;
 	border-top:2px solid #A32638;
-	border-left:32px solid #A32638;
 	position: absolute;
 	width: 100%;
-	height: 28px;
-	min-height: 28px;
+	height: 2px;
+	min-height: 2px;
+	left: 0;
+	top: 24px;
+}
+
+.slide-nr {
+	display:none;
+}
+
+.slides.template-uulm-in > article:not(.fill):not(.title-slide) .slide-nr{
+	display:inline;
+	position: absolute;
 	color: #eee;
+	font-size:18px;
+	line-height: 26px;
+	  font-weight: 600;
+  letter-spacing: -1px;
+	min-width: 26px;
 	left: 0;
 	top: 24px;
-	font-size:16px;
+	padding:0px;
+	padding-left:6px;
+	padding-right:6px;
+	margin:0;
+	background: #A32638;
+	text-align:center;
 }
 
 
+
 .slides.template-uulm-in > article.title-slide img {
   position: absolute;
   left: 0;
@@ -102,6 +123,8 @@ article:not(.fill):not(.title-slide):before{
 
 }
 
+
+
 .slides.template-uulm-in > article:not(.fill){
 	padding-top: 100px;
 	padding-left: 80px;