diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a6f21c9
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+src/node_modules
diff --git a/README.md b/README.md
index 79e71d8..97a2e09 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,3 @@
-# frontendbr.github.io
\ No newline at end of file
+# Website da Organização Front-End Brasil
+
+Visite: http://frontendbr.github.io
diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100755
index 0000000..c831eaa
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,89 @@
+article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
+audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
+audio:not([controls]){display:none}
+[hidden]{display:none}
+html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
+body{margin:0}
+body,button,input,select,textarea{font-family:sans-serif}
+a:hover,a:active{outline:0}
+abbr[title]{border-bottom:1px dotted}
+b,strong{font-weight:bold}
+blockquote{margin:1em 40px}
+dfn{font-style:italic}
+mark{background:#ff0;color:#000}
+pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}
+q{quotes:none}
+q:before,q:after{content:'';content:none}
+small{font-size:75%}
+sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+sup{top:-.5em}
+sub{bottom:-.25em}
+ul,ol{margin:1em 0;padding:0 0 0 40px}
+dd{margin:0 0 0 40px}
+nav ul,nav ol{list-style:none;list-style-image:none}
+img{border:0;-ms-interpolation-mode:bicubic}
+svg:not(:root){overflow:hidden}
+figure{margin:0}
+form{margin:0}
+fieldset{margin:0 2px;padding:.35em .625em .75em}
+legend{border:0;*margin-left:-7px}
+button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
+button,input{line-height:normal;*overflow:visible}
+table button,table input{*overflow:auto}
+button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
+input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
+input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
+button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
+textarea{overflow:auto;vertical-align:top}
+table{border-collapse:collapse;border-spacing:0}
+*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+body{font-size:15px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;background:#fff;border-top:4px solid #949db2}
+h1,h2,h3,h4,h5,h6{color:#2f3339;font-family:"Lato",sans-serif;font-weight:400;text-transform:uppercase}
+h1{font-size:36px}
+h2{font-size:32px}
+h3{font-size:24px}
+h4{font-size:21px}
+h1{margin:0}
+p{color:#515b6a;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:23px}
+a{transition:all .2s linear;color:#3396d1;font-size:15px;text-decoration:none;border-bottom:1px dashed #3396d1;}
+a:hover{color:#2679aa;border-bottom:1px dashed #2679aa}
+ul,ol{margin:0;padding:0;list-style-type:none;}
+ul li,ol li{color:#515b6a;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:23px}
+img{max-width:100%}
+body{width:100%;*zoom:1;}
+body:before,body:after{content:"";display:table}
+body:after{clear:both}
+display block{width:102.08333333333333%;margin:0 -1.0416666666666665%;*width:102.08333333333333% -correction;*margin:0 -1.0416666666666665% -correction}
+.header,.content,.footer{*zoom:1;}
+.header:before,.content:before,.footer:before,.header:after,.content:after,.footer:after{content:"";display:table}
+.header:after,.content:after,.footer:after{clear:both}
+.header .logo{display:block;text-align:center;margin:20px auto;width:300px;max-width:100%}
+.header .lead-title{margin-top:0;text-align:center;padding:20px;font-size:18px;color:#515b6a}
+.content{margin:40px auto}
+.section{display:inline;float:left;overflow:hidden;width:81.25%;margin:0 1.0416666666666665%;*width:81.25% -correction;*margin:0 1.0416666666666665% -correction;margin-left:9.375%}
+.footer{margin:20px auto;border-top:1px solid #e3e3e3;}
+.footer p,.footer a{text-align:center;color:#49525f}
+.nav-main{width:100%;display:table;margin:20px auto}
+.nav-structure{width:100%;display:table;margin:20px auto}
+.nav-list{list-style-image:none;list-style-type:none;margin:0;padding:0;}
+.nav-list .nav-item{display:inline;float:left;overflow:hidden;width:31.25%;margin:0 1.0416666666666665%;*width:31.25% -correction;*margin:0 1.0416666666666665% -correction;}
+@media screen and (max-width: 767px){.nav-list .nav-item{display:inline;float:left;overflow:hidden;width:97.91666666666666%;margin:0 1.0416666666666665%;*width:97.91666666666666% -correction;*margin:0 1.0416666666666665% -correction}
+}.nav-list .nav-item .nav-link{display:block;margin:10px auto;text-align:center;text-transform:uppercase;letter-spacing:.0625em;color:#ecf0f1}
+.btn{background:#78839e;color:btn-link;padding:16px 24px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border-bottom:2px solid #717a8f;text-shadow:0 1px 1px #373d4c;}
+@media screen and (max-width: 767px){.btn{display:inline;float:left;overflow:hidden;width:97.91666666666666%;margin:0 1.0416666666666665%;*width:97.91666666666666% -correction;*margin:0 1.0416666666666665% -correction}
+}.btn:hover{background:#66728e;color:btn-link;padding:16px 24px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border-bottom:2px solid #717a8f}
+.title{border-bottom:1px solid #ecf0f1}
+.sub-title{color:#515b6a;border-left:2px solid #515b6a;padding-left:10px}
+.box{padding:20px;display:block;width:300px;max-width:100%;margin:60px auto;border:2px solid #8bc1e5;color:#5ca9db;text-align:center;text-transform:uppercase;font-size:13px;font-weight:700;}
+.box:hover{border:2px solid #459cd6}
+.centered-parent{position:relative;height:100vh}
+.centered-child{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
+@media screen and (max-width: 767px){.centered-child{width:80%}
+}@media screen and (max-width: 767px){.header,.footer,.content,.section{float:none;display:block;width:96%;margin:0 auto}
+.header .logo{width:180px}
+.header .lead-title{font-size:13px}
+.header .nav-link{margin:5px auto}
+.btn{padding:5px;}
+.btn:hover{padding:5px}
+}
\ No newline at end of file
diff --git a/assets/images/logo.jpg b/assets/images/logo.jpg
new file mode 100755
index 0000000..a0064f6
Binary files /dev/null and b/assets/images/logo.jpg differ
diff --git a/assets/styl/_all.styl b/assets/styl/_all.styl
new file mode 100755
index 0000000..5e2e4d5
--- /dev/null
+++ b/assets/styl/_all.styl
@@ -0,0 +1,59 @@
+
+// CONTENTS
+// ----------------------------------------------------------------------------
+//
+// CONTENTS.......................... You’re reading it!
+// WARNING........................... Importante Note for Developers
+// IMPORTS........................... Begin importing the sections below
+//
+//
+// GETTING STARTED
+// ---------------
+// NIB............................... Nib by Vision Media - https://github.com/visionmedia/nib
+// CONFIG............................ Setting Variables
+//
+//
+// MODULES
+// ---------------
+// MIXINS............................ Stylus Mixins
+//
+//
+// GENERAL
+// ---------------
+// NORMALIZE......................... CSS Normalize by Necolas - https://github.com/necolas/normalize.css
+// BASE.............................. Scaffolding
+// GRID.............................. Initialize Grid System
+// RESPONSIVE........................ Media queries
+//
+//
+// ----------------------------------------------------------------------------
+
+
+
+
+// WARNING
+// ----------------------------------------------------------------------------
+// DO NOT REMOVE ANY @IMPORT ON THIS FILE!!
+//
+// Any custom styles SHOULD NOT be added or modified in style.css directly.
+//
+// Try not to edit any CSS beyond this point; if you find you need to do so
+// it is a failing of the project so please tweet at @vitorbritto.
+// ----------------------------------------------------------------------------
+
+
+
+
+// IMPORTS
+// ----------------------------------------------------------------------------
+
+@import "nib"
+@import "_config"
+
+// Modules
+@import "_modules/mixins"
+
+// General
+@import "_general/normalize"
+@import "_general/base"
+@import "_general/grid"
diff --git a/assets/styl/_config.styl b/assets/styl/_config.styl
new file mode 100755
index 0000000..1051995
--- /dev/null
+++ b/assets/styl/_config.styl
@@ -0,0 +1,29 @@
+// Color
+color-font = #515B6A
+color-link = #3396D1
+color-title = #2F3339
+color-subtitle = #515B6A
+color-negative = #ecf0f1
+
+// Tipography
+font-title = "Lato", sans-serif
+font-default = "Helvetica Neue", Helvetica, Arial, sans-serif
+font-mono = Monaco, Menlo, Consolas, Courier New, monospace
+font-alt = Georgia, "Times New Roman", Times, serif
+base-line-height = 23px
+base-font-size = 15px
+
+// Button
+btn-color = #949DB2
+btn-border = #717A8F
+btn-text = #515B6A
+
+// Messages
+color-notready = #c0392b
+color-recommend = #2980b9
+color-important = #f39c12
+
+// Breakpoints
+phone = "screen and (max-width: 767px)"
+tablet = "screen and (min-width: 768px) and (max-width: 1023px)"
+tvscreen = "screen and (min-width: 1440px)"
diff --git a/assets/styl/_general/base.styl b/assets/styl/_general/base.styl
new file mode 100755
index 0000000..166f384
--- /dev/null
+++ b/assets/styl/_general/base.styl
@@ -0,0 +1,62 @@
+
+// General
+*
+ box-sizing: border-box
+
+body
+ font-size: base-font-size
+ font-family: font-default
+ font-weight: 300
+ background: white
+ border-top: 4px solid btn-color
+
+// Text
+h1, h2, h3, h4, h5, h6
+ color: color-title
+ font-family: font-title
+ font-weight: 400
+ text-transform: uppercase
+
+h1
+ font-size: 36px
+
+h2
+ font-size: 32px
+
+h3
+ font-size: 24px
+
+h4
+ font-size: 21px
+
+h1
+ margin: 0
+
+p
+ color: color-font
+ font-family: font-default
+ font-size: base-font-size
+ line-height: base-line-height
+
+a
+ transition()
+ color: color-link
+ font-size: base-font-size
+ text-decoration: none
+ border-bottom: 1px dashed color-link
+ &:hover
+ color: darken(color-link, 20%)
+ border-bottom: 1px dashed darken(color-link, 20%)
+
+ul, ol
+ margin: 0
+ padding: 0
+ list-style-type: none
+ li
+ color: color-font
+ font-family: font-default
+ font-size: base-font-size
+ line-height: base-line-height
+
+img
+ max-width: 100%
diff --git a/assets/styl/_general/grid.styl b/assets/styl/_general/grid.styl
new file mode 100755
index 0000000..f123fed
--- /dev/null
+++ b/assets/styl/_general/grid.styl
@@ -0,0 +1,61 @@
+/////////////////
+// Semantic.gs // for Stylus: http://learnboost.github.com/stylus/
+/////////////////
+
+// Defaults which you can freely override
+column-width = 60px
+gutter-width = 20px
+columns = 12
+
+// Utility variable — you should never need to modify this
+_gridsystem-width = (column-width + gutter-width) * columns
+
+// Set @total-width to 100% for a fluid layout
+total-width = 100%
+
+// Correcting percentage-to-pixel rounding errors in IE6 & 7
+// See http://tylertate.com/blog/2012/01/05/subpixel-rounding.html
+// Override @min with the minimum width of your layout
+min-width = 960
+correction = (((0.5 / min-width) * 100) * 1%)
+
+// The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/
+clearfix()
+ *zoom:1
+
+ &:before,
+ &:after
+ content:""
+ display:table
+
+ &:after
+ clear:both
+
+
+//////////
+// GRID //
+//////////
+
+body
+ width 100%
+ clearfix()
+
+row(columns = columns)
+ clearfix()
+ display block
+ width total-width * ((gutter-width + _gridsystem-width ) / _gridsystem-width)
+ margin 0 total-width * (((gutter-width * 0.5) / _gridsystem-width ) * - 1)
+ *width total-width * ((gutter-width + _gridsystem-width ) / _gridsystem-width)-correction
+ *margin 0 total-width * (((gutter-width * 0.5) / _gridsystem-width ) * - 1)-correction
+
+column(x, columns = columns)
+ display inline
+ float left
+ overflow hidden
+ width total-width * ((((gutter-width + column-width ) * x) - gutter-width) / _gridsystem-width)
+ margin 0 total-width * ( (gutter-width * 0.5) / _gridsystem-width)
+ *width total-width * ((((gutter-width + column-width ) * x) - gutter-width) / _gridsystem-width)-correction
+ *margin 0 total-width * ( (gutter-width * 0.5) / _gridsystem-width)-correction
+
+offset(offset = 1)
+ margin-left total-width*(((gutter-width+column-width)*offset + (gutter-width*0.5))/_gridsystem-width)
diff --git a/assets/styl/_general/normalize.styl b/assets/styl/_general/normalize.styl
new file mode 100755
index 0000000..7663fb4
--- /dev/null
+++ b/assets/styl/_general/normalize.styl
@@ -0,0 +1,153 @@
+/*
+ * Normalize.css converted to Stylus
+ * http://github.com/necolas/normalize.css
+ */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
+ display: block
+
+audio, canvas, video
+ display: inline-block
+ *display: inline
+ *zoom: 1
+
+audio:not([controls])
+ display: none
+
+[hidden]
+ display: none
+
+html
+ font-size: 100%
+ overflow-y: scroll
+ -webkit-text-size-adjust: 100%
+ -ms-text-size-adjust: 100%
+
+body
+ margin: 0
+
+body, button, input, select, textarea
+ font-family: sans-serif
+
+a:hover, a:active
+ outline: 0
+
+abbr[title]
+ border-bottom: 1px dotted
+
+b, strong
+ font-weight: bold
+
+blockquote
+ margin: 1em 40px
+
+dfn
+ font-style: italic
+
+mark
+ background: #ff0
+ color: #000
+
+pre, code, kbd, samp
+ font-family: monospace, monospace
+ _font-family: 'courier new', monospace
+ font-size: 1em
+
+pre
+ //white-space: pre-wrap
+ //word-wrap: break-word
+
+q
+ quotes: none
+
+q:before, q:after
+ content: ''
+ content: none
+
+small
+ font-size: 75%
+
+sub, sup
+ font-size: 75%
+ line-height: 0
+ position: relative
+ vertical-align: baseline
+
+sup
+ top: -0.5em
+
+sub
+ bottom: -0.25em
+
+ul, ol
+ margin: 1em 0
+ padding: 0 0 0 40px
+
+dd
+ margin: 0 0 0 40px
+
+nav ul, nav ol
+ list-style: none
+ list-style-image: none
+
+img
+ border: 0
+ -ms-interpolation-mode: bicubic
+
+svg:not(:root)
+ overflow: hidden
+
+figure
+ margin: 0
+
+form
+ margin: 0
+
+fieldset
+ margin: 0 2px
+ padding: 0.35em 0.625em 0.75em
+
+legend
+ border: 0
+ *margin-left: -7px
+
+button, input, select, textarea
+ font-size: 100%
+ margin: 0
+ vertical-align: baseline
+ *vertical-align: middle
+
+button, input
+ line-height: normal
+ *overflow: visible
+
+table button, table input
+ *overflow: auto
+
+button, html input[type="button"], input[type="reset"], input[type="submit"]
+ cursor: pointer
+ -webkit-appearance: button
+
+input[type="checkbox"], input[type="radio"]
+ box-sizing: border-box
+
+input[type="search"]
+ -webkit-appearance: textfield
+ -moz-box-sizing: content-box
+ -webkit-box-sizing: content-box
+ box-sizing: content-box
+
+input[type="search"]::-webkit-search-decoration
+ -webkit-appearance: none
+
+button::-moz-focus-inner, input::-moz-focus-inner
+ border: 0
+ padding: 0
+
+textarea
+ overflow: auto
+ vertical-align: top
+
+table
+ border-collapse: collapse
+ border-spacing: 0
\ No newline at end of file
diff --git a/assets/styl/_general/responsive.styl b/assets/styl/_general/responsive.styl
new file mode 100755
index 0000000..136bc1b
--- /dev/null
+++ b/assets/styl/_general/responsive.styl
@@ -0,0 +1,22 @@
+@media phone
+ .header,
+ .footer,
+ .content,
+ .section
+ float: none
+ display: block
+ width: 96%
+ margin: 0 auto
+
+ .header
+ .logo
+ width: 180px
+ .lead-title
+ font-size: base-font-size - 2
+ .nav-link
+ margin: 5px auto
+
+ .btn
+ padding: 5px
+ &:hover
+ padding: 5px
diff --git a/assets/styl/_modules/mixins.styl b/assets/styl/_modules/mixins.styl
new file mode 100755
index 0000000..886f2af
--- /dev/null
+++ b/assets/styl/_modules/mixins.styl
@@ -0,0 +1,19 @@
+transition()
+ transition: all .2s linear
+
+unstyled()
+ list-style-image: none;
+ list-style-type: none;
+ margin: 0
+ padding: 0
+
+btn(background, radius)
+ background: background
+ color: btn-link
+ padding: 16px 24px
+ -webkit-border-radius: radius
+ -moz-border-radius: radius
+ -ms-border-radius: radius
+ -o-border-radius: radius
+ border-radius: radius
+ border-bottom: 2px solid btn-border
diff --git a/assets/styl/style.styl b/assets/styl/style.styl
new file mode 100755
index 0000000..7d61d85
--- /dev/null
+++ b/assets/styl/style.styl
@@ -0,0 +1,148 @@
+@import "_all"
+
+//
+// Scaffolding
+// ----------------------------------------------------------------------------
+
+// General Grid
+.header,
+.content,
+.footer
+ row()
+
+// Header
+.header
+ .logo
+ display: block
+ text-align: center
+ margin: 20px auto
+ width: 300px
+ max-width: 100%
+ .lead-title
+ margin-top: 0
+ text-align: center
+ padding: 20px
+ font-size: base-font-size + 3
+ color: color-subtitle
+
+// Main content
+.content
+ margin: 40px auto
+
+.section
+ column(10)
+ offset(1)
+
+// Footer
+.footer
+ margin: 20px auto
+ border-top: 1px solid #e3e3e3
+ p, a
+ text-align: center
+ color: darken(color-font, 10%)
+
+//
+// Helpers
+// ----------------------------------------------------------------------------
+
+// Navigation
+.nav-main
+ width: 100%
+ display: table
+ margin: 20px auto
+
+.nav-structure
+ width: 100%
+ display: table
+ margin: 20px auto
+
+.nav-list
+ unstyled()
+ .nav-item
+ column(4)
+ @media phone
+ column(12)
+ .nav-link
+ display: block
+ margin: 10px auto
+ text-align: center
+ text-transform: uppercase
+ letter-spacing: 0.0625em
+ color: color-negative
+
+// Buttons
+.btn
+ btn(darken(btn-color, 15%), 2px)
+ text-shadow: 0 1px 1px darken(btn-color, 60%)
+ @media phone
+ column(12)
+ &:hover
+ btn(darken(btn-color, 25%), 2px)
+
+// Types
+.title
+ border-bottom: 1px solid color-negative
+
+.sub-title
+ color: color-subtitle
+ border-left: 2px solid color-subtitle
+ padding-left: 10px
+
+.box
+ padding: 20px
+ display: block
+ width: 300px
+ max-width: 100%
+ margin: 60px auto
+ border: 2px solid lighten(color-recommend, 50%)
+ color: lighten(color-recommend, 30%)
+ text-align: center
+ text-transform: uppercase
+ font-size: base-font-size - 2
+ font-weight: 700
+ &:hover
+ border: 2px solid lighten(color-recommend, 20%)
+
+
+
+// .text-notready
+// border-left: 2px solid darken(color-notready, 20%)
+// background: lighten(color-notready, 96%)
+// p
+// color: darken(color-notready, 20%)
+// .text-recommend
+// margin-top: 20px
+// color: color-recommend
+// border-left: 2px solid darken(color-recommend, 20%)
+// background: lighten(color-recommend, 96%)
+// h4
+// margin: 2px auto
+// font-weight: 400
+// h4, p, ul, li, a
+// color: darken(color-recommend, 20%)
+// .text-important
+// margin-top: 20px
+// color: color-important
+// border-left: 2px solid darken(color-important, 20%)
+// background: lighten(color-important, 96%)
+// h4
+// margin: 2px auto
+// font-weight: 400
+// h4, p, ul, li, a
+// color: darken(color-important, 20%)
+
+
+.centered-parent
+ position: relative
+ height: 100vh
+.centered-child
+ position: absolute
+ top: 50%
+ left: 50%
+ transform: translate(-50%, -50%)
+ @media phone
+ width: 80%
+
+
+// Responsive
+@import "_general/responsive"
diff --git a/humans.txt b/humans.txt
new file mode 100755
index 0000000..fef99c4
--- /dev/null
+++ b/humans.txt
@@ -0,0 +1,16 @@
+/* the humans responsible & colophon */
+/* humanstxt.org */
+
+
+/* TEAM */
+ Author: Vitor Britto
+ Site: www.vitorbritto.com.br
+ Twitter: @vitorbritto
+ Location: Brazil
+
+
+/* SITE */
+ Standards: HTML5, CSS3, JavaScript
+ Components: Modernizr, jQuery, GruntJS, Bower
+ Preprocessors: Stylus (with NIB)
+ Software: Photoshop, Sublime Text 2, Terminal
diff --git a/index.html b/index.html
old mode 100644
new mode 100755
index c262a32..315efa3
--- a/index.html
+++ b/index.html
@@ -1,15 +1,92 @@
-
+
-
-
- Frontend BR
-
-
-
- Eventos
-
+
+
+
+ Front-End Brasil - Portando discussões feitas em grupos (Facebook, Google Groups, Slack, Disqus) para issues.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sobre
+ Olá, seja bem-vindo!
+ Alguns posts em grupos de front-end em redes sociais geram bastante conteúdo bacana que poderia ser disponibilizado de forma mais fácil.
+ A busca do Facebook em grupos, por exemplo, tem vários problemas. Discussões épicas foram perdidas, e pessoas que ingressam agora nos grupos não tem mais acesso a esses posts.
+ A ideia desse repositório é portar ou iniciar essas discussões nas issues. Estando no Github, fica mais fácil procurar respostas a perguntas já respondidas por esses grupos.
+ O objetivo maior é unificar todas as discussões em um só local e o Github foi o escolhido para isso.
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/robots.txt b/robots.txt
new file mode 100755
index 0000000..ee2cc21
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,3 @@
+# robotstxt.org/
+
+User-agent: *
diff --git a/src/Gruntfile.js b/src/Gruntfile.js
new file mode 100755
index 0000000..b20276a
--- /dev/null
+++ b/src/Gruntfile.js
@@ -0,0 +1,107 @@
+"use strict";
+
+module.exports = function(grunt) {
+
+ // Module Requires
+ // --------------------------
+ require("load-grunt-tasks")(grunt);
+ require("time-grunt")(grunt);
+
+
+ // Init Config
+ // --------------------------
+
+ var appConfig = {
+
+ // Dirs
+ dirs: {
+ styl: "../assets/styl",
+ css: "../assets/css",
+ img: "../assets/images"
+ },
+
+ // Metadata
+ pkg: grunt.file.readJSON("package.json"),
+ banner:
+ "/*" +
+ " * -------------------------------------------------------\n" +
+ " * Project: <%= pkg.title %>\n" +
+ " * Version: <%= pkg.version %>\n" +
+ " * Author: <%= pkg.author.name %> (<%= pkg.author.email %>)\n" +
+ " *\n" +
+ " * Copyright (c) <%= grunt.template.today(\"yyyy\") %> <%= pkg.title %>\n" +
+ " * -------------------------------------------------------\n" +
+ " */\n",
+
+ // Browser Sync
+ browser_sync: {
+ files: {
+
+ // Applying Livereload feature on the following files
+ src : [
+ '../assets/css/*.css',
+ '../index.html'
+ ],
+
+ },
+ options: {
+
+ // Manual Configuration for IP
+ host : "192.168.15.93",
+
+ // Setting the base directory
+ server: {
+ baseDir: "../"
+ },
+
+ // Calling the Watch Task
+ watchTask: true,
+
+ // Synchronizing events between devices
+ ghostMode: {
+ scroll: true,
+ links: true,
+ forms: true
+ }
+ },
+ },
+
+ // Watch
+ watch: {
+ options: {
+ livereload: true
+ },
+ css: {
+ files: "<%= dirs.styl %>/**",
+ tasks: "stylus"
+ }
+ },
+
+ // Stylus
+ stylus: {
+ compile: {
+ options: {
+ paths: ['<%= dirs.styl %>'],
+ compress: true,
+ "include css": true
+ },
+ files: {
+ '<%= dirs.css %>/style.css': '<%= dirs.styl %>/style.styl'
+ }
+ }
+ }
+ };
+
+ grunt.initConfig(appConfig);
+
+
+ // Register tasks
+ // --------------------------
+
+ // Start server and watch for changes
+ grunt.registerTask("default", ["browser_sync", "watch"]);
+
+ // Run build
+ grunt.registerTask("build", ["stylus"]);
+
+};
diff --git a/src/package.json b/src/package.json
new file mode 100755
index 0000000..48b8175
--- /dev/null
+++ b/src/package.json
@@ -0,0 +1,32 @@
+{
+ "name": "frontendbr",
+ "version": "0.1.0",
+ "title": "Front-End Brasil",
+ "homepage": "http://frontendbr.github.io",
+ "description": "Website da Organização Front-End Brasil",
+ "private": true,
+ "author": {
+ "name": "Vitor Britto",
+ "url": "http://vitorbritto.com.br",
+ "email": "code@vitorbritto.com.br"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git://github.com/frontendbr/frontendbr.github.io.git"
+ },
+ "bugs": {
+ "url": "https://github.com/frontendbr/sugestoes/issues"
+ },
+ "engines": {
+ "node": ">=0.10.0",
+ "npm": ">=1.1.0"
+ },
+ "devDependencies": {
+ "grunt": "~0.4.2",
+ "grunt-browser-sync": "~0.3.0",
+ "grunt-contrib-watch": "~0.5.3",
+ "grunt-contrib-stylus": "~0.11.0",
+ "time-grunt": "~0.1.1",
+ "load-grunt-tasks": "~0.2.0"
+ }
+}