update page titles

gopatrik · Apr 1, 2015 · 4e5c814 · 4e5c814
1 parent 8b05068
commit 4e5c814
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 10 deletions.
diff --git a/demo1.html b/demo1.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Demo 1</title><script src="jquery-2.0.2.min.js"></script><link rel="stylesheet" type="text/css" href="css/main.css"/><link rel="stylesheet" type="text/css" href="css/demo.css"/><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Space.js – The Gallery</title><script src="jquery-2.0.2.min.js"></script><link rel="stylesheet" type="text/css" href="css/main.css"/><link rel="stylesheet" type="text/css" href="css/demo.css"/><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

diff --git a/demo1.jade b/demo1.jade
@@ -2,7 +2,7 @@ include ./spacemixins.jade
 
 doctype html
 html
-	+head("Demo 1")
+	+head("The Gallery")
 	script.
 		function preload(arrayOfImages) {
 		    $(arrayOfImages).each(function(){

diff --git a/demo2.html b/demo2.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Demo 2</title><script src="jquery-2.0.2.min.js"></script><link rel="stylesheet" type="text/css" href="css/main.css"/><link rel="stylesheet" type="text/css" href="css/demo.css"/><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Space.js – Out of Space</title><script src="jquery-2.0.2.min.js"></script><link rel="stylesheet" type="text/css" href="css/main.css"/><link rel="stylesheet" type="text/css" href="css/demo.css"/><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

diff --git a/demo2.jade b/demo2.jade
@@ -1,7 +1,7 @@
 include ./spacemixins.jade
 doctype html
 html
-	+head("Demo 2")
+	+head("Out of Space")
 	script.
 		function preload(arrayOfImages) {
 		    $(arrayOfImages).each(function(){

diff --git a/index.html b/index.html
@@ -1,11 +1,11 @@
-<!DOCTYPE html><html><head><head><meta charset="utf-8"/><title>space.js</title><script src="jquery-2.0.2.min.js"></script><link rel="stylesheet" type="text/css" href="css/main.css"/><link rel="stylesheet" type="text/css" href="css/demo.css"/><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+<!DOCTYPE html><html><head><head><meta charset="utf-8"/><title>Space.js – HTML-driven narrative 3D-scrolling</title><script src="jquery-2.0.2.min.js"></script><link rel="stylesheet" type="text/css" href="css/main.css"/><link rel="stylesheet" type="text/css" href="css/demo.css"/><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
 ga('create', 'UA-38987463-4', 'auto');
 ga('send', 'pageview');
-</script></head></head></html><body><section style="height:100px; bottom: 20px; left: 20px; z-index:100;" class="absolute narrow mt-large"><div style="text-align:right;" class="third"><div style="background-image:url(img/astro_small.jpg);" class="portrait-frame inline"></div></div><div class="two-third"><div style="font-size:8px;" class="mt">Author.</div><div style="margin-bottom:5px;" class="nm small">Patrik Goethe</div><div><a href="https://twitter.com/gopatrik" data-show-count="true" class="twitter-follow-button"></a></div><div style="font-size:8px;" class="nm">PS. Not real astronaut.</div></div></section><div class="space-frame"><section class="space-inner-frame"><section class="center"><img src="img/spacejs.png" width="170px" alt="" class="inline"></section><p class="center nm">HTML-driven narrative 3D-scrolling.</p><p class="small center subtle">(No js required)</p><h3 class="center small"><a href="demo1.html">Try the demos</a></h3><div class="center"><a href="demo1.html"><img src="img/demo1thumb.jpg" width="200px" class="shadow"></a><a href="demo2.html" style="margin-left: 20px;"><img src="img/demo2thumb.jpg" width="200px" class="shadow"></a></div><p class="center small">View on <a href="https://github.com/gopatrik/space.js" class="bold">GitHub </a>or read <a href="/articles/space.js/" class="bold">the Article</a><p class="center"><a href="https://twitter.com/share" class="twitter-share-button" data-text="Space.js – HTML-driven narrative 3D-scrolling." data-via="gopatrik" data-size="large">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p></p></section></div><div class="space-frame"><section class="space-inner-frame"><h2>Creating a frame</h2>
+</script></head></head></html><body><section style="height:100px; bottom: 20px; left: 20px; z-index:100;" class="absolute narrow mt-large"><div style="text-align:right;" class="third"><div style="background-image:url(img/astro_small.jpg);" class="portrait-frame inline"></div></div><div class="two-third"><div style="font-size:8px;" class="mt">Author.</div><div style="margin-bottom:5px;" class="nm small">Patrik Goethe</div><div><a href="https://twitter.com/gopatrik" data-show-count="true" class="twitter-follow-button"></a></div><div style="font-size:8px;" class="nm">PS. Not real astronaut.</div></div></section><div class="space-frame"><section class="space-inner-frame"><section class="center"><img src="img/spacejs.png" width="170px" alt="" class="inline"></section><p class="center nm">HTML-driven narrative 3D-scrolling</p><p class="small center subtle">(No js required)</p><h3 class="center small"><a href="demo1.html">Try the demos</a></h3><div class="center"><a href="demo1.html"><img src="img/demo1thumb.jpg" width="200px" class="shadow"></a><a href="demo2.html" style="margin-left: 20px;"><img src="img/demo2thumb.jpg" width="200px" class="shadow"></a></div><p class="center small">View on <a href="https://github.com/gopatrik/space.js" class="bold">GitHub </a>or read <a href="/articles/space.js/" class="bold">the Article</a><p class="center"><a href="https://twitter.com/share" class="twitter-share-button" data-text="Space.js – HTML-driven narrative 3D-scrolling." data-via="gopatrik" data-size="large">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p></p></section></div><div class="space-frame"><section class="space-inner-frame"><h2>Creating a frame</h2>
 
 <pre><code>&lt;div class=&quot;space-frame&quot;&gt;[contents]&lt;/div&gt;</code></pre></section></div><div class="space-frame"><section class="space-inner-frame"><p><strong>Recommended:</strong> Use <code>inner-frame</code> inside the <code>space-frame</code>. This makes things centered both vertically and horizontally inside the frame.</p>
 
@@ -55,4 +55,4 @@
 		}
 	};
 	Space.addTransitions(transitions);
-&lt;/script&gt;</code></pre></section></div><div class="space-frame" data-enter="fadeIn" data-exit="fadeOut" data-duration="4"><section class="space-inner-frame"><section class="center"><img src="img/spacejs.png" width="170px" alt="" class="inline"></section><p class="center nm">HTML-driven narrative 3D-scrolling.</p><p class="small center subtle">(No js required)</p><h3 class="center small"><a href="demo1.html">Try the demos</a></h3><div class="center"><a href="demo1.html"><img src="img/demo1thumb.jpg" width="200px" class="shadow"></a><a href="demo2.html" style="margin-left: 20px;"><img src="img/demo2thumb.jpg" width="200px" class="shadow"></a></div><p class="center small">View on <a href="https://github.com/gopatrik/space.js" class="bold">GitHub </a>or read <a href="/articles/space.js/" class="bold">the Article</a><p class="center"><a href="https://twitter.com/share" class="twitter-share-button" data-text="Space.js – HTML-driven narrative 3D-scrolling." data-via="gopatrik" data-size="large">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p></p><section style="height:100px; bottom: 20px; left: 20px;" class="narrow mt-large"><div style="text-align:right;" class="third"><div style="background-image:url(img/astro_small.jpg);" class="portrait-frame inline"></div></div><div class="two-third"><div style="font-size:8px;" class="mt">Author.</div><div style="margin-bottom:5px;" class="nm small">Patrik Goethe</div><div><a href="https://twitter.com/gopatrik" data-show-count="true" class="twitter-follow-button"></a></div><div style="font-size:8px;" class="nm">PS. Not real astronaut.</div></div></section></section></div><div class="space-frame"><section class="space-inner-frame"></section></div><script src="space.js"></script><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></body>
+&lt;/script&gt;</code></pre></section></div><div class="space-frame" data-enter="fadeIn" data-exit="fadeOut" data-duration="4"><section class="space-inner-frame"><section class="center"><img src="img/spacejs.png" width="170px" alt="" class="inline"></section><p class="center nm">HTML-driven narrative 3D-scrolling</p><p class="small center subtle">(No js required)</p><h3 class="center small"><a href="demo1.html">Try the demos</a></h3><div class="center"><a href="demo1.html"><img src="img/demo1thumb.jpg" width="200px" class="shadow"></a><a href="demo2.html" style="margin-left: 20px;"><img src="img/demo2thumb.jpg" width="200px" class="shadow"></a></div><p class="center small">View on <a href="https://github.com/gopatrik/space.js" class="bold">GitHub </a>or read <a href="/articles/space.js/" class="bold">the Article</a><p class="center"><a href="https://twitter.com/share" class="twitter-share-button" data-text="Space.js – HTML-driven narrative 3D-scrolling." data-via="gopatrik" data-size="large">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p></p><section style="height:100px; bottom: 20px; left: 20px;" class="narrow mt-large"><div style="text-align:right;" class="third"><div style="background-image:url(img/astro_small.jpg);" class="portrait-frame inline"></div></div><div class="two-third"><div style="font-size:8px;" class="mt">Author.</div><div style="margin-bottom:5px;" class="nm small">Patrik Goethe</div><div><a href="https://twitter.com/gopatrik" data-show-count="true" class="twitter-follow-button"></a></div><div style="font-size:8px;" class="nm">PS. Not real astronaut.</div></div></section></section></div><div class="space-frame"><section class="space-inner-frame"></section></div><script src="space.js"></script><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></body>
diff --git a/index.jade b/index.jade
@@ -3,7 +3,7 @@ include ./spacemixins.jade
 doctype html
 html
 	head
-		+head("space.js")
+		+head("HTML-driven narrative 3D-scrolling")
 
 body
 
@@ -12,7 +12,7 @@ body
 	mixin firstFrame
 		section.center
 			img.inline(src="img/spacejs.png", width="170px" alt="")
-		p.center.nm HTML-driven narrative 3D-scrolling.
+		p.center.nm HTML-driven narrative 3D-scrolling
 		p.small.center.subtle (No js required)
 
 		h3.center.small: a(href="demo1.html") Try the demos

diff --git a/spacemixins.jade b/spacemixins.jade
@@ -36,7 +36,7 @@ mixin painting(src)
 mixin head(title)
 	head
 		meta(charset="utf-8")
-		title= title
+		title Space.js – #{title}
 		script(src="jquery-2.0.2.min.js")
 		link(rel="stylesheet", type="text/css", href="css/main.css")
 		link(rel="stylesheet", type="text/css", href="css/demo.css")