renatocarvalho

html {
  height: 100%;
  background: radial-gradient(ellipse at bottom, #000 0%, #111 100%);
  overflow: hidden;
}

body {
  margin: 0;
}

renatocarvalho

Setup Terminal for Sublime Shorcut "subl":

Open terminal and type:

1. Create a directory at ~/bin:

mkdir ~/bin

2. Copy Sublime executable to your ~/bin directory:

renatocarvalho

tap 'caskroom/cask'

brew 'git'
brew 'npm'
brew 'yarn', args: ["ignore-dependencies"]
brew 'heroku'
brew 'openssl'
brew 'watchman'

cask 'the-unarchiver'

renatocarvalho

# ====================================
#   Obfuscate email
#   Adapted from:
#   http://stackoverflow.com/questions/483212/effective-method-to-hide-email-from-spam-bots2
#   Usage:
#   = mailto('hi@email.com', 'Get in touch', 'btn btn--nav')
# ====================================
MAIL_TO = 'mailto:'
AT = '@'
DOT = '.'

renatocarvalho

// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----

// ---------- //
// Sass stuff //
// ---------- //

renatocarvalho

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// Susy (v2.1.3)
// ----

@import "susy";


// Loop!

renatocarvalho

.row
  .container
    footer.footer
      .footer__copyright Waza Studio #{copyright_years(2014)}. Alguns direitos reservados.

renatocarvalho

header.row
  .container

    .site-brand
      = link_to 'Waza', '/'

    nav.nav
      ul.list.list--nav
        li.list__item = link_to 'Sobre', '/', class: 'list__link'
        li.list__item = link_to 'Projetos', '/', class: 'list__link'

renatocarvalho

/ Hero
.row
  .hero
    .container
      h1.hero__title Nós sómos Waza
      h2.hero__subtitle Lorem lipsum dolor sit amet consectue lorem dorem.
      .hero__links
        = link_to 'Conheça o nosso trabalho', '/', class: 'btn'

/ About

renatocarvalho

dev naming conventions

production:

• heroku app name: appname-prod
• heroku app address: appname-prod.herokuapp.com
• gitflow branch: master
• mixpanel, etc: appname-prod

development:

• heroku app name: appname-dev