Skip to content

Commit

Permalink
Revert "Version 1.0"
Browse files Browse the repository at this point in the history
This reverts commit 59b9ec3.
vm6ej04 committed Nov 24, 2014
1 parent 59b9ec3 commit 46cafab
Showing 41 changed files with 1,275 additions and 10,139 deletions.
2 changes: 0 additions & 2 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -43,5 +43,3 @@ Network Trash Folder
Temporary Items
.apdisk

.htaccess.txt
flash-logo.ai
Binary file removed [email protected]
Binary file not shown.
2,035 changes: 0 additions & 2,035 deletions SVG asset/Speed touchring.ai

This file was deleted.

1,892 changes: 0 additions & 1,892 deletions SVG asset/colour change tutorial.ai

This file was deleted.

2,730 changes: 1,191 additions & 1,539 deletions SVG asset/pointer.ai

Large diffs are not rendered by default.

Binary file removed apple-touch-icon-iphone.png
Binary file not shown.
4 changes: 0 additions & 4 deletions cache.manifest

This file was deleted.

Binary file removed css/roboto-light-webfont.eot
Binary file not shown.
666 changes: 0 additions & 666 deletions css/roboto-light-webfont.svg

This file was deleted.

Binary file removed css/roboto-light-webfont.ttf
Binary file not shown.
Binary file removed css/roboto-light-webfont.woff
Binary file not shown.
Binary file removed css/roboto-light-webfont.woff2
Binary file not shown.
Binary file removed css/roboto-regular-webfont.eot
Binary file not shown.
666 changes: 0 additions & 666 deletions css/roboto-regular-webfont.svg

This file was deleted.

Binary file removed css/roboto-regular-webfont.ttf
Binary file not shown.
Binary file removed css/roboto-regular-webfont.woff
Binary file not shown.
Binary file removed css/roboto-regular-webfont.woff2
Binary file not shown.
274 changes: 18 additions & 256 deletions css/style.css
Original file line number Diff line number Diff line change
@@ -1,131 +1,22 @@
@font-face {
font-family: 'robotoregular';
src: url('roboto-regular-webfont.eot');
src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('roboto-regular-webfont.woff2') format('woff2'),
url('roboto-regular-webfont.woff') format('woff'),
url('roboto-regular-webfont.ttf') format('truetype'),
url('roboto-regular-webfont.svg#robotoregular') format('svg');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'robotolight';
src: url('roboto-light-webfont.eot');
src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
url('roboto-light-webfont.woff2') format('woff2'),
url('roboto-light-webfont.woff') format('woff'),
url('roboto-light-webfont.ttf') format('truetype'),
url('roboto-light-webfont.svg#robotolight') format('svg');
font-weight: normal;
font-style: normal;
}
html {background: black;}
#debug{
display: none;
}

#prompt-message{
-webkit-transform: translateY(100%);
transform: translateY(100%);
position: fixed;
bottom: -100px;
left: 0;
z-index: 2004;
width: 100%;
min-height: 86px;
height: 5%;
background-color: white;
}
#prompt-message p{
margin: 0;
width: 70%;
margin-left: 90px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "robotolight";
position: absolute;
}
#prompt-message img{
margin-left: 5px;
margin-top: 5px;
max-height: 76px;
float: left;
}

#speedometer{
text-align: center;
position: absolute;
z-index: 801;
height: 27%;
min-height: 150px;
max-height: 200px;
width: 100%;
left: 0;
top: 0;

}
#speedometer p:nth-child(1){
font-family: "robotoregular";
position: relative;
z-index: 1101;
color: white;
margin-top: 35px;
margin-bottom: 0;
}

.base{
display: block;
position: absolute;
opacity: 0;
height: 100%;
background-color: black;
width: 100%;
left: 0;
top: 0;
}
#speedometer .percentage{
font-family: "robotolight";
z-index: 1101;
color: white;
font-size: 4em;
line-height: 1em;
margin: 0;

}
.wrapper{
width: 100%;
height: 100%;
overflow: hidden;
}

#intro{
text-align: center;
z-index: 2002;
#blocker{
z-index: 901;
position: absolute;
background-color: rgb(120,120,120);
opacity: 1;
display: block;
background-color: black;
opacity: 0;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#intro p{
width: 100%;
font-size: 1.5em;
color: white;
font-family: "robotolight",Helvetica, Arial, Sans-Serif;
top: 40%;
position: absolute;

}
.co-ord-offset,.co-ord-last-touched,.co-ord, .digit, .dist-bl, .ang-bl, .percentage{
font-family: "robotoregular";
.co-ord-offset,.co-ord-last-touched,.co-ord, .digit, .dist-bl, .ang-bl{
position: relative;
z-index: 1200;
cursor: default;
@@ -173,11 +64,11 @@ body{
}

#speedCtrl{
z-index: 2001;
z-index: 999;
position: fixed;
bottom: 0;
left: 0;
background-color: rgba(0,0,255,0);
background-color: rgba(255,255,255,0.5);
width: 100px;
height: 100px;
min-width: 50px;
@@ -188,7 +79,7 @@ body{
-o-user-select: none;
}
#angle-pointer{
z-index: 997;
z-index: 998;
position: fixed;
bottom: 0;
left: 0;
@@ -208,84 +99,13 @@ body{
-webkit-user-select: none;
-o-user-select: none;
}
#speed-inner-ring{
z-index: 997;
position: fixed;
opacity: 0;
bottom: 0;
left: 0;
width: 140px;
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}

#speed-outter-ring{
z-index: 996;
position: fixed;
opacity: 0;
bottom: 0;
left: 0;
width: 185px;
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}

#speed-arrow{

height: 270px;

position: fixed;
left: 0;
bottom: 0;
transform: translateY(270px);
-webkit-transform: translateY(270px);
transition: all 0.1s cubic-bezier(.07,.6,.34,1.15);
-webkit-transition: all 0.1s cubic-bezier(.07,.6,.34,1.15);
}

.rotate45{
z-index: 996;
transform-origin: 50% 100%;
-webkit-transform-origin: 0% 100%;
transform: rotate(45deg);
-webkit-transform: rotate(45deg) translateX(-50%);
width: 74px;
height: 270px;
position: fixed;
left: 0;
bottom: 0;
}

#start-icon{
z-index: 997;
height: 60;
position: fixed;
bottom: 20;
right: 30;
}

#speed-icon{
z-index: 997;
width: 60;
position: fixed;
bottom: 20;
left: 20;
}

#startBtn{
z-index: 2001;
z-index: 999;
position: fixed;
bottom: 0;
right: 0;
background-color: rgba(0,0,255,0);
background-color: rgba(255,255,255,0.5);
width: 100px;
height: 100px;
min-width: 50px;
@@ -296,82 +116,24 @@ body{
-o-user-select: none;
}


#gradient{
z-index: 801;
width: 100%;
height: 25%;
position: fixed;
bottom: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(158,158,158,0) 0%, rgba(156,156,156,0.05) 10%, rgba(145,145,145,0.58) 57%, rgba(137,137,137,1) 93%, rgba(135,135,135,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,158,158,0)), color-stop(10%,rgba(156,156,156,0.05)), color-stop(57%,rgba(145,145,145,0.58)), color-stop(93%,rgba(137,137,137,1)), color-stop(100%,rgba(135,135,135,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(158,158,158,0) 0%,rgba(156,156,156,0.05) 10%,rgba(145,145,145,0.58) 57%,rgba(137,137,137,1) 93%,rgba(135,135,135,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(158,158,158,0) 0%,rgba(156,156,156,0.05) 10%,rgba(145,145,145,0.58) 57%,rgba(137,137,137,1) 93%,rgba(135,135,135,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(158,158,158,0) 0%,rgba(156,156,156,0.05) 10%,rgba(145,145,145,0.58) 57%,rgba(137,137,137,1) 93%,rgba(135,135,135,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(158,158,158,0) 0%,rgba(156,156,156,0.05) 10%,rgba(145,145,145,0.58) 57%,rgba(137,137,137,1) 93%,rgba(135,135,135,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009e9e9e', endColorstr='#878787',GradientType=0 ); /* IE6-9 */


}

#colorLayer{
z-index: 800;
#overlay{
z-index: 900;
position: absolute;
display: block;
background-color: rgb(0,200,255);
background-color: rgb(220,220,220);
opacity: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#colorCtrl{
z-index: 2000;
z-index: 800;
position: absolute;
display: block;
background-color: rgb(0,200,255);
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.arrow-down{
position: absolute;
bottom: -20px;
left: 50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;

border-top: 20px solid white;
}
.centered{
top: 50%;
left: 0;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
width: 100%;
text-align: center;
z-index: 999;
position: absolute;

}
.centered p{
width: 90%;
position: absolute;
padding: 0 5%;
top: 50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
font-family: "robotolight";
color: white;
opacity: 0;
}

#colorTut{
height: 24%;
max-width: 250px;
opacity: 0;
}
Binary file removed flash.appcache
Binary file not shown.
Binary file removed font/Roboto-Light.ttf
Binary file not shown.
5 changes: 0 additions & 5 deletions font/generator_config.txt

This file was deleted.

616 changes: 0 additions & 616 deletions font/roboto-light-demo.html

This file was deleted.

Binary file removed font/roboto-light-webfont.eot
Binary file not shown.
666 changes: 0 additions & 666 deletions font/roboto-light-webfont.svg

This file was deleted.

Binary file removed font/roboto-light-webfont.ttf
Binary file not shown.
Binary file removed font/roboto-light-webfont.woff
Binary file not shown.
Binary file removed font/roboto-light-webfont.woff2
Binary file not shown.
7 changes: 0 additions & 7 deletions font/specimen_files/easytabs.js

This file was deleted.

129 changes: 0 additions & 129 deletions font/specimen_files/grid_12-825-55-15.css

This file was deleted.

396 changes: 0 additions & 396 deletions font/specimen_files/specimen_stylesheet.css

This file was deleted.

16 changes: 0 additions & 16 deletions font/stylesheet.css

This file was deleted.

123 changes: 0 additions & 123 deletions img/colour-change-tutorial.svg

This file was deleted.

81 changes: 19 additions & 62 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,84 +1,41 @@
<html manifest="flash.appcache">
<html>
<head>
<title>Flashy</title>
<link rel="stylesheet" href="">
<title></title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content=" initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="Flashy">
<link rel="apple-touch-icon" href="apple-touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-startup-image" href="Default-568h@2x.png" sizes="640x1096">
<!-- <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'> -->
<link rel="stylesheet" type="text/css" charset="utf-8" href="css/style.css">
<!-- <link type="text/cache-manifest" href="cache.manifest"> -->


<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="Flash">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style.css">

</head>
<body>

<div class="wrapper">
<div id="prompt-message">
<img src="prompt-icon.png" alt="icon">
<p>Add Flashy to your homesreen for optimised APP experience!</p>
<div class="arrow-down"></div>
</div>
<div id="intro"><p>TAP TO START</p></div>
<div class="centered">
<p>Try TAP and HOLD the button you just touched</p>
<img id="colorTut" src="img/colour-change-tutorial.svg" alt="tutorial">
</div>
<div id="speedometer"><p>Flashing Speed</p><p class="percentage">50%</p><div class="base"></div></div>
<!-- <div id="overlay"></div> -->
<div id="gradient"></div>
<div id="colorLayer"></div>
<div id="blocker"></div>
<div id="overlay"></div>
<div id="colorCtrl"></div>

<div id="object"><span>+</span></div>
<div id="speedCtrl"></div>
<div id="startBtn"></div>


<div id="debug">
<div class="co-ord">You haven't tap on the screen yet!</div>
<div class="co-ord-last-touched">Last touched co-ordinate (0,0)</div>
<div class="co-ord-offset">X moved 0, Y moved 0</div>
<div class="digit">RGB(0,200,255)</div>
<div class="dist-bl">Distance from bottom left:</div>
<div class="ang-bl">Angle:</div>
<div class="percentage">Speed:</div>
</div>
<div class="rotate45">
<svg id="speed-arrow" x="0px" y="0px" viewBox="0 0 74 270" enable-background="new 0 0 74 270" xml:space="preserve">
<polygon fill="#FFFFFF" points="73.9,37 37,0.1 0.1,37 3.7,40.8 34.1,10.2 34.1,122 40.1,122 40.1,10.5 70.3,40.8 "/>
</svg>
</div>
<svg id="angle-pointer" x="0px" y="0px" viewBox="0 0 30 182" enable-background="new 0 0 30 182" xml:space="preserve">
<circle fill="#000000" opacity="0.8" cx="15" cy="15.6" r="15"/>
</svg>
<svg id="speed-inner-ring" x="0px" y="0px" viewBox="0 0 150 150" enable-background="new 0 0 150 150" xml:space="preserve">
<path opacity="0.5" d="M149.9,150C149.9,67,82.1,0,0.1,0c0,0,0,67,0,150H149.9z"/>
</svg>
<svg id="speed-outter-ring" x="0px" y="0px" viewBox="0 0 185 185" enable-background="new 0 0 185 185" xml:space="preserve">

<path width="50px" height="50px" fill="#FFFFFF" opacity="0.5" d="M0.1,36.8c0,0-0.1-0.1-0.1-0.1c81.8,0,148.1,66.2,148.1,148.2h36.7c0-102-82.8-184.9-184.8-184.9 c0,0,0.1,0.1,0.1,0.1V36.8z"/>

</svg>
<svg id="start-icon" x="0px" y="0px" viewBox="0 0 42 68" enable-background="new 0 0 42 68" xml:space="preserve">
<path fill="#FFFFFF" d="M29,0.9L1.1,31.3c-1.3,1.3-0.7,3.6,1.1,4l19.2,5.5L11.1,65.1c-0.8,1.9,1.8,3.5,3.1,1.9l26.7-30.9 c1.3-1.6,0.6-4-1.4-4.6l-17.1-5.3l9.3-23.4C32.6,1.1,30.3-0.5,29,0.9z"/>
</svg>
<svg id="speed-icon" x="0px" y="0px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
<path fill="#FFFFFF" d="M35,0C15.7,0,0,15.7,0,35s15.7,35,35,35s35-15.7,35-35S54.3,0,35,0z M58.7,56.8l-6.3-6.5 c-0.6-0.6-1.5-0.6-2.1-0.1s-0.6,1.5,0,2.1l6.3,6.3C50.8,63.9,43.3,67,35,67s-15.8-3.2-21.5-8.4l6.3-6.3c0.6-0.6,0.6-1.5,0-2.1 s-1.5-0.6-2.1,0l-6.3,6.6c-4.8-5.2-7.8-12.3-8.3-19.3H12c0.8,0,1.5-0.7,1.5-1.5s-0.7-1.5-1.5-1.5H3c0.2-8,3.3-15.3,8.3-20.8l6.3,6.2 c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.2,1.1-0.5c0.6-0.6,0.6-1.6,0-2.1l-7-6.3C18,6.6,24.6,3.5,31.6,3.1V12c0,0.8,0.7,1.5,1.5,1.5 s1.5-0.7,1.5-1.5V3c8,0.2,15.8,3.4,21.3,8.4c-9.1,6.4-24,17.4-25.7,19.1c-2.5,2.5-2.3,6.5,0.2,8.9s6.5,2.5,9,0 c1.7-1.7,12.7-16.8,19.1-25.8c5,5.5,8.2,12.9,8.5,20.9h-9c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5h8.9 C66.5,44.5,63.4,51.6,58.7,56.8z"/>
<div class="co-ord">You haven't tap on the screen yet!</div>
<div class="co-ord-last-touched">Last touched co-ordinate (0,0)</div>
<div class="co-ord-offset">X moved 0, Y moved 0</div>
<div class="digit">RGB(0,200,255)</div>
<div class="dist-bl">Distance from bottom left:</div>
<div class="ang-bl">Angle:</div>
<div id="debug"></div>
<svg id="angle-pointer" x="0px" y="0px"
viewBox="0 0 30 200" enable-background="new 0 0 30 200" xml:space="preserve">
<polygon fill="#FF0000" points="0.4,0.7 29.6,0.7 15,32.9 "/>
</svg>
</div>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/velocity.min.js"></script>
<script src="js/velocity.ui.js"></script>
<script src="js/GSAP.js"></script>
<script src="js/main.js"></script>
</body>
</html>
17 changes: 0 additions & 17 deletions js/GSAP.js

This file was deleted.

316 changes: 47 additions & 269 deletions js/main.js

Large diffs are not rendered by default.

753 changes: 0 additions & 753 deletions js/velocity.ui.js

This file was deleted.

20 changes: 0 additions & 20 deletions meta tag for start up image.html

This file was deleted.

Binary file removed prompt-icon.png
Binary file not shown.
Binary file removed touch-icon-ipad-retina.png
Binary file not shown.
Binary file removed touch-icon-ipad.png
Binary file not shown.
Binary file removed touch-icon-iphone-retina.png
Binary file not shown.

0 comments on commit 46cafab

Please sign in to comment.