changed fonts and colors and positions

dojoapps · Jul 11, 2013 · 0663e56 · 0663e56
1 parent de838f2
commit 0663e56
Show file tree

Hide file tree

Showing 14 changed files with 1,158 additions and 20 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/cadenablack-webfont.eot b/cadenablack-webfont.eot
diff --git a/cadenablack-webfont.svg b/cadenablack-webfont.svg
diff --git a/cadenablack-webfont.ttf b/cadenablack-webfont.ttf
diff --git a/cadenablack-webfont.woff b/cadenablack-webfont.woff
diff --git a/generator_config.txt b/generator_config.txt
@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"optimal","formats":["ttf","woff","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
diff --git a/imgs/ss-0.png b/imgs/ss-0.png
diff --git a/index.html b/index.html
@@ -6,15 +6,17 @@
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-        <title></title>
+        <title>Saida Certa</title>
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width">
 
+
+
         <style type="text/css">
             body {
-                background: #1E1E1E;
-                font-family: "Segoe UI","Segoe WP","Helvetica Neue",sans-serif;
-                color: #C8C8C8;
+                background: #101B2F;
+                font-family: "open_sansregular","Segoe UI","Segoe WP","Helvetica Neue",sans-serif;
+                color: #C5C5C5;
                 font-size: 1.5em;
             }
 
@@ -28,8 +30,10 @@
             }
 
             h2 {
+                color: #11A9CB;
+                font-family: 'cadenaregular', "Segoe UI","Segoe WP","Helvetica Neue",sans-serif;
                 font-size: 2.6em;
-                border-bottom: 2px solid #007ACC;
+                border-bottom: 2px solid #FF6A1F;
             }
 
             .text {
@@ -69,61 +73,60 @@
             }
         </style>
         <script src="scripts/vendor/modernizr.min.js"></script>
+        <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
     </head>
     <body>
         <div id="impress">
-            <div id="intro" class="step slide" data-x="-1000" data-y="-500" data-scale="1">
+            <div id="intro" class="step slide" data-x="0" data-y="0" data-z="0" data-scale="1">
                 <h2>Saída Certa</h2>
-
                 <p class="text">Mobile solution for clients to pay their nightclub tab.</p>
-                <img src="imgs/iPhone-tela.png">
+                <img src="imgs/ss-0.png">
             </div>
 
-            <div class="step" data-x="0" data-y="-2000">
+            <div class="step" data-x="2000" data-y="0">
                 <h2>Problema</h2>
 
                 <p class="text">Filas para o pagamento de contas em casas noturnas são incômodas e fazem as pessoas irem embora mais cedo.</p>
             </div>
 
-            <div id="solucao" class="step" data-x="3000" data-y="200" data-z="50" data-scale="3">
+            <div id="solucao" class="step" data-x="4000" data-y="0" data-z="0" data-scale="1">
                 <h2>Solução</h2>
-
                 <p class="text">Using Saída Certa you have real time access to you tab and can check what you have asked so far.</p>
                 <p class="text">Quando quiser ir embora você pode pagar diretamente do seu celular e se dirigir para a saída sem passar pelo caixa.</p>
             </div>
 
-             <div id="passo1" class="step como" data-x="-4000" data-y="5000" data-z="-600">
+             <div id="passo1" class="step como" data-x="4000" data-y="2000" data-z="-1000" data-rotate="90">
                 <h2>Escolher comanda</h2>
                 <img src="imgs/tutorial-0.png">
             </div>
-             <div id="passo2" class="step como" data-x="-3000" data-y="5000" data-z="-1200">
+             <div id="passo2" class="step como" data-x="4000" data-y="3000" data-z="-1200" data-rotate="90">
                 <h2>Ver comanda</h2>
                 <img src="imgs/tutorial-1.png">
             </div>
-             <div id="passo3" class="step como" data-x="-2000" data-y="5000" data-z="-1800">
+             <div id="passo3" class="step como" data-x="4000" data-y="4000" data-z="-1400" data-rotate="90">
                 <h2>Escolher cartões</h2>
                 <img src="imgs/tutorial-2.png">
             </div>
-             <div id="passo4" class="step como" data-x="-1000" data-y="5000" data-z="-2400">
+             <div id="passo4" class="step como" data-x="4000" data-y="5000" data-z="-1600" data-rotate="90">
                 <h2>Confirmação</h2>
                 <img src="imgs/tutorial-3.png">
             </div>
 
-            <div class="step" data-x="-200" data-y="600" data-rotate="90">
+            <div class="step" data-x="4000" data-y="8000">
                 <h2>Customer Segments</h2>
                 <ul>
                     <li><p class="text">Nightclubs</p></li>
                     <li><p class="text">Smartphone users at nightclubs</p></li>
                 </ul>
             </div>
 
-            <div class="step" data-x="-1000" data-y="2500" data-z="150">
+            <div class="step" data-x="6000" data-y="8000">
                 <h2>Concorrentes</h2>
 
                 <img src="http://s3-sa-east-1.amazonaws.com/mobipass-website-static-files/images/logo.png">&nbsp;&nbsp;<img src="http://tabber.com.br/static//images/tabber_logo_transp.png" >
             </div>
 
-            <div class="step" data-x="4000" data-y="3000" data-z="-500" data-rotate-x="-40" data-rotate-y="10">
+            <div class="step" data-x="8000" data-y="8000">
                 <h2>Modelo de receita</h2>
 
                 <ul>
@@ -132,7 +135,7 @@ <h2>Modelo de receita</h2>
                 </ul>
             </div>
 
-            <div class="step" id="time" data-x="4800" data-y="1000" data-z="-500" data-rotate-x="-40" data-rotate-y="10">
+            <div class="step" id="time" data-x="10000" data-y="8000">
                 <h2>Time</h2>
 
                 <p class="text"><img src="http://dojoapps.com.br/img/nozes/kinho.jpg"> André Cytryn</p>
@@ -141,7 +144,7 @@ <h2>Time</h2>
                 <p class="text"><img src="http://dojoapps.com.br/img/nozes/vansan.jpg"> Vicende de Alencar</p>
             </div>            
 
-            <div class="step" data-x="5600" data-y="4500" data-z="50" data-rotate="90">
+            <div class="step" data-x="12000" data-y="8000" data-rotate-y="-90">
                 <h2>Obrigado!</h2>
 
                 <a href="http://miyagi.apphb.com" class="conheca">http://miyagi.apphb.com</a>