WebPowerLabs · zlorenz · Jul 31, 2014 · Oct 31, 2014 · Oct 31, 2014 · Oct 31, 2014
diff --git a/.gitignore b/.gitignore
@@ -29,4 +29,6 @@ nosetests.xml
 node_modules/
 
 # Campass
-.sass-cache
+.sass-cache
+
+.vagrant/
diff --git a/nubuilder/.DS_Store b/nubuilder/.DS_Store
diff --git a/nubuilder/config/urls.py b/nubuilder/config/urls.py
@@ -4,19 +4,13 @@
 from django.conf import settings
 from django.conf.urls import patterns, include, url
 from django.conf.urls.static import static
-from django.views.generic import TemplateView
+
 
 # Uncomment the next two lines to enable the admin:
 from django.contrib import admin
 admin.autodiscover()
 
 urlpatterns = patterns('',
-    url(r'^$',
-        TemplateView.as_view(template_name='pages/home.html'),
-        name="home"),
-    url(r'^about/$',
-        TemplateView.as_view(template_name='pages/about.html'),
-        name="about"),
 
     # Uncomment the next line to enable the admin:
     url(r'^admin/', include(admin.site.urls)),
@@ -29,6 +23,7 @@
     url(r'^avatar/', include('avatar.urls')),
 
     # Your stuff: custom urls go here
-    url(r'^', include('nupages.urls', namespace='nupages')),
+    url(r'^contact/', 'users.views.contact', name='contact'),
+    url(r'^pages/', include('nupages.urls', namespace='nupages')),
 
 ) + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
diff --git a/nubuilder/static/.DS_Store b/nubuilder/static/.DS_Store
diff --git a/nubuilder/static/css/jackson-tile.min.css b/nubuilder/static/css/jackson-tile.min.css
diff --git a/nubuilder/static/fonts/flaticon.css b/nubuilder/static/fonts/flaticon.css
@@ -0,0 +1,32 @@
+@font-face {
+	font-family: "Flaticon";
+	src: url("flaticon.eot");
+	src: url("flaticon.eot#iefix") format("embedded-opentype"),
+	url("flaticon.woff") format("woff"),
+	url("flaticon.ttf") format("truetype"),
+	url("flaticon.svg") format("svg");
+	font-weight: normal;
+	font-style: normal;
+}
+[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
+[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
+	font-family: Flaticon;
+	font-style: normal;
+}.flaticon-wood1:before {
+	content: "\e000";
+}
+.flaticon-wood2:before {
+	content: "\e001";
+}
+.flaticon-laminate1:before {
+	content: "\e002";
+}
+.flaticon-laminate2:before {
+	content: "\e003";
+}
+.flaticon-tile2:before {
+	content: "\e004";
+}
+.flaticon-tile1:before {
+	content: "\e005";
+}
diff --git a/nubuilder/static/fonts/flaticon.eot b/nubuilder/static/fonts/flaticon.eot
diff --git a/nubuilder/static/fonts/flaticon.html b/nubuilder/static/fonts/flaticon.html
@@ -0,0 +1,283 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Flaticon WebFont</title>
+    <link rel="stylesheet" type="text/css" href="flaticon.css">
+    <meta charset="UTF-8">
+    <style>
+    body {
+        font-family: sans-serif;
+        line-height: 1.5;
+        font-size: 16px;
+        padding: 20px;
+        color:#333;
+    }
+    * {
+        -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+    }
+    [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
+        font-family: Flaticon;
+        font-size: 30px;
+        font-style: normal;
+        margin-left: 20px;
+        color: #333;
+    }
+    .image p {
+		font-size: 12px;
+		margin: 0px;
+		clear: none;
+		width: 300px;
+		line-height: 40px;
+	}
+    .text {
+        float: left;
+        font-size:14px;
+        margin-top: 15px;
+    }
+    .text ul {
+        margin-left:0px;
+        color:#111;
+        margin-bottom:20px;
+    }
+    .text .ex {
+        font-size:12px;
+        color:#666;
+        margin-left:35px;
+        display:block;
+    }
+    .text ul li {
+        margin-top:10px;
+        list-style:none;
+    }
+    .num {
+        background:#66A523;
+        color:#fff;
+        border-radius:20px;
+        padding:1px;
+        display:inline-block;
+        width:22px;
+        height:22px;
+        text-align:center;
+        margin-right: 5px;
+    }
+    .text ul strong {
+        font-weight:normal;
+        color:#000;
+    }
+    .image {
+        width: 280px;
+        float: left;
+        margin-bottom: 15px;
+        margin-right: 30px;
+    }
+    #glyphs {
+        clear: both;
+    }
+    .image p:nth-child(even) i {
+        clear: none;
+    }
+    .glyph {
+        display: inline-block;
+        width: 120px;
+        margin: 10px;
+        text-align: center;
+        vertical-align: top;
+        background: #FFF;
+    }
+    .glyph .glyph-icon {
+        padding: 10px;
+        display: block;
+        font-family:"Flaticon";
+        font-size: 64px;
+        line-height: 1;
+    }
+    .glyph .glyph-icon:before {
+        font-size: 64px;
+        color: #666;
+        margin-left: 0;
+    }
+    .class-name {
+        font-size: 12px;
+    }
+    .author-name {
+		font-size: 10px;
+	}
+	a{
+		color: #66A523;
+	}
+    .instructions {
+        font-style:italic;
+        font-size:22px;
+        margin-bottom:10px;
+    }
+    .iconsuse {
+        font-size:22px;
+        font-style:italic;
+        padding-top:20px;
+        margin-top:20px;
+        border-top:1px solid #bbb;
+    }
+    .usetitle {
+        margin-bottom: 10px;
+        font-size: 20px;
+        font-style: italic;
+    }
+    .class-name:last-child {
+        font-size: 10px;
+        color:#888;
+    }
+    .class-name:last-child a {
+        font-size: 10px;
+        color:#555;
+    }
+    .class-name:last-child a:hover {
+        color:#66A523;
+    }
+    .glyph > input {
+        display: block;
+        width: 100px;
+        margin: 5px auto;
+        text-align: center;
+        font-size: 12px;
+        cursor: text;
+    }
+    .glyph > input.icon-input {
+        font-family:"Flaticon";
+        font-size: 16px;
+        margin-bottom: 10px;
+    }
+    h1.logo {
+        font-size: 40px;
+        letter-spacing: -1px;
+        margin-top: -16px;
+        text-transform: lowercase;
+        border-bottom:1px solid #bbb;
+    }
+    h1.logo strong {
+        font-size: 16px;
+        font-family:sans-serif;
+        font-weight:normal;
+        color:#333;
+    }
+    h1.logo a {
+        color:#34302d;
+        text-decoration: none;
+    }
+    h1.logo a span {
+        color:#66A523;
+    }
+    #footer {
+        padding-top:40px;
+        clear:both;
+        text-align:center;
+    }
+    #footer a {
+        color:#66A523;
+    }
+    textarea {
+		margin: 0px;
+		width: 800px;
+		height: 150px;
+		border: 1px solid #CCC;
+		resize: none;
+		background: #EEE;
+    }
+    .author-link, .attrDiv a{
+    	font-size: 12px;
+    	color: #333;
+    	text-decoration: none;
+    }
+    .external {
+    	display: block;
+    }
+    .attrDiv {
+		font-size: 12px;
+	}
+    .attribution {
+        border-top: 1px solid #AAA;
+        margin: 10px 0;
+        padding-top: 15px;
+    }
+    </style>
+</head>
+
+<body>
+    <header>
+        <h1 class="logo">
+            <a href="http://www.flaticon.com">
+                <span>FLAT</span>ICON</a>
+            <strong>Font Demo</strong>
+        </h1>
+    </header>
+
+    <section class="demo">
+        <div class="text">
+
+            <div class="instructions">Instructions:</div>
+
+            <ul>
+                <li>
+                    <p>
+                        <span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder.
+                </li>
+                <li>
+                    <p>
+                        <span class="num">2</span>Add the CSS link to your website source code on header.
+                        <br />
+                        <span class="ex">&lt;head&gt;
+                            <br/>...
+                            <br/>&lt;link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"&gt;
+                            <br/>...
+                            <br/>&lt;/head&gt;</span>
+                </li>
+
+                <li>
+                    <p>
+                        <span class="num">3</span>Use the icon class on "display:inline" elements:
+                        <br />
+                        <span class="ex">Use example: &lt;i class=&quot;flaticon-airplane49&quot;&gt;&lt;/i&gt; or &lt;span class=&quot;flaticon-airplane49&quot;&gt;&lt;/span&gt;</span>
+                </li>
+            </ul>
+        </div>
+
+    </section>
+
+    <section id="glyphs"><div class="glyph">
+		<div class="glyph-icon flaticon-board"></div>
+		<div class="class-name">.flaticon-board</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/board-wood_15702">Freepik</a></div></div><div class="glyph">
+		<div class="glyph-icon flaticon-chopped"></div>
+		<div class="class-name">.flaticon-chopped</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/chopped-log_28751">Freepik</a></div></div><div class="glyph">
+		<div class="glyph-icon flaticon-layers1"></div>
+		<div class="class-name">.flaticon-layers1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/layers-2_3768">Freepik</a></div></div><div class="glyph">
+		<div class="glyph-icon flaticon-layers5"></div>
+		<div class="class-name">.flaticon-layers5</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/layers_48479">Icons8</a></div></div><div class="glyph">
+		<div class="glyph-icon flaticon-tiles1"></div>
+		<div class="class-name">.flaticon-tiles1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/tiles_15719">Freepik</a></div></div><div class="glyph">
+		<div class="glyph-icon flaticon-two80"></div>
+		<div class="class-name">.flaticon-two80</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/two-column-four-squares-ios-7-interface-symbol_17989">Freepik</a></div></div></section>
+
+<section class="attribution">
+
+	<div class="usetitle">License and attribution:</div><div class="attrDiv">Font generated by <a href="http://www.flaticon.com">flaticon.com</a>
+ under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY</a>. The authors are: <a href="http://www.freepik.com">Freepik</a>, <a href="http://www.icons8.com">Icons8</a>.</div><div class="usetitle">Copy the Attribution License:</div>
+
+<textarea onclick="this.focus();this.select();">Font generated by &lt;a href=&quot;http://www.flaticon.com&quot;&gt;flaticon.com&lt;/a&gt;
+ under &lt;a href=&quot;http://creativecommons.org/licenses/by/3.0/&quot;&gt;CC BY&lt;/a&gt;. The authors are: &lt;a href=&quot;http://www.freepik.com&quot;&gt;Freepik&lt;/a&gt;, &lt;a href=&quot;http://www.icons8.com&quot;&gt;Icons8&lt;/a&gt;.</textarea>
+
+</section>
+
+<section class="iconsuse">
+    	<div class="usetitle">Examples:</div>
+		<div class="image"><p>&lt;i class=&quot;flaticon-board&quot;&gt;&lt;/i&gt; <i class="flaticon-board"></i></p><p>&lt;i class=&quot;flaticon-chopped&quot;&gt;&lt;/i&gt; <i class="flaticon-chopped"></i></p><p>&lt;i class=&quot;flaticon-layers1&quot;&gt;&lt;/i&gt; <i class="flaticon-layers1"></i></p><p>&lt;i class=&quot;flaticon-layers5&quot;&gt;&lt;/i&gt; <i class="flaticon-layers5"></i></p><p>&lt;i class=&quot;flaticon-tiles1&quot;&gt;&lt;/i&gt; <i class="flaticon-tiles1"></i></p></div><div class="image"><p>&lt;span class=&quot;flaticon-two80&quot;&gt;&lt;/span&gt; <span class="flaticon-two80"></span></p></div>
+</section>
+<div id="footer">
+    <div>Generated by <a href="http://www.flaticon.com">flaticon.com</a>
+    </div>
+</div>
+	</body>
+</html>