From 840b0a6d37f565c87529544310a6b7fd99dd71d0 Mon Sep 17 00:00:00 2001
From: "@soyjavi" <javi@tapquo.com>
Date: Mon, 28 Jul 2014 17:55:16 +0200
Subject: [PATCH] Included STYLmethods

---
 .gitmodules                   |  7 +++++--
 gulpfile.js                   |  2 +-
 source/styl/STYLmethods       |  1 +
 source/styl/__init.styl       |  2 +-
 source/styl/theme/__init.styl |  2 +-
 www/examples/app.html         |  8 ++++----
 www/examples/blog.html        |  8 ++++----
 www/examples/landing.html     |  8 ++++----
 www/examples/profile.html     |  8 ++++----
 www/index.html                | 16 ++++++++--------
 10 files changed, 33 insertions(+), 29 deletions(-)
 create mode 160000 source/styl/STYLmethods

diff --git a/.gitmodules b/.gitmodules
index d43f385..94c9b37 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +1,6 @@
-[submodule "/package"]
-	path = /package
+[submodule "package"]
+	path = package
 	url = https://github.com/soyjavi/package-tuktuk.git
+[submodule "source/styl/STYLmethods"]
+	path = source/styl/STYLmethods
+	url = https://github.com/soyjavi/STYLmethods.git
diff --git a/gulpfile.js b/gulpfile.js
index eeb6664..0ef9c8c 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -67,7 +67,7 @@ gulp.task('theme', function() {
 });
 
 gulp.task('webserver', function() {
-  connect.server({ port: 8000, root: 'www/', livereload: true });
+  connect.server({ port: 8000, root: './', livereload: true });
 });
 
 gulp.task('init', function() {
diff --git a/source/styl/STYLmethods b/source/styl/STYLmethods
new file mode 160000
index 0000000..f7726e9
--- /dev/null
+++ b/source/styl/STYLmethods
@@ -0,0 +1 @@
+Subproject commit f7726e97b830dac40594aeeb1508d884fc87e514
diff --git a/source/styl/__init.styl b/source/styl/__init.styl
index 94c5ade..8b3b6f8 100644
--- a/source/styl/__init.styl
+++ b/source/styl/__init.styl
@@ -1,4 +1,4 @@
-@import "../components/CSSmethods/vendor.styl"
+@import "STYLmethods/vendor.styl"
 
 FONT-SIZE         = 14px
 FONT-SIZE-LARGE   = 1.4em
diff --git a/source/styl/theme/__init.styl b/source/styl/theme/__init.styl
index 442744b..ffcbc75 100644
--- a/source/styl/theme/__init.styl
+++ b/source/styl/theme/__init.styl
@@ -1,4 +1,4 @@
-@import "../../components/CSSmethods/vendor.styl"
+@import "../STYLmethods/vendor.styl"
 
 /* DEFAULTS */
 COLOR           = #222
diff --git a/www/examples/app.html b/www/examples/app.html
index 6a8a24c..6168cf6 100644
--- a/www/examples/app.html
+++ b/www/examples/app.html
@@ -5,10 +5,10 @@
     <title>tuktuk - Application Example</title>
     <!-- Mobile Specific Metas -->
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-    <link rel="stylesheet" href="../package/tuktuk.css">
-    <link rel="stylesheet" href="../package/tuktuk.theme.default.css">
+    <link rel="stylesheet" href="../../package/tuktuk.css">
+    <link rel="stylesheet" href="../../package/tuktuk.theme.default.css">
     <!-- TUKTUK.WIDGETS -->
-    <link rel="stylesheet" href="../package/tuktuk.icons.css">
+    <link rel="stylesheet" href="../../package/tuktuk.icons.css">
     <style>
         .thumb {
             height: 96px;
@@ -197,7 +197,7 @@ <h4 class="inline text book">Side window.</h4>
     </div>
 
     <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
-    <script src="../package/tuktuk.js"></script>
+    <script src="../../package/tuktuk.js"></script>
     <script>
         TukTuk.Modal.loading();
         setTimeout( TukTuk.Modal.hide, 1000);
diff --git a/www/examples/blog.html b/www/examples/blog.html
index ffc8c57..c98c0ce 100644
--- a/www/examples/blog.html
+++ b/www/examples/blog.html
@@ -4,9 +4,9 @@
     <meta charset="utf-8" />
     <title>TukTuk - Blog Template</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-    <link rel="stylesheet" href="../package/tuktuk.css">
-    <link rel="stylesheet" href="../package/tuktuk.theme.default.css">
-    <link rel="stylesheet" href="../package/tuktuk.icons.css">
+    <link rel="stylesheet" href="../../package/tuktuk.css">
+    <link rel="stylesheet" href="../../package/tuktuk.theme.default.css">
+    <link rel="stylesheet" href="../../package/tuktuk.icons.css">
     <style>
         body > header .logo {
             margin-right: 1rem;
@@ -127,6 +127,6 @@ <h5 class="text normal">Users</h5>
     </footer>
 
     <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
-    <script src="../package/tuktuk.js"></script>
+    <script src="../../package/tuktuk.js"></script>
 </body>
 </html>
diff --git a/www/examples/landing.html b/www/examples/landing.html
index 1b29182..cba4d4b 100644
--- a/www/examples/landing.html
+++ b/www/examples/landing.html
@@ -5,10 +5,10 @@
     <title>tuktuk - Landing Example</title>
     <!-- Mobile Specific Metas -->
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-    <link rel="stylesheet" href="../package/tuktuk.css">
-    <link rel="stylesheet" href="../package/tuktuk.theme.default.css">
+    <link rel="stylesheet" href="../../package/tuktuk.css">
+    <link rel="stylesheet" href="../../package/tuktuk.theme.default.css">
     <!-- TUKTUK.WIDGETS -->
-    <link rel="stylesheet" href="../package/tuktuk.icons.css">
+    <link rel="stylesheet" href="../../package/tuktuk.icons.css">
     <style>
         body > header .logo {
             margin-right: 1rem;
@@ -143,6 +143,6 @@ <h3 class="text thin">Javi Jimenez is the CTO and co-founder of <a href="http://
     </footer>
 
     <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
-    <script src="../package/tuktuk.js"></script>
+    <script src="../../package/tuktuk.js"></script>
 </body>
 </html>
diff --git a/www/examples/profile.html b/www/examples/profile.html
index 0bcea00..78a7313 100644
--- a/www/examples/profile.html
+++ b/www/examples/profile.html
@@ -5,10 +5,10 @@
     <title>tuktuk - Profile Example</title>
     <!-- Mobile Specific Metas -->
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-    <link rel="stylesheet" href="../package/tuktuk.css">
-    <link rel="stylesheet" href="../package/tuktuk.theme.default.css">
+    <link rel="stylesheet" href="../../package/tuktuk.css">
+    <link rel="stylesheet" href="../../package/tuktuk.theme.default.css">
     <!-- TUKTUK.WIDGETS -->
-    <link rel="stylesheet" href="../package/tuktuk.icons.css">
+    <link rel="stylesheet" href="../../package/tuktuk.icons.css">
     <style>
         body > header .logo {
             margin-right: 1rem;
@@ -123,6 +123,6 @@ <h2 class="text bold inline">Thumbs</h2>
     </footer>
 
     <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
-    <script src="../package/tuktuk.js"></script>
+    <script src="../../package/tuktuk.js"></script>
 </body>
 </html>
diff --git a/www/index.html b/www/index.html
index d38365b..8ab78eb 100644
--- a/www/index.html
+++ b/www/index.html
@@ -14,9 +14,9 @@
     <title>TukTuk</title>
     <!-- STYLESHEETs -->
     <link rel="icon" href="http://tuktuk.tapquo.com/img/favicon.png" type="image/x-icon">
-    <link rel="stylesheet" href="/package/tuktuk.css">
-    <link rel="stylesheet" href="/package/tuktuk.theme.default.css">
-    <link rel="stylesheet" href="/package/tuktuk.icons.css">
+    <link rel="stylesheet" href="../package/tuktuk.css">
+    <link rel="stylesheet" href="../package/tuktuk.theme.default.css">
+    <link rel="stylesheet" href="../package/tuktuk.icons.css">
 </head>
 
 <body data-stellar-background-ratio="0.6" data-page="index", data-product="tuktuk">
@@ -112,26 +112,26 @@ <h2>As a picture is worth a thousand words (or hundreds of lines of code), check
 
         <div class="row align center">
             <div class="column_3">
-                <a href="/microsites/tuktuk_blog.html" target="_blank" class="tip-right" data-tip="Click to view">
+                <a href="examples/blog.html" target="_blank" class="tip-right" data-tip="Click to view">
                     <img src="http://tuktuk.tapquo.com/img/product/tuktuk/template-blog.png" class="responsive">
                 </a>
                 <h6><strong>Blog</strong> Page</h6>
             </div>
             <div class="column_3">
-                <a href="/microsites/tuktuk_landing.html" target="_blank" class="tip-right" data-tip="Click to view">
+                <a href="examples/landing.html" target="_blank" class="tip-right" data-tip="Click to view">
                     <img src="http://tuktuk.tapquo.com/img/product/tuktuk/template-landing.png" class="responsive">
                 </a>
                 <h6><strong>Landing</strong> Page</h6>
             </div>
             <div class="column_3">
-                <a href="/microsites/tuktuk_profile.html" target="_blank" class="tip-left" data-tip="Click to view">
+                <a href="examples/profile.html" target="_blank" class="tip-left" data-tip="Click to view">
                     <img src="http://tuktuk.tapquo.com/img/product/tuktuk/template-profile.png" class="responsive">
                 </a>
                 <h6><strong>Profile</strong> Page</h6>
             </div>
 
             <div class="column_3">
-                <a href="/microsites/tuktuk_app.html" target="_blank" class="tip-left" data-tip="Click to view">
+                <a href="examples/app.html" target="_blank" class="tip-left" data-tip="Click to view">
                     <img src="http://tuktuk.tapquo.com/img/product/tuktuk/template-app.png" class="responsive">
                 </a>
                 <h6>Web <strong>Application</strong></h6>
@@ -198,6 +198,6 @@ <h2>
     </section>
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="/package/tuktuk.js"></script>
+    <script src="../package/tuktuk.js"></script>
 </body>
 </html>