commit c01d2ca5597a54161902c19031b4f5991cb46b22 Author: Simon Basset Date: Thu Oct 18 09:44:25 2012 +0200 initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8514cd3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,47 @@ +# Compiled source # +################### +*.com +*.class +*.dll +*.exe +*.o +*.so + +# Packages # +############ +# it's better to unpack these files and commit the raw source +# git has its own built in compression methods +*.7z +*.dmg +*.gz +*.iso +*.jar +*.rar +*.tar +*.zip + +# Logs and databases # +###################### +*.log +*.sql +*.sqlite + +# OS generated files # +###################### +.DS_Store +.DS_Store? +._* +.Spotlight-V100 +.Trashes +Icon? +ehthumbs.db +Thumbs.db + +# Saved # +######### +*~ + +# Directories # +############## +node_modules +build diff --git a/README.md b/README.md new file mode 100644 index 0000000..e69de29 diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..1560dab --- /dev/null +++ b/css/main.css @@ -0,0 +1,47 @@ +body, html { + margin: 0; + background: black; +} +body > div { + overflow: hidden; +} +#top { + width: 400px; + height: 220px; +} +#bottom { + width: 320px; + height: 212px; + margin: 0 auto; +} +#top.one { + background: url(../img/one.mpo); +} +#top.two { + background: url(../img/two.mpo); +} +#top.three { + background: url(../img/three.mpo); +} +#top.four { + background: url(../img/four.mpo); +} +#bottom > a { + margin: 10px; + display: inline-block; + height: 50px; + width: 50px; + background-size: 100% 100%; +} +#bottom > a[href*="one"] { + background: url(../img/one.mpo); +} +#bottom > a[href*="two"] { + background: url(../img/two.mpo); +} +#bottom > a[href*="three"] { + background: url(../img/three.mpo); +} +#bottom > a[href*="four"] { + background: url(../img/four.mpo); +} diff --git a/img/.gitignore b/img/.gitignore new file mode 100644 index 0000000..e69de29 diff --git a/img/four.mpo b/img/four.mpo new file mode 100644 index 0000000..e0cd6d3 Binary files /dev/null and b/img/four.mpo differ diff --git a/img/one.mpo b/img/one.mpo new file mode 100644 index 0000000..75c3ab3 Binary files /dev/null and b/img/one.mpo differ diff --git a/img/three.mpo b/img/three.mpo new file mode 100644 index 0000000..137871d Binary files /dev/null and b/img/three.mpo differ diff --git a/img/two.mpo b/img/two.mpo new file mode 100644 index 0000000..7f9eab9 Binary files /dev/null and b/img/two.mpo differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..d70c831 --- /dev/null +++ b/index.html @@ -0,0 +1,19 @@ + + + + + 3DS + + + + +
+
+ + + + +
+ + + diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..3589fcd --- /dev/null +++ b/js/main.js @@ -0,0 +1,37 @@ +(function(){ + var center = function(){ + window.scrollTo(40, 220); + }; + var control = function(ev) { + switch(ev.which) { + case 13: alert("A"); break; //A + case 37: alert("left"); break; //left arrow + case 38: alert("up"); break; //up arrow + case 39: alert("right"); break; //right arrow + case 40: alert("down"); break; //down arrow + } + }; + var active = function(ev) { + var link = this.href; + var top = document.querySelector("#top"); + if(link.indexOf('one') > -1){ + top.className = 'one'; + }else if(link.indexOf('two') > -1) { + top.className = 'two'; + }else if(link.indexOf('three') > -1) { + top.className = 'three'; + }else if(link.indexOf('four') > -1) { + top.className = 'four'; + } + } + + document.addEventListener('DOMContentLoaded', function(ev){ + setInterval(center, 42); + //this.addEventListener("keyup", control, false); + var anchors = this.querySelectorAll("#bottom a[href$='.mpo']"); + for(var i = 0, l = anchors.length; i