Initial Commit (Zombiepress migration)

2014-09-02 17:01:16 +02:00 · 2014-09-02 17:01:16 +02:00 · 9773c7c387
commit 9773c7c387
50 changed files with 2594 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,9 @@
+*.pyc
+.virtualenv
+node_modules
+**/bower
+bower_components
+**/CACHE/*
+*.sublime-workspace
+.sass-cache
+db.sqlite3
--- a/README.md
+++ b/README.md
@ -0,0 +1,6 @@
+fmartingr.com
+===
+
+My personal site codebase.
+
+http://fmartingr.com
--- a/fabfile.py
+++ b/fabfile.py
@ -0,0 +1,119 @@
+from __future__ import with_statement, print_function
+from os.path import dirname, abspath, join as join_path
+from os import walk
+from functools import wraps
+from StringIO import StringIO
+
+from jinja2 import Environment, FileSystemLoader
+from fabric.api import *
+from fabric.context_managers import settings
+from fabric.contrib.files import exists, upload_template
+from fabric.colors import yellow, red, white, green
+
+
+#
+# GLOBALS
+#
+env.LOCAL_PATH = dirname(abspath(__file__))
+
+if not env.hosts:
+    env.hosts = ['localhost']
+
+# Doctor checkups
+DOCTOR = {
+    'apps': ['virtualenv', 'python', 'npm', 'grunt']
+}
+
+#
+# CONTEXT MANAGERS
+#
+def virtualenv():
+    """
+    Activates virtualenv first
+    """
+    return prefix('source {}/.virtualenv/bin/activate'.format(env.LOCAL_PATH))
+
+
+#
+# TASKS
+#
+@task
+def setup_environment():
+    """
+    Prepares environment for the application
+    """
+    with cd(env.LOCAL_PATH):
+        execute(setup_virtualenv)
+        execute(setup_tools)
+        execute(setup_database)
+
+
+@task
+def setup_virtualenv(appenv='local'):
+    """
+    Creates or updates a virtualenv
+    """
+    if not exists('.virtualenv'):
+        print(yellow('Create virtualenv'))
+        run('virtualenv .virtualenv')
+
+    with virtualenv():
+        print(yellow('Installing requirements'))
+        run('pip install -r requirements-{}.txt'.format(appenv))
+
+
+@task
+def setup_tools():
+    # Setup frontend tools
+    print(yellow('Installing npm dependencies'))
+    run('npm install')
+    print(yellow('Installing bower dependencies'))
+    run('bower install')
+
+
+@task
+def setup_database():
+    """
+    Create or update the database
+    """
+    with virtualenv():
+        print(yellow('SyncDB'))
+        run('python manage.py syncdb')
+        print(yellow('Migrate'))
+        run('python manage.py migrate')
+
+
+@task
+def doctor():
+    print(yellow('Checking for software:'))
+    for app in DOCTOR['apps']:
+        print(white('{}'.format(app)), end=': ')
+        check = run('which {}'.format(app), quiet=True)
+        if check.succeeded:
+            print(green('present'))
+        else:
+            print(red('not present'))
+
+
+#
+#   LOCAL ONLY
+#
+@task
+@hosts(['localhost'])
+def runserver():
+    """
+    Executes local development server
+    """
+    with cd(env.LOCAL_PATH):
+        with virtualenv():
+            run('python manage.py runserver 0.0.0.0:8000')
+
+
+@task
+@hosts(['localhost'])
+def rungrunt():
+    """
+    Executes grunt
+    """
+    with cd(env.LOCAL_PATH):
+        run('grunt watch')
--- a/fmartingrcom.sublime-project
+++ b/fmartingrcom.sublime-project
@ -0,0 +1,14 @@
+{
+    "folders":
+    [
+        {
+            "follow_symlinks": true,
+            "path": ".",
+            "folder_exclude_patterns": [
+                "node_modules",
+                ".virtualenv",
+                "**/CACHE/*"
+            ]
+        }
+    ]
+}
--- a/fmartingrcom/init.py
+++ b/fmartingrcom/init.py
--- a/fmartingrcom/apps/init.py
+++ b/fmartingrcom/apps/init.py
--- a/fmartingrcom/apps/homepage/init.py
+++ b/fmartingrcom/apps/homepage/init.py
--- a/fmartingrcom/apps/homepage/models.py
+++ b/fmartingrcom/apps/homepage/models.py
--- a/fmartingrcom/apps/homepage/sitemap.py
+++ b/fmartingrcom/apps/homepage/sitemap.py
@ -0,0 +1,13 @@
+from django.contrib.sitemaps import Sitemap
+from django.core.urlresolvers import reverse
+
+
+class HomeSitemap(Sitemap):
+    priority = 0.5
+    changefreq = 'weekly'
+
+    def items(self):
+        return ['homepage']
+
+    def location(self, item):
+        return reverse(item)
--- a/fmartingrcom/apps/homepage/urls.py
+++ b/fmartingrcom/apps/homepage/urls.py
@ -0,0 +1,13 @@
+from django.conf.urls import patterns, url
+
+from .views import HomepageView
+
+
+urlpatterns = patterns(
+    None,
+    url(
+        r'^$',
+        HomepageView.as_view(),
+        name='homepage'
+    ),
+)
--- a/fmartingrcom/apps/homepage/views.py
+++ b/fmartingrcom/apps/homepage/views.py
@ -0,0 +1,22 @@
+from django.shortcuts import render_to_response
+from django.template import RequestContext
+from django.views.generic import View as DjangoView
+
+
+class View(DjangoView):
+    section = None
+    data = {}
+
+    def __init__(self, *args, **kwargs):
+        self.data['section'] = self.section
+        return super(View, self).__init__(*args, **kwargs)
+
+
+
+class HomepageView(View):
+    template = 'homepage.jinja'
+    section = 'homepage'
+
+    def get(self, request):
+        context = RequestContext(request, self.data)
+        return render_to_response(self.template, context_instance=context)
--- a/fmartingrcom/settings/init.py
+++ b/fmartingrcom/settings/init.py
--- a/fmartingrcom/settings/base.py
+++ b/fmartingrcom/settings/base.py
@ -0,0 +1,130 @@
+"""
+Django settings for fmartingrcom project.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/1.6/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/1.6/ref/settings/
+"""
+
+# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
+import os
+BASE_DIR = os.path.dirname(os.path.dirname(__file__))
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/1.6/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = '0123456789'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+TEMPLATE_DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+#
+#   APPLICATIONS
+#
+INSTALLED_APPS = (
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+
+    'django_jinja',
+
+    'compressor',
+)
+
+
+#
+#   MIDDLEWARE
+#
+MIDDLEWARE_CLASSES = (
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+)
+
+
+
+ROOT_URLCONF = 'fmartingrcom.urls'
+
+WSGI_APPLICATION = 'fmartingrcom.wsgi.application'
+
+
+#
+#   DATABASES
+#
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
+    }
+}
+
+# Internationalization
+# https://docs.djangoproject.com/en/1.6/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_L10N = True
+
+USE_TZ = True
+
+
+#
+#   STATIC FILES
+#
+
+STATICFILES_FINDERS = (
+    'django.contrib.staticfiles.finders.FileSystemFinder',
+    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
+    'compressor.finders.CompressorFinder',
+)
+
+STATICFILES_DIRS = (
+    '{}/themes/v1/static/'.format(BASE_DIR),
+)
+
+STATIC_URL = '/static/'
+
+STATIC_ROOT = os.path.join(BASE_DIR, 'static')
+
+COMPRESS_PRECOMPILERS = (
+    ('text/less', 'lessc {infile} {outfile}'),
+    ('text/x-sass', 'sass {infile} {outfile}'),
+    ('text/coffeescript', 'coffee --compile --stdio --no-header'),
+)
+
+#
+#   TEMPLATES
+#
+TEMPLATE_LOADERS = (
+    'django_jinja.loaders.AppLoader',
+    'django_jinja.loaders.FileSystemLoader',
+)
+
+
+TEMPLATE_DIRS = (
+    '{}/themes/v1/templates/'.format(BASE_DIR),
+)
+
+JINJA2_EXTENSIONS = [
+    'compressor.contrib.jinja2ext.CompressorExtension',
+]
--- a/fmartingrcom/settings/configfile.py
+++ b/fmartingrcom/settings/configfile.py
@ -0,0 +1,46 @@
+import os
+import sys
+import dj_database_url
+import toml
+from .base import *
+
+
+this_module = sys.modules[__name__]
+
+# Read configfile
+with open(os.environ['APP_CONFIGFILE']) as conffile:
+    config = toml.loads(conffile.read())
+
+# Installed Apps
+INSTALLED_APPS += tuple(config['global']['installed_apps'])
+
+# Database
+DATABASES = {
+    'default': dj_database_url.parse(config['global']['database_url'])
+}
+
+SECRET_KEY = open(config['global']['secret_key']).read().strip()
+
+# Overwrite values
+for key, value in config['overwrite'].iteritems():
+    setattr(this_module, key.upper(), value)
+
+# Logging
+LOGGING = {
+    'version': 1,
+    'disable_existing_loggers': False,
+    'handlers': {
+        'file': {
+            'level': 'DEBUG',
+            'class': 'logging.FileHandler',
+            'filename': config['log']['logfile'],
+        },
+    },
+    'loggers': {
+        'django.request': {
+            'handlers': ['file'],
+            'level': 'DEBUG',
+            'propagate': True,
+        },
+    },
+}
--- a/fmartingrcom/themes/v1/static/images/homepage/bg.png
+++ b/fmartingrcom/themes/v1/static/images/homepage/bg.png
--- a/fmartingrcom/themes/v1/static/sass/_blog.sass
+++ b/fmartingrcom/themes/v1/static/sass/_blog.sass
@ -0,0 +1,131 @@
+body
+    &.blog
+        background-color: #fff
+        padding-bottom: 20px
+
+        section.content
+            hr:last-child
+                display: none
+
+article.blog-entry
+    text-align: left
+
+    &:after
+        clear: both
+
+    h2
+        margin: 16px 0 10px 0
+
+        a:hover
+            border: 0
+
+    h1
+        border-right: #555 6px solid
+        margin-bottom: 0.5em
+        font-size: 2.2em
+
+    &.draft
+        border: $warning-color 3px dashed
+        padding: 0 20px
+
+    .info
+
+    .content
+        line-height: 140%
+        padding-top: 15px
+
+        img
+            box-shadow: $sidebar-bg 0 0 4px
+            max-width: 100%
+
+            &.noshadow
+                box-shadow: none
+
+            &.float-left
+                float: left
+                margin-right: 3%
+
+        blockquote
+            border-left: 4px solid #dddddd
+            padding: 0 15px
+            color: #777777
+            > :first-child
+                margin-top: 0
+            > :last-child
+                margin-bottom: 0
+
+        code
+            display: inline-block
+            white-space: no-wrap
+            background: #fff
+            font-size: .8em
+            line-height: 1.5em
+            color: #555
+            border: 1px solid #ddd
+            -webkit-border-radius: 0.4em
+            -moz-border-radius: 0.4em
+            -ms-border-radius: 0.4em
+            -o-border-radius: 0.4em
+            border-radius: 0.4em
+            padding: 0 .3em
+            margin: -1px 0
+
+        hr
+            width: 50%
+
+        table
+            padding: 0
+            margin: 0 auto
+
+            tr
+                border-top: 1px solid #cccccc
+                background-color: white
+                margin: 0
+                padding: 0 
+
+                &:nth-child(2n) 
+                    background-color: #f8f8f8
+
+                th 
+                    font-weight: bold
+                    border: 1px solid #cccccc
+                    text-align: left
+                    margin: 0
+                    padding: 6px 13px 
+                td 
+                    border: 1px solid #cccccc
+                    text-align: left
+                    margin: 0
+                    padding: 6px 13px 
+
+                th :first-child, td :first-child 
+                    margin-top: 0
+
+                th :last-child, td :last-child 
+                    margin-bottom: 0 
+
+    a.readmore
+        background: $warning-color
+        border: none
+        color: white
+        font-family: helvetica, sans-serif
+        font-weight: bold
+        padding: 10px
+        font-size: 90%
+
+    .draft-warning
+        background-color: $warning-color
+        color: $warning-text-color
+        margin: 5px 0 5px 0
+        padding: 8px 0 8px 0
+
+    pre.prettyprint
+        line-height: 120%
+
+.search-field
+    border: none
+    font-size: 0.8em
+    font-weight: bold
+    height: 1.2em
+    padding: 2%
+    width: 86%
--- a/fmartingrcom/themes/v1/static/sass/_homepage.sass
+++ b/fmartingrcom/themes/v1/static/sass/_homepage.sass
@ -0,0 +1,49 @@
+body
+    &.homepage
+        background-color: #eee
+        background-image: url('/static/images/homepage/bg.png')
+        background-attachment: fixed
+
+section.content
+    // http://www.sitepoint.com/css3-shuffled-paper/
+    .papers 
+        background: #fff
+        box-shadow: 0 0 10px rgba(0,0,0,0.3)
+        margin: 26px auto 0
+        //max-width: 700px
+        max-width: 600px
+        padding: 24px
+        position: relative
+        width: 80%
+
+    .papers:before, .papers:after 
+        content: ""
+        height: 98%
+        position: absolute
+        width: 100%
+        z-index: -1
+    
+    .papers:before 
+        background: #fafafa
+        box-shadow: 0 0 8px rgba(0,0,0,0.2)
+        left: -5px
+        top: 4px
+        @include rotate(-2.5)
+    
+    .papers:after 
+        background: #f6f6f6
+        box-shadow: 0 0 3px rgba(0,0,0,0.2)
+        right: -3px
+        top: 1px
+        @include rotate(1.4)
+
+    .picture
+        background-color: white
+        padding: 8px
+        padding-bottom: 30px
+        margin-left: 40px
+        margin-bottom: 12px
+        box-shadow: 0 0 3px rgba(0,0,0,0.2)
+        @include rotate(10)
+        margin-top: -10px
+        margin-right: -50px
--- a/fmartingrcom/themes/v1/static/sass/_layout.sass
+++ b/fmartingrcom/themes/v1/static/sass/_layout.sass
@ -0,0 +1,197 @@
+html, body
+    color: $text-color
+    font-family: $font-family
+    font-size: $font-size
+    //font-weight: 400
+    margin: 0
+    min-height: 100%
+    text-align: justify
+
+body
+    padding-bottom: 40px
+
+h1, h2, h3, h4, h5, h6
+    font-family: $headers-font-family
+    font-weight: normal
+    text-shadow: 1px 1px 3px rgb(221, 221, 221)
+
+h1
+    font-size: 200%
+
+h2
+    font-size: 175%
+
+h3
+    font-size: 150%
+
+h4
+    font-size: 125%
+
+strong
+    color: $strong-text-color
+
+a
+    color: $anchor-text-color
+    text-decoration: none
+
+    &.dark
+        color: $text-color
+        //text-shadow: $text-color $text-shadow-properties
+
+    &.bright
+        color: $text-shadow-color
+
+    &:hover
+        border-bottom: 1px dotted
+
+figure
+    margin: 0
+    text-align: center
+
+    img
+        margin: 14px
+
+        &.pull-left
+            margin-left: 0
+
+        &.pull-right
+            margin-right: 0
+
+        &.padding
+            padding: 6px
+
+        &.shadow
+            box-shadow: $text-color $box-shadow-properties
+
+hr
+    background: none
+    border: 0
+    border-bottom: #aaa 1px dotted
+    width: 90%
+
+    &.big
+        border-bottom-width: 3px
+        margin: 30px auto
+
+
+.sidebar
+    background-color: $sidebar-bg
+    color: $sidebar-text-color
+    min-height: 100%
+    position: fixed
+    top: 0
+    width: $sidebar-width
+
+    &> button.menu
+        display: none
+
+    &> header
+        height: 220px
+
+        .logo
+            color: #fff
+            font-family: Verdana
+            font-size: 200%
+            font-weight: 800
+            padding: 20px
+
+    footer
+        bottom: 0
+        position: absolute
+        left: 0
+        padding: $footer-padding
+        width: $sidebar-width - ($footer-padding*2)
+
+        .zombiepress
+            font-family: $headers-font-family
+            font-size: 80%
+            text-shadow: #333 1px 1px 3px
+            a
+                color: #fff
+
+    .zone-menu
+
+    .buttons
+        @extend .text-center
+
+        header
+            font-size: 170%
+            margin-bottom: 10px
+
+        &.social
+            margin-bottom: 20px
+            button
+                width: 31%
+                font-size: 75%
+                font-family: helvetica, sans-serif
+
+        button
+            background-color: rgb(192, 192, 192)
+            border: none
+            cursor: pointer
+            font-size: 90%
+            margin-top: 5px
+            padding: 8px 0 8px 0
+            font-weight: bold
+            width: 90%
+
+            transition: 0.3s all
+
+            &.half
+                width: 38%
+
+            &.gap
+                &.pull-right
+                    margin-right: 5%
+
+                &.pull-left
+                    margin-left: 5%
+
+            &:hover
+                //margin-left: 10px
+
+            &.rss
+                background-color: $rss-color
+                color: $rss-text-color
+                
+                &:hover
+                    background-color: darken($rss-color, 12%)
+
+            &.email
+                background-color: $email-color
+                color: $email-text-color
+                
+                &:hover
+                    background-color: darken($email-color, 12%)
+
+            &.twitter
+                background-color: $twitter-color
+                color: $twitter-text-color
+                
+                &:hover
+                    background-color: darken($twitter-color, 12%)
+
+            &.github
+                background-color: $github-color
+                color: $github-text-color
+
+                &:hover
+                    background-color: darken($github-color, 12%)
+
+            &.blog
+                background-color: $blog-color
+                color: $blog-text-color
+
+                &:hover
+                    background-color: darken($blog-color, 12%)
+
+            &.projects
+                background-color: $projects-color
+                color: $projects-text-color
+
+                &:hover
+                    background-color: darken($projects-color, 12%)
+
+section.content
+    margin-left: $sidebar-width + $content-sidebar-gap
+    width: 60%
--- a/fmartingrcom/themes/v1/static/sass/_oocss.sass
+++ b/fmartingrcom/themes/v1/static/sass/_oocss.sass
@ -0,0 +1,92 @@
+.pull-left
+    float: left
+
+.pull-right
+    float: right
+
+.text-center
+    text-align: center
+
+.text-right
+    text-align: right
+
+.text-left
+    text-align: left
+ 
+.clearfix
+    *zoom: 1
+
+    &:before, &:after 
+        content: " "
+        display: table
+
+    &:after
+        clear: both
+
+.small
+    font-size: 50%
+    line-height: 50%
+
+.alt-font
+    font-family: $headers-font-family
+
+.hacker-icon
+    $size: 22px
+    display: inline-block
+    position: relative
+    height: $size
+    width: $size
+
+    -moz-transition: all 0.5s
+    -webkit-transition: all 0.5s
+    transition: all 0.5s
+
+    &:hover
+        vertical-align: top
+        width: 22px
+        &:before
+            content: "a"
+        div
+            display: none
+
+    div:nth-child(1)
+        position: absolute
+        left: $size/3
+        top: 0
+
+    div:nth-child(2)
+        position: absolute
+        left: ($size/3)*2
+        top: $size/3
+
+    div:nth-child(3)
+        position: absolute
+        left: ($size/3)*2
+        top: ($size/3)*2
+
+    div:nth-child(4)
+        position: absolute
+        left: $size/3
+        top: ($size/3)*2
+
+    div:nth-child(5)
+        position: absolute
+        left: 0
+        top: ($size/3)*2
+
+    div
+        background-color: #fff
+        width: $size/3
+        height: $size/3
+
+/* Mix-ins */
+@mixin rotate($degrees)
+    -webkit-transform: rotate(#{$degrees}deg)
+    -moz-transform: rotate(#{$degrees}deg)
+    -ms-transform: rotate(#{$degrees}deg)
+    -o-transform: rotate(#{$degrees}deg)
+    transform: rotate(#{$degrees}deg)
+
+    filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})
+    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})"
+    zoom: 1
--- a/fmartingrcom/themes/v1/static/sass/_reset.sass
+++ b/fmartingrcom/themes/v1/static/sass/_reset.sass
@ -0,0 +1,3 @@
+button
+    margin: 0
+    padding: 0
--- a/fmartingrcom/themes/v1/static/sass/_responsive.sass
+++ b/fmartingrcom/themes/v1/static/sass/_responsive.sass
@ -0,0 +1,93 @@
+/* Landspace tablet and Large desktop */
+@media (min-width: 980px)
+
+ 
+/* From portrait tablet and down */
+@media (max-width: 979px)
+    .hacker-icon
+        $size: 12px
+
+    body
+        font-size: 85%
+
+        button.menu
+            background-color: $sidebar-bg
+            border: lighten($sidebar-bg, 20%) 1px solid
+            color: white
+            display: block
+            font-size: 16px
+            height: 32px
+            left: 8px
+            padding: 0 5px 0 5px
+            position: fixed
+            text-align: center
+            top: 8px
+            z-index: 900
+
+            -moz-border-radius: 4px
+            -webkit-border-radius: 4px
+            border-radius: 4px
+
+            -moz-transition: left 0.3s
+            -webkit-transition: left 0.3s
+            transition: left 0.3s
+
+            span
+                display: block
+
+                -moz-transition: all 0.3s
+                -webkit-transition: all 0.3s
+                transition: all 0.3s
+
+            &.menu-shown
+                left: $sidebar-width + 8px
+
+                span
+                    -moz-transform: rotate(180deg)
+                    -webkit-transform: rotate(180deg)
+                    transform: rotate(180deg)
+
+    .sidebar
+        margin-left: -1*$sidebar-width
+        z-index: 999
+
+        -moz-transition: margin-left 0.3s
+        -webkit-transition: margin-left 0.3s
+        transition: margin-left 0.3s
+
+        &.shown
+            margin-left: 0
+
+        &> header
+            height: auto
+
+    table
+        font-size: 60%
+
+        th 
+            padding: 1px 2px 
+
+        td 
+            padding: 1px 2px 
+
+
+    section.content
+        margin-left: 0
+        padding: 4%
+        width: auto
+
+        .papers
+            width: auto
+
+/* Portrait tablet to desktop*/
+@media (min-width: 767px) and (max-width: 979px)
+
+
+/* Landscape phone to portrait tablet */
+@media (max-width: 767px)
+    .hide-mobile
+        display: none
+ 
+/* Landscape phones and down */
+@media (max-width: 480px)
+
--- a/fmartingrcom/themes/v1/static/sass/_variables.sass
+++ b/fmartingrcom/themes/v1/static/sass/_variables.sass
@ -0,0 +1,54 @@
+// General
+$text-color: #242424
+$font-family: "Georgia", "Open Sans", OpenSansRegular, sans-serif
+$font-size: 18px
+
+$anchor-text-color: #2277bb
+$anchor-text-shadow-color: #004b6b
+
+$headers-font-family: 'Antic Slab', serif
+
+$text-shadow-color: #fff
+$text-shadow-properties: 1px 1px 1px
+
+$strong-text-color: #3e4349
+
+$box-shadow-properties: 0px 0px 5px
+
+// Sidebar
+$sidebar-bg: #242424
+$sidebar-text-color: #fff
+$sidebar-width: 260px
+
+$footer-padding: 10px
+
+// Content
+$content-sidebar-gap: 40px
+
+// Buttons
+$twitter-color: #46c0fb
+$twitter-text-color: #fff
+
+$email-color: #f0f0eb
+$email-text-color: #312c2a
+
+$github-color: #fbfbfb
+$github-text-color: #050505
+
+$rss-color: #ff7f25
+$rss-text-color: #eee
+
+$blog-color: #ff3617
+$blog-text-color: #fff
+
+$projects-color: #ee5a22
+$projects-text-color: #efefef
+
+// Colors
+$warning-color: #f39c12
+$warning-text-color: #fff
+
+// font
+@font-face
+    font-family: fmartingr
+    src: url('/static/fmartingr.ttf')
--- a/fmartingrcom/themes/v1/static/sass/style.sass
+++ b/fmartingrcom/themes/v1/static/sass/style.sass
@ -0,0 +1,8 @@
+@import "reset"
+@import "variables"
+@import "oocss"
+@import "layout"
+@import "homepage"
+@import "blog"
+
+@import "responsive"
--- a/fmartingrcom/themes/v1/templates/_layout.jinja
+++ b/fmartingrcom/themes/v1/templates/_layout.jinja
@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <link href="//fonts.googleapis.com/css?family=Open+Sans:400|Antic+Slab" rel="stylesheet" type="text/css">
+    <link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
+    <link rel="stylesheet" href="/static/css/style.css" />
+    {% compress css %}
+    <link rel="stylesheet" href="{{ STATIC_URL }}sass/style.sass" type="text/x-sass" />
+    {% endcompress %}
+    {% block head %}{% endblock %}
+    <!-- Mobile -->
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+    <meta http-equiv="cleartype" content="on">
+    <script type="text/javascript" src="/static/js/mobile.js"></script>
+    <title>Felipe Martin | {% block page_title %} Homepage{% endblock %}</title>
+</head>
+<body class="{{ section }}">
+    <button class="menu"><span class="icon-arrow-right"></span></button>
+    <section class="sidebar">
+        <header class="text-center">
+            <a href="/">
+                <div class="logo">
+                    Felipe<br />
+                    M<div class="hacker-icon">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    </div>rt&iacute;n
+                </div>
+            </a>
+            <div class="slogan alt-font hide-mobile">
+                Be incomprehensible.<br />
+                If they can't understand, <br />
+                they can't disagree.
+            </div>
+        </header>
+        <nav class="zone-menu buttons">
+            {% block menu %}
+            <header>{{ section|capitalize }}</header>
+            {% endblock %}
+        </nav>
+        <div class="menu buttons">
+            {% block sections %}
+                {% if section != 'blog' %}
+                <a href="">
+                    <button class="blog">
+                        <i class="icon icon-comment-alt"></i> Blog
+                    </button>
+                </a>
+                {% endif %}
+                {#
+                {% if section != 'projects' %}
+                <a href="#">
+                    <button class="projects">
+                        <i class="icon icon-folder-open"></i> Projects
+                    </button>
+                </a>
+                {% endif %}
+                #}
+            {% endblock %}
+        </div>
+        <footer class="text-center">
+            <div class="social buttons">
+                <a href="//twitter.com/fmartingr">
+                    <button class="twitter">
+                        <span class="icon icon-twitter"></span> Twitter
+                    </button>
+                </a>
+                <a href="//github.com/fmartingr">
+                    <button class="github">
+                        <span class="icon icon-github"></span> Github
+                    </button>
+                </a>
+                <a href="mailto:fmartingr@me.com">
+                    <button class="email">
+                        <span class="icon icon-envelope"></span> Email
+                    </button>
+                </a>
+            </div>
+        </footer>
+    </section>
+    <section class="content">
+        {% block content %}{% endblock %}
+    </section>
+    {% block footer %}
+    {% endblock %}
+    {# TODO preferences app
+    {% if config.GOOGLE_ANALYTICS %}
+    <script>
+        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+        ga('create', '{{ config.GOOGLE_ANALYTICS }}', '{{ config.GOOGLE_ANALYTICS_DOMAIN }}');
+        ga('send', 'pageview');
+    </script>
+    {% endif %}
+    #}
+</body>
+</html>
--- a/fmartingrcom/themes/v1/templates/_macros.jinja
+++ b/fmartingrcom/themes/v1/templates/_macros.jinja
@ -0,0 +1,10 @@
+{% macro disqus(shortname) -%}
+<script type="text/javascript">
+var disqus_shortname = '{{ config.DISQUS_SHORTNAME }}';
+(function() {
+    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+})();
+</script>
+{%- endmacro %}
--- a/fmartingrcom/themes/v1/templates/blog/entry.jinja
+++ b/fmartingrcom/themes/v1/templates/blog/entry.jinja
@ -0,0 +1,75 @@
+{% extends "blog/layout.jinja" %}
+
+{% block page_title %}
+{{ super() }} | {{ item.title }}
+{% endblock %}
+
+{% block menu %}
+    <header>
+        <a class="bright" href="{{ url('blog_list') }}">
+        Blog
+        </a>
+    </header>
+    {% if item.status() == 'Published' %}
+        {% if page.number > 1 %}
+        <a href="{{ url('blog_list_page', page.number) }}">
+        {% else %}
+        <a href="{{ url('blog_list') }}">
+        {% endif %}
+        <button class="prev-page pull-left gap">
+            <i class="icon-double-angle-left"></i> Go back
+        </button>
+    </a>
+    {% endif %}
+    <a href="{{ url('rss') }}">
+        <button class="rss">
+            <i class="icon-rss"></i> RSS
+        </button>
+    </a>
+{% endblock %}
+
+{% block content %}
+    <article class="blog-entry {% if item.draft %}draft{% endif %}">
+        <h1 class="entry-title">
+            <a class="dark" href="#">{{ item.title }}</a>
+        </h1>
+
+        <div class="info text-left">
+            {#<i class="icon-user"></i> {{ item.author.first_name }}
+            &nbsp;#}
+            <i class="icon-calendar"></i> 
+            <time datetime="{{ item.date }}" 
+                pubdate="" 
+                data-updated="true">{{ item.date|dt('%B %e, %Y') }}</time>
+            {% if config.DISQUS_SHORTNAME %}
+            &nbsp;
+            <i class="icon-comment-alt"></i> <a href="{{ item.get_absolute_url() }}disqus_thread">0 Comments</a>
+            {% endif %}
+            {#
+            &nbsp;
+            <i class="icon-tag"></i> Tags
+            #}
+        </div>
+        <div class="content">{{ item.content|safe }}</div>
+        <div class="clearfix"></div>
+        {% if config.TWITTER_SHARE == "y" %}
+        <div class="share">
+            <a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ item.title }} - {{ config.SITE_URL }}{{ item.get_absolute_url() }}" data-via="{{ config.TWITTER_VIA }}" data-size="large">Tweet</a>
+            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+        </div>
+        <div class="clearfix"></div>
+        {% endif %}
+        {% if config.DISQUS_SHORTNAME %}
+            <hr class="big" />
+            <div class="comments" id="disqus_thread"></div>
+        {% endif %}
+    </article>
+{% endblock %}
+
+{% block footer %}
+    {{ super() }}
+    {% if config.DISQUS_SHORTNAME %}
+        {% from '_macros.jinja' import disqus with context %}
+        {{ disqus() }}
+    {% endif %}
+{% endblock %}
--- a/fmartingrcom/themes/v1/templates/blog/layout.jinja
+++ b/fmartingrcom/themes/v1/templates/blog/layout.jinja
@ -0,0 +1,25 @@
+{% extends "_layout.jinja" %}
+
+{% block page_title %}Blog{% endblock %}
+
+{% block head %}
+<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.css" />
+<link rel="stylesheet" href="/static/css/syntax.min.css" />
+<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.js"></script>
+{% endblock %}
+
+{% block menu %}
+    <header>
+        <a class="bright" href="{{ url('blog_list') }}">
+            Blog
+        </a>
+    </header>
+    <form action="{{ url('blog_search') }}" method="post">
+        {% csrf_token %}
+        <input type="text" class="search-field" name="query" placeholder="Search..."
+        {% if search_query %}
+        value="{{ search_query }}"
+        {% endif %}
+         />
+    </form>
+{% endblock %}
--- a/fmartingrcom/themes/v1/templates/blog/list.jinja
+++ b/fmartingrcom/themes/v1/templates/blog/list.jinja
@ -0,0 +1,93 @@
+{% extends "blog/layout.jinja" %}
+
+{% block page_title %}
+{{ super() }}{% if page.number > 1 %} page {{ page_number }}{% endif %}
+{% endblock %}
+
+{% block menu %}
+    {{ super() }}
+    {% if page.has_next() %}
+    <a href="{{ url('blog_list_page', page.next_page_number()) }}">
+        <button class="prev-page pull-right gap half">
+            Older <i class="icon-double-angle-right"></i>
+        </button>
+    </a>
+    <a href="#">
+    {% endif %}
+
+    {% if page.has_previous() %}
+    {% if page.previous_page_number() == 1 %}
+    <a href="{{ url('blog_list') }}">
+    {% else %}
+    <a href="{{ url('blog_list_page', page.previous_page_number()) }}">
+    {% endif %}
+        <button class="prev-page pull-left gap half">
+            <i class="icon-double-angle-left"></i> Newer
+        </button>
+    </a>
+    {% endif %}
+
+    <a href="{{ url('rss') }}">
+        <button class="rss">
+            <i class="icon-rss"></i> RSS
+        </button>
+    </a>
+{% endblock %}
+
+{% block content %}
+    {% for item in page.object_list %}
+    <article class="blog-entry {% if item.draft %}draft{% endif %}">
+        <h1><a class="dark" href="{{ item.get_absolute_url() }}">{{ item.title }}</a></h1>
+        <div>
+            {#<i class="icon-user"></i> {{ item.author.first_name }}
+            &nbsp;#}
+            <i class="icon-calendar"></i> 
+            <time datetime="{{ item.date }}" 
+                pubdate="" 
+                data-updated="true">{{ item.date|dt('%B %e, %Y') }}</time>
+            {% if config.DISQUS_SHORTNAME %}
+            &nbsp;
+            <i class="icon-comment-alt"></i> <a href="{{ item.get_absolute_url() }}#disqus_thread">0 Comments</a>
+            {% endif %}
+        </div>
+        <div class="content">
+            {% if config.READMORE_TAG in item.content %}
+                {{ item.content|readmore|safe }}
+            {% else %}
+                {{ item.content|safe }}
+            {% endif %}
+        </div>
+        {% if config.READMORE_TAG in item.content %}
+        <a class="readmore pull-right" href="{{ item.get_absolute_url() }}#more">
+            Read more &raquo;
+        </a>
+        {% endif %}
+        <div class="clearfix"></div>
+    </article>
+    <hr class="big" />
+    {% else %}
+        <div class="text-center">No results found!</div>
+    {% endfor %}
+    {#
+    {% if paginator.num_pages > 1 %}
+    <div class="pagination pagination-centered">
+        <ul>
+            {% for p in range(1, paginator.num_pages+1) %}
+            <li {% if p == page_number %}class="active"{% endif %}>
+                <a href="{{ url('blog_list_page', p) }}">{{ p }}</a>
+            </li>
+            {% endfor %}
+        </ul>
+    </div>
+    {% endif %}
+    #}
+{% endblock %}
+
+{% block footer %}
+    {{ super() }}
+    {% if config.DISQUS_SHORTNAME %}
+        {% from '_macros.jinja' import disqus with context %}
+        {{ disqus() }}
+    {% endif %}
+{% endblock %}
+
--- a/fmartingrcom/themes/v1/templates/blog/rss.jinja
+++ b/fmartingrcom/themes/v1/templates/blog/rss.jinja
@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<rss version="2.0">
+<channel>
+    <title>{{ config.BLOG_TITLE }}</title>
+    <description>{{ config.BLOG_DESCRIPTION }}</description>
+    <link>{{ config.BLOG_LINK }}</link>
+
+    {% for item in items %}
+    <item>
+        <title><![CDATA[{{ item.title }}]]></title>
+        <description><![CDATA[{{ item.content|safe }}]]></description>
+        <link>{{ config.SITE_URL }}{{ item.get_absolute_url() }}</link>
+        <pubDate>{{ item.date|dt('%a, %d %b %Y %H:%M:%S %z') }}</pubDate>
+    </item>
+    {% endfor %}
+
+</channel>
+</rss>
--- a/fmartingrcom/themes/v1/templates/blog/search.jinja
+++ b/fmartingrcom/themes/v1/templates/blog/search.jinja
@ -0,0 +1,7 @@
+{% extends "blog/list.jinja" %}
+
+{% block content %}
+    <h1 class="text-center">Searching for... <em>{{ search_query }}</em></h1>
+    <hr />
+    {{ super() }}
+{% endblock %}
--- a/fmartingrcom/themes/v1/templates/homepage.jinja
+++ b/fmartingrcom/themes/v1/templates/homepage.jinja
@ -0,0 +1,17 @@
+{% extends "_layout.jinja" %}
+
+{% block menu %}{% endblock %}
+
+{% block content %}
+    <div class="papers">
+        <div class="picture pull-right hide-mobile">
+            <img src="http://cdn.fmartingr.com/avatar.png" width="200" />
+        </div>
+        <p>Hi there!</p>
+        <p>My name is Felipe Mart&iacute;n, and I'm a developer.</p>
+        <p>I've been playing with code for a while now, but I also enjoy geeking around with computers, algorithms and stuff; the less I know about it, the better. Learning new things everyday is <em>my</em> way of life.</p>
+        <p>Currently I'm a web developer, but I like to learn from new areas on my spare time, like networking, security or game development, I want to create some cool stuff for everyone to see.</p>
+        <p>If I'm not in front of my computer, you'll probably find me walking around the city with my headphones or having a beer with my friends.</p>
+        <p>You can access my blog and projects from the left. My contact details are around there too so feel free to drop me a line if you want!</p>
+    </div>
+{% endblock %}
--- a/fmartingrcom/themes/v1/templates/static/coffee/mobile.coffee
+++ b/fmartingrcom/themes/v1/templates/static/coffee/mobile.coffee
@ -0,0 +1,14 @@
+toggleMenu = ->
+    sidebar = document.querySelector '.sidebar'
+    button = document.querySelector 'button.menu'
+
+    if 'menu-shown' in button.classList
+        sidebar.classList.remove 'shown'
+        button.classList.remove 'menu-shown'
+    else
+        sidebar.classList.add 'shown'
+        button.classList.add 'menu-shown'
+
+window.onload = ->
+    button = document.querySelector 'button.menu'
+    button.onclick = toggleMenu
--- a/fmartingrcom/themes/v1/templates/static/css/style.css
+++ b/fmartingrcom/themes/v1/templates/static/css/style.css
@ -0,0 +1,467 @@
+button {
+  margin: 0;
+  padding: 0; }
+
+@font-face {
+  font-family: fmartingr;
+  src: url("/static/fmartingr.ttf"); }
+
+.pull-left {
+  float: left; }
+
+.pull-right {
+  float: right; }
+
+.text-center, .sidebar .buttons {
+  text-align: center; }
+
+.text-right {
+  text-align: right; }
+
+.text-left {
+  text-align: left; }
+
+.clearfix {
+  *zoom: 1; }
+  .clearfix:before, .clearfix:after {
+    content: " ";
+    display: table; }
+  .clearfix:after {
+    clear: both; }
+
+.small {
+  font-size: 50%;
+  line-height: 50%; }
+
+.alt-font {
+  font-family: "Antic Slab", serif; }
+
+.hacker-icon {
+  display: inline-block;
+  position: relative;
+  height: 22px;
+  width: 22px;
+  -moz-transition: all 0.5s;
+  -webkit-transition: all 0.5s;
+  transition: all 0.5s; }
+  .hacker-icon:hover {
+    vertical-align: top;
+    width: 22px; }
+    .hacker-icon:hover:before {
+      content: "a"; }
+    .hacker-icon:hover div {
+      display: none; }
+  .hacker-icon div:nth-child(1) {
+    position: absolute;
+    left: 7.33333px;
+    top: 0; }
+  .hacker-icon div:nth-child(2) {
+    position: absolute;
+    left: 14.66667px;
+    top: 7.33333px; }
+  .hacker-icon div:nth-child(3) {
+    position: absolute;
+    left: 14.66667px;
+    top: 14.66667px; }
+  .hacker-icon div:nth-child(4) {
+    position: absolute;
+    left: 7.33333px;
+    top: 14.66667px; }
+  .hacker-icon div:nth-child(5) {
+    position: absolute;
+    left: 0;
+    top: 14.66667px; }
+  .hacker-icon div {
+    background-color: white;
+    width: 7.33333px;
+    height: 7.33333px; }
+
+/* Mix-ins */
+html, body {
+  color: #242424;
+  font-family: "Georgia", "Open Sans", OpenSansRegular, sans-serif;
+  font-size: 18px;
+  margin: 0;
+  min-height: 100%;
+  text-align: justify; }
+
+body {
+  padding-bottom: 40px; }
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Antic Slab", serif;
+  font-weight: normal;
+  text-shadow: 1px 1px 3px #dddddd; }
+
+h1 {
+  font-size: 200%; }
+
+h2 {
+  font-size: 175%; }
+
+h3 {
+  font-size: 150%; }
+
+h4 {
+  font-size: 125%; }
+
+strong {
+  color: #3e4349; }
+
+a {
+  color: #2277bb;
+  text-decoration: none; }
+  a.dark {
+    color: #242424; }
+  a.bright {
+    color: white; }
+  a:hover {
+    border-bottom: 1px dotted; }
+
+figure {
+  margin: 0;
+  text-align: center; }
+  figure img {
+    margin: 14px; }
+    figure img.pull-left {
+      margin-left: 0; }
+    figure img.pull-right {
+      margin-right: 0; }
+    figure img.padding {
+      padding: 6px; }
+    figure img.shadow {
+      box-shadow: #242424 0px 0px 5px; }
+
+hr {
+  background: none;
+  border: 0;
+  border-bottom: #aaaaaa 1px dotted;
+  width: 90%; }
+  hr.big {
+    border-bottom-width: 3px;
+    margin: 30px auto; }
+
+.sidebar {
+  background-color: #242424;
+  color: white;
+  min-height: 100%;
+  position: fixed;
+  top: 0;
+  width: 260px; }
+  .sidebar > button.menu {
+    display: none; }
+  .sidebar > header {
+    height: 220px; }
+    .sidebar > header .logo {
+      color: white;
+      font-family: Verdana;
+      font-size: 200%;
+      font-weight: 800;
+      padding: 20px; }
+  .sidebar footer {
+    bottom: 0;
+    position: absolute;
+    left: 0;
+    padding: 10px;
+    width: 240px; }
+    .sidebar footer .zombiepress {
+      font-family: "Antic Slab", serif;
+      font-size: 80%;
+      text-shadow: #333333 1px 1px 3px; }
+      .sidebar footer .zombiepress a {
+        color: white; }
+  .sidebar .buttons header {
+    font-size: 170%;
+    margin-bottom: 10px; }
+  .sidebar .buttons.social {
+    margin-bottom: 20px; }
+    .sidebar .buttons.social button {
+      width: 31%;
+      font-size: 75%;
+      font-family: helvetica, sans-serif; }
+  .sidebar .buttons button {
+    background-color: silver;
+    border: none;
+    cursor: pointer;
+    font-size: 90%;
+    margin-top: 5px;
+    padding: 8px 0 8px 0;
+    font-weight: bold;
+    width: 90%;
+    transition: 0.3s all; }
+    .sidebar .buttons button.half {
+      width: 38%; }
+    .sidebar .buttons button.gap.pull-right {
+      margin-right: 5%; }
+    .sidebar .buttons button.gap.pull-left {
+      margin-left: 5%; }
+    .sidebar .buttons button.rss {
+      background-color: #ff7f25;
+      color: #eeeeee; }
+      .sidebar .buttons button.rss:hover {
+        background-color: #e75f00; }
+    .sidebar .buttons button.email {
+      background-color: #f0f0eb;
+      color: #312c2a; }
+      .sidebar .buttons button.email:hover {
+        background-color: #d6d6c8; }
+    .sidebar .buttons button.twitter {
+      background-color: #46c0fb;
+      color: white; }
+      .sidebar .buttons button.twitter:hover {
+        background-color: #0aacfa; }
+    .sidebar .buttons button.github {
+      background-color: #fbfbfb;
+      color: #050505; }
+      .sidebar .buttons button.github:hover {
+        background-color: gainsboro; }
+    .sidebar .buttons button.blog {
+      background-color: #ff3617;
+      color: white; }
+      .sidebar .buttons button.blog:hover {
+        background-color: #d91d00; }
+    .sidebar .buttons button.projects {
+      background-color: #ee5a22;
+      color: #efefef; }
+      .sidebar .buttons button.projects:hover {
+        background-color: #c4410f; }
+
+section.content {
+  margin-left: 300px;
+  width: 60%; }
+
+body.homepage {
+  background-color: #eeeeee;
+  background-image: url("/static/images/homepage/bg.png");
+  background-attachment: fixed; }
+
+section.content .papers {
+  background: white;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+  margin: 26px auto 0;
+  max-width: 600px;
+  padding: 24px;
+  position: relative;
+  width: 80%; }
+section.content .papers:before, section.content .papers:after {
+  content: "";
+  height: 98%;
+  position: absolute;
+  width: 100%;
+  z-index: -1; }
+section.content .papers:before {
+  background: #fafafa;
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
+  left: -5px;
+  top: 4px;
+  -webkit-transform: rotate(-2.5deg);
+  -moz-transform: rotate(-2.5deg);
+  -ms-transform: rotate(-2.5deg);
+  -o-transform: rotate(-2.5deg);
+  transform: rotate(-2.5deg);
+  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-2.5), M12=-sin(-2.5), M21=sin(-2.5), M22=cos(-2.5));
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-2.5), M12=-sin(-2.5), M21=sin(-2.5), M22=cos(-2.5))";
+  zoom: 1; }
+section.content .papers:after {
+  background: #f6f6f6;
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+  right: -3px;
+  top: 1px;
+  -webkit-transform: rotate(1.4deg);
+  -moz-transform: rotate(1.4deg);
+  -ms-transform: rotate(1.4deg);
+  -o-transform: rotate(1.4deg);
+  transform: rotate(1.4deg);
+  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(1.4), M12=-sin(1.4), M21=sin(1.4), M22=cos(1.4));
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(1.4), M12=-sin(1.4), M21=sin(1.4), M22=cos(1.4))";
+  zoom: 1; }
+section.content .picture {
+  background-color: white;
+  padding: 8px;
+  padding-bottom: 30px;
+  margin-left: 40px;
+  margin-bottom: 12px;
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+  -webkit-transform: rotate(10deg);
+  -moz-transform: rotate(10deg);
+  -ms-transform: rotate(10deg);
+  -o-transform: rotate(10deg);
+  transform: rotate(10deg);
+  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(10), M12=-sin(10), M21=sin(10), M22=cos(10));
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(10), M12=-sin(10), M21=sin(10), M22=cos(10))";
+  zoom: 1;
+  margin-top: -10px;
+  margin-right: -50px; }
+
+body.blog {
+  background-color: white;
+  padding-bottom: 20px; }
+  body.blog section.content hr:last-child {
+    display: none; }
+
+article.blog-entry {
+  text-align: left; }
+  article.blog-entry:after {
+    clear: both; }
+  article.blog-entry h2 {
+    margin: 16px 0 10px 0; }
+    article.blog-entry h2 a:hover {
+      border: 0; }
+  article.blog-entry h1 {
+    border-right: #555555 6px solid;
+    margin-bottom: 0.5em;
+    font-size: 2.2em; }
+  article.blog-entry.draft {
+    border: #f39c12 3px dashed;
+    padding: 0 20px; }
+  article.blog-entry .content {
+    line-height: 140%;
+    padding-top: 15px; }
+    article.blog-entry .content img {
+      box-shadow: #242424 0 0 4px;
+      max-width: 100%; }
+      article.blog-entry .content img.noshadow {
+        box-shadow: none; }
+      article.blog-entry .content img.float-left {
+        float: left;
+        margin-right: 3%; }
+    article.blog-entry .content blockquote {
+      border-left: 4px solid #dddddd;
+      padding: 0 15px;
+      color: #777777; }
+      article.blog-entry .content blockquote > :first-child {
+        margin-top: 0; }
+      article.blog-entry .content blockquote > :last-child {
+        margin-bottom: 0; }
+    article.blog-entry .content code {
+      display: inline-block;
+      white-space: no-wrap;
+      background: white;
+      font-size: 0.8em;
+      line-height: 1.5em;
+      color: #555555;
+      border: 1px solid #dddddd;
+      -webkit-border-radius: 0.4em;
+      -moz-border-radius: 0.4em;
+      -ms-border-radius: 0.4em;
+      -o-border-radius: 0.4em;
+      border-radius: 0.4em;
+      padding: 0 0.3em;
+      margin: -1px 0; }
+    article.blog-entry .content hr {
+      width: 50%; }
+    article.blog-entry .content table {
+      padding: 0;
+      margin: 0 auto; }
+      article.blog-entry .content table tr {
+        border-top: 1px solid #cccccc;
+        background-color: white;
+        margin: 0;
+        padding: 0; }
+        article.blog-entry .content table tr:nth-child(2n) {
+          background-color: #f8f8f8; }
+        article.blog-entry .content table tr th {
+          font-weight: bold;
+          border: 1px solid #cccccc;
+          text-align: left;
+          margin: 0;
+          padding: 6px 13px; }
+        article.blog-entry .content table tr td {
+          border: 1px solid #cccccc;
+          text-align: left;
+          margin: 0;
+          padding: 6px 13px; }
+        article.blog-entry .content table tr th :first-child, article.blog-entry .content table tr td :first-child {
+          margin-top: 0; }
+        article.blog-entry .content table tr th :last-child, article.blog-entry .content table tr td :last-child {
+          margin-bottom: 0; }
+  article.blog-entry a.readmore {
+    background: #f39c12;
+    border: none;
+    color: white;
+    font-family: helvetica, sans-serif;
+    font-weight: bold;
+    padding: 10px;
+    font-size: 90%; }
+  article.blog-entry .draft-warning {
+    background-color: #f39c12;
+    color: white;
+    margin: 5px 0 5px 0;
+    padding: 8px 0 8px 0; }
+  article.blog-entry pre.prettyprint {
+    line-height: 120%; }
+
+.search-field {
+  border: none;
+  font-size: 0.8em;
+  font-weight: bold;
+  height: 1.2em;
+  padding: 2%;
+  width: 86%; }
+
+/* Landspace tablet and Large desktop */
+/* From portrait tablet and down */
+@media (max-width: 979px) {
+  body {
+    font-size: 85%; }
+    body button.menu {
+      background-color: #242424;
+      border: #575757 1px solid;
+      color: white;
+      display: block;
+      font-size: 16px;
+      height: 32px;
+      left: 8px;
+      padding: 0 5px 0 5px;
+      position: fixed;
+      text-align: center;
+      top: 8px;
+      z-index: 900;
+      -moz-border-radius: 4px;
+      -webkit-border-radius: 4px;
+      border-radius: 4px;
+      -moz-transition: left 0.3s;
+      -webkit-transition: left 0.3s;
+      transition: left 0.3s; }
+      body button.menu span {
+        display: block;
+        -moz-transition: all 0.3s;
+        -webkit-transition: all 0.3s;
+        transition: all 0.3s; }
+      body button.menu.menu-shown {
+        left: 268px; }
+        body button.menu.menu-shown span {
+          -moz-transform: rotate(180deg);
+          -webkit-transform: rotate(180deg);
+          transform: rotate(180deg); }
+
+  .sidebar {
+    margin-left: -260px;
+    z-index: 999;
+    -moz-transition: margin-left 0.3s;
+    -webkit-transition: margin-left 0.3s;
+    transition: margin-left 0.3s; }
+    .sidebar.shown {
+      margin-left: 0; }
+    .sidebar > header {
+      height: auto; }
+
+  table {
+    font-size: 60%; }
+    table th {
+      padding: 1px 2px; }
+    table td {
+      padding: 1px 2px; }
+
+  section.content {
+    margin-left: 0;
+    padding: 4%;
+    width: auto; }
+    section.content .papers {
+      width: auto; } }
+/* Portrait tablet to desktop */
+/* Landscape phone to portrait tablet */
+@media (max-width: 767px) {
+  .hide-mobile {
+    display: none; } }
+/* Landscape phones and down */
--- a/fmartingrcom/themes/v1/templates/static/css/syntax.css
+++ b/fmartingrcom/themes/v1/templates/static/css/syntax.css
@ -0,0 +1,52 @@
+/* Pretty printing styles. Used with prettify.js. */
+/* Vim sunburst theme by David Leibovic */
+
+pre .str, code .str { color: #65B042; } /* string  - green */
+pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */
+pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */
+pre .typ, code .typ { color: #89bdff; } /* type - light blue */
+pre .lit, code .lit { color: #3387CC; } /* literal - blue */
+pre .pun, code .pun { color: #fff; } /* punctuation - white */
+pre .pln, code .pln { color: #fff; } /* plaintext - white */
+pre .tag, code .tag { color: #89bdff; } /* html/xml tag    - light blue */
+pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name  - khaki */
+pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */
+pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
+
+pre.prettyprint, code.prettyprint {
+    background-color: #242424;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    -o-border-radius: 8px;
+    -ms-border-radius: 8px;
+    -khtml-border-radius: 8px;
+    border-radius: 8px;
+}
+
+pre.prettyprint {
+    width: auto;
+    margin: 1em auto;
+    padding: 12px !important;
+    white-space: pre-wrap;
+    font-size: 86%;
+}
+
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */
+li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
+/* Alternate shading for lines */
+li.L1,li.L3,li.L5,li.L7,li.L9 { }
+
+@media print {
+  pre .str, code .str { color: #060; }
+  pre .kwd, code .kwd { color: #006; font-weight: bold; }
+  pre .com, code .com { color: #600; font-style: italic; }
+  pre .typ, code .typ { color: #404; font-weight: bold; }
+  pre .lit, code .lit { color: #044; }
+  pre .pun, code .pun { color: #440; }
+  pre .pln, code .pln { color: #000; }
+  pre .tag, code .tag { color: #006; font-weight: bold; }
+  pre .atn, code .atn { color: #404; }
+  pre .atv, code .atv { color: #060; }
+}
--- a/fmartingrcom/themes/v1/templates/static/css/syntax.min.css
+++ b/fmartingrcom/themes/v1/templates/static/css/syntax.min.css
@ -0,0 +1 @@
+pre .str,code .str{color:#65b042}pre .kwd,code .kwd{color:#e28964}pre .com,code .com{color:#aeaeae;font-style:italic}pre .typ,code .typ{color:#89bdff}pre .lit,code .lit{color:#3387cc}pre .pun,code .pun{color:#fff}pre .pln,code .pln{color:#fff}pre .tag,code .tag{color:#89bdff}pre .atn,code .atn{color:#bdb76b}pre .atv,code .atv{color:#65b042}pre .dec,code .dec{color:#3387cc}pre.prettyprint,code.prettyprint{background-color:#242424;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;-khtml-border-radius:8px;border-radius:8px}pre.prettyprint{width:auto;margin:1em auto;padding:12px !important;white-space:pre-wrap;font-size:86%}ol.linenums{margin-top:0;margin-bottom:0;color:#aeaeae}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}@media print{pre .str,code .str{color:#060}pre .kwd,code .kwd{color:#006;font-weight:bold}pre .com,code .com{color:#600;font-style:italic}pre .typ,code .typ{color:#404;font-weight:bold}pre .lit,code .lit{color:#044}pre .pun,code .pun{color:#440}pre .pln,code .pln{color:#000}pre .tag,code .tag{color:#006;font-weight:bold}pre .atn,code .atn{color:#404}pre .atv,code .atv{color:#060}}
--- a/fmartingrcom/themes/v1/templates/static/images/homepage/bg.png
+++ b/fmartingrcom/themes/v1/templates/static/images/homepage/bg.png
--- a/fmartingrcom/themes/v1/templates/static/js/mobile.js
+++ b/fmartingrcom/themes/v1/templates/static/js/mobile.js
@ -0,0 +1,27 @@
+// Generated by CoffeeScript 1.6.2
+(function() {
+  var toggleMenu,
+    __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
+
+  toggleMenu = function() {
+    var button, sidebar;
+
+    sidebar = document.querySelector('.sidebar');
+    button = document.querySelector('button.menu');
+    if (__indexOf.call(button.classList, 'menu-shown') >= 0) {
+      sidebar.classList.remove('shown');
+      return button.classList.remove('menu-shown');
+    } else {
+      sidebar.classList.add('shown');
+      return button.classList.add('menu-shown');
+    }
+  };
+
+  window.onload = function() {
+    var button;
+
+    button = document.querySelector('button.menu');
+    return button.onclick = toggleMenu;
+  };
+
+}).call(this);
--- a/fmartingrcom/themes/v1/templates/static/sass/_blog.sass
+++ b/fmartingrcom/themes/v1/templates/static/sass/_blog.sass
@ -0,0 +1,131 @@
+body
+    &.blog
+        background-color: #fff
+        padding-bottom: 20px
+
+        section.content
+            hr:last-child
+                display: none
+
+article.blog-entry
+    text-align: left
+
+    &:after
+        clear: both
+
+    h2
+        margin: 16px 0 10px 0
+
+        a:hover
+            border: 0
+
+    h1
+        border-right: #555 6px solid
+        margin-bottom: 0.5em
+        font-size: 2.2em
+
+    &.draft
+        border: $warning-color 3px dashed
+        padding: 0 20px
+
+    .info
+
+    .content
+        line-height: 140%
+        padding-top: 15px
+
+        img
+            box-shadow: $sidebar-bg 0 0 4px
+            max-width: 100%
+
+            &.noshadow
+                box-shadow: none
+
+            &.float-left
+                float: left
+                margin-right: 3%
+
+        blockquote
+            border-left: 4px solid #dddddd
+            padding: 0 15px
+            color: #777777
+            > :first-child
+                margin-top: 0
+            > :last-child
+                margin-bottom: 0
+
+        code
+            display: inline-block
+            white-space: no-wrap
+            background: #fff
+            font-size: .8em
+            line-height: 1.5em
+            color: #555
+            border: 1px solid #ddd
+            -webkit-border-radius: 0.4em
+            -moz-border-radius: 0.4em
+            -ms-border-radius: 0.4em
+            -o-border-radius: 0.4em
+            border-radius: 0.4em
+            padding: 0 .3em
+            margin: -1px 0
+
+        hr
+            width: 50%
+
+        table
+            padding: 0
+            margin: 0 auto
+
+            tr
+                border-top: 1px solid #cccccc
+                background-color: white
+                margin: 0
+                padding: 0 
+
+                &:nth-child(2n) 
+                    background-color: #f8f8f8
+
+                th 
+                    font-weight: bold
+                    border: 1px solid #cccccc
+                    text-align: left
+                    margin: 0
+                    padding: 6px 13px 
+                td 
+                    border: 1px solid #cccccc
+                    text-align: left
+                    margin: 0
+                    padding: 6px 13px 
+
+                th :first-child, td :first-child 
+                    margin-top: 0
+
+                th :last-child, td :last-child 
+                    margin-bottom: 0 
+
+    a.readmore
+        background: $warning-color
+        border: none
+        color: white
+        font-family: helvetica, sans-serif
+        font-weight: bold
+        padding: 10px
+        font-size: 90%
+
+    .draft-warning
+        background-color: $warning-color
+        color: $warning-text-color
+        margin: 5px 0 5px 0
+        padding: 8px 0 8px 0
+
+    pre.prettyprint
+        line-height: 120%
+
+.search-field
+    border: none
+    font-size: 0.8em
+    font-weight: bold
+    height: 1.2em
+    padding: 2%
+    width: 86%
--- a/fmartingrcom/themes/v1/templates/static/sass/_homepage.sass
+++ b/fmartingrcom/themes/v1/templates/static/sass/_homepage.sass
@ -0,0 +1,49 @@
+body
+    &.homepage
+        background-color: #eee
+        background-image: url('/static/images/homepage/bg.png')
+        background-attachment: fixed
+
+section.content
+    // http://www.sitepoint.com/css3-shuffled-paper/
+    .papers 
+        background: #fff
+        box-shadow: 0 0 10px rgba(0,0,0,0.3)
+        margin: 26px auto 0
+        //max-width: 700px
+        max-width: 600px
+        padding: 24px
+        position: relative
+        width: 80%
+
+    .papers:before, .papers:after 
+        content: ""
+        height: 98%
+        position: absolute
+        width: 100%
+        z-index: -1
+    
+    .papers:before 
+        background: #fafafa
+        box-shadow: 0 0 8px rgba(0,0,0,0.2)
+        left: -5px
+        top: 4px
+        @include rotate(-2.5)
+    
+    .papers:after 
+        background: #f6f6f6
+        box-shadow: 0 0 3px rgba(0,0,0,0.2)
+        right: -3px
+        top: 1px
+        @include rotate(1.4)
+
+    .picture
+        background-color: white
+        padding: 8px
+        padding-bottom: 30px
+        margin-left: 40px
+        margin-bottom: 12px
+        box-shadow: 0 0 3px rgba(0,0,0,0.2)
+        @include rotate(10)
+        margin-top: -10px
+        margin-right: -50px
--- a/fmartingrcom/themes/v1/templates/static/sass/_layout.sass
+++ b/fmartingrcom/themes/v1/templates/static/sass/_layout.sass
@ -0,0 +1,197 @@
+html, body
+    color: $text-color
+    font-family: $font-family
+    font-size: $font-size
+    //font-weight: 400
+    margin: 0
+    min-height: 100%
+    text-align: justify
+
+body
+    padding-bottom: 40px
+
+h1, h2, h3, h4, h5, h6
+    font-family: $headers-font-family
+    font-weight: normal
+    text-shadow: 1px 1px 3px rgb(221, 221, 221)
+
+h1
+    font-size: 200%
+
+h2
+    font-size: 175%
+
+h3
+    font-size: 150%
+
+h4
+    font-size: 125%
+
+strong
+    color: $strong-text-color
+
+a
+    color: $anchor-text-color
+    text-decoration: none
+
+    &.dark
+        color: $text-color
+        //text-shadow: $text-color $text-shadow-properties
+
+    &.bright
+        color: $text-shadow-color
+
+    &:hover
+        border-bottom: 1px dotted
+
+figure
+    margin: 0
+    text-align: center
+
+    img
+        margin: 14px
+
+        &.pull-left
+            margin-left: 0
+
+        &.pull-right
+            margin-right: 0
+
+        &.padding
+            padding: 6px
+
+        &.shadow
+            box-shadow: $text-color $box-shadow-properties
+
+hr
+    background: none
+    border: 0
+    border-bottom: #aaa 1px dotted
+    width: 90%
+
+    &.big
+        border-bottom-width: 3px
+        margin: 30px auto
+
+
+.sidebar
+    background-color: $sidebar-bg
+    color: $sidebar-text-color
+    min-height: 100%
+    position: fixed
+    top: 0
+    width: $sidebar-width
+
+    &> button.menu
+        display: none
+
+    &> header
+        height: 220px
+
+        .logo
+            color: #fff
+            font-family: Verdana
+            font-size: 200%
+            font-weight: 800
+            padding: 20px
+
+    footer
+        bottom: 0
+        position: absolute
+        left: 0
+        padding: $footer-padding
+        width: $sidebar-width - ($footer-padding*2)
+
+        .zombiepress
+            font-family: $headers-font-family
+            font-size: 80%
+            text-shadow: #333 1px 1px 3px
+            a
+                color: #fff
+
+    .zone-menu
+
+    .buttons
+        @extend .text-center
+
+        header
+            font-size: 170%
+            margin-bottom: 10px
+
+        &.social
+            margin-bottom: 20px
+            button
+                width: 31%
+                font-size: 75%
+                font-family: helvetica, sans-serif
+
+        button
+            background-color: rgb(192, 192, 192)
+            border: none
+            cursor: pointer
+            font-size: 90%
+            margin-top: 5px
+            padding: 8px 0 8px 0
+            font-weight: bold
+            width: 90%
+
+            transition: 0.3s all
+
+            &.half
+                width: 38%
+
+            &.gap
+                &.pull-right
+                    margin-right: 5%
+
+                &.pull-left
+                    margin-left: 5%
+
+            &:hover
+                //margin-left: 10px
+
+            &.rss
+                background-color: $rss-color
+                color: $rss-text-color
+                
+                &:hover
+                    background-color: darken($rss-color, 12%)
+
+            &.email
+                background-color: $email-color
+                color: $email-text-color
+                
+                &:hover
+                    background-color: darken($email-color, 12%)
+
+            &.twitter
+                background-color: $twitter-color
+                color: $twitter-text-color
+                
+                &:hover
+                    background-color: darken($twitter-color, 12%)
+
+            &.github
+                background-color: $github-color
+                color: $github-text-color
+
+                &:hover
+                    background-color: darken($github-color, 12%)
+
+            &.blog
+                background-color: $blog-color
+                color: $blog-text-color
+
+                &:hover
+                    background-color: darken($blog-color, 12%)
+
+            &.projects
+                background-color: $projects-color
+                color: $projects-text-color
+
+                &:hover
+                    background-color: darken($projects-color, 12%)
+
+section.content
+    margin-left: $sidebar-width + $content-sidebar-gap
+    width: 60%
--- a/fmartingrcom/themes/v1/templates/static/sass/_oocss.sass
+++ b/fmartingrcom/themes/v1/templates/static/sass/_oocss.sass
@ -0,0 +1,92 @@
+.pull-left
+    float: left
+
+.pull-right
+    float: right
+
+.text-center
+    text-align: center
+
+.text-right
+    text-align: right
+
+.text-left
+    text-align: left
+ 
+.clearfix
+    *zoom: 1
+
+    &:before, &:after 
+        content: " "
+        display: table
+
+    &:after
+        clear: both
+
+.small
+    font-size: 50%
+    line-height: 50%
+
+.alt-font
+    font-family: $headers-font-family
+
+.hacker-icon
+    $size: 22px
+    display: inline-block
+    position: relative
+    height: $size
+    width: $size
+
+    -moz-transition: all 0.5s
+    -webkit-transition: all 0.5s
+    transition: all 0.5s
+
+    &:hover
+        vertical-align: top
+        width: 22px
+        &:before
+            content: "a"
+        div
+            display: none
+
+    div:nth-child(1)
+        position: absolute
+        left: $size/3
+        top: 0
+
+    div:nth-child(2)
+        position: absolute
+        left: ($size/3)*2
+        top: $size/3
+
+    div:nth-child(3)
+        position: absolute
+        left: ($size/3)*2
+        top: ($size/3)*2
+
+    div:nth-child(4)
+        position: absolute
+        left: $size/3
+        top: ($size/3)*2
+
+    div:nth-child(5)
+        position: absolute
+        left: 0
+        top: ($size/3)*2
+
+    div
+        background-color: #fff
+        width: $size/3
+        height: $size/3
+
+/* Mix-ins */
+@mixin rotate($degrees)
+    -webkit-transform: rotate(#{$degrees}deg)
+    -moz-transform: rotate(#{$degrees}deg)
+    -ms-transform: rotate(#{$degrees}deg)
+    -o-transform: rotate(#{$degrees}deg)
+    transform: rotate(#{$degrees}deg)
+
+    filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})
+    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})"
+    zoom: 1
--- a/fmartingrcom/themes/v1/templates/static/sass/_reset.sass
+++ b/fmartingrcom/themes/v1/templates/static/sass/_reset.sass
@ -0,0 +1,3 @@
+button
+    margin: 0
+    padding: 0
--- a/fmartingrcom/themes/v1/templates/static/sass/_responsive.sass
+++ b/fmartingrcom/themes/v1/templates/static/sass/_responsive.sass
@ -0,0 +1,93 @@
+/* Landspace tablet and Large desktop */
+@media (min-width: 980px)
+
+ 
+/* From portrait tablet and down */
+@media (max-width: 979px)
+    .hacker-icon
+        $size: 12px
+
+    body
+        font-size: 85%
+
+        button.menu
+            background-color: $sidebar-bg
+            border: lighten($sidebar-bg, 20%) 1px solid
+            color: white
+            display: block
+            font-size: 16px
+            height: 32px
+            left: 8px
+            padding: 0 5px 0 5px
+            position: fixed
+            text-align: center
+            top: 8px
+            z-index: 900
+
+            -moz-border-radius: 4px
+            -webkit-border-radius: 4px
+            border-radius: 4px
+
+            -moz-transition: left 0.3s
+            -webkit-transition: left 0.3s
+            transition: left 0.3s
+
+            span
+                display: block
+
+                -moz-transition: all 0.3s
+                -webkit-transition: all 0.3s
+                transition: all 0.3s
+
+            &.menu-shown
+                left: $sidebar-width + 8px
+
+                span
+                    -moz-transform: rotate(180deg)
+                    -webkit-transform: rotate(180deg)
+                    transform: rotate(180deg)
+
+    .sidebar
+        margin-left: -1*$sidebar-width
+        z-index: 999
+
+        -moz-transition: margin-left 0.3s
+        -webkit-transition: margin-left 0.3s
+        transition: margin-left 0.3s
+
+        &.shown
+            margin-left: 0
+
+        &> header
+            height: auto
+
+    table
+        font-size: 60%
+
+        th 
+            padding: 1px 2px 
+
+        td 
+            padding: 1px 2px 
+
+
+    section.content
+        margin-left: 0
+        padding: 4%
+        width: auto
+
+        .papers
+            width: auto
+
+/* Portrait tablet to desktop*/
+@media (min-width: 767px) and (max-width: 979px)
+
+
+/* Landscape phone to portrait tablet */
+@media (max-width: 767px)
+    .hide-mobile
+        display: none
+ 
+/* Landscape phones and down */
+@media (max-width: 480px)
+
--- a/fmartingrcom/themes/v1/templates/static/sass/_variables.sass
+++ b/fmartingrcom/themes/v1/templates/static/sass/_variables.sass
@ -0,0 +1,54 @@
+// General
+$text-color: #242424
+$font-family: "Georgia", "Open Sans", OpenSansRegular, sans-serif
+$font-size: 18px
+
+$anchor-text-color: #2277bb
+$anchor-text-shadow-color: #004b6b
+
+$headers-font-family: 'Antic Slab', serif
+
+$text-shadow-color: #fff
+$text-shadow-properties: 1px 1px 1px
+
+$strong-text-color: #3e4349
+
+$box-shadow-properties: 0px 0px 5px
+
+// Sidebar
+$sidebar-bg: #242424
+$sidebar-text-color: #fff
+$sidebar-width: 260px
+
+$footer-padding: 10px
+
+// Content
+$content-sidebar-gap: 40px
+
+// Buttons
+$twitter-color: #46c0fb
+$twitter-text-color: #fff
+
+$email-color: #f0f0eb
+$email-text-color: #312c2a
+
+$github-color: #fbfbfb
+$github-text-color: #050505
+
+$rss-color: #ff7f25
+$rss-text-color: #eee
+
+$blog-color: #ff3617
+$blog-text-color: #fff
+
+$projects-color: #ee5a22
+$projects-text-color: #efefef
+
+// Colors
+$warning-color: #f39c12
+$warning-text-color: #fff
+
+// font
+@font-face
+    font-family: fmartingr
+    src: url('/static/fmartingr.ttf')
--- a/fmartingrcom/themes/v1/templates/static/sass/style.sass
+++ b/fmartingrcom/themes/v1/templates/static/sass/style.sass
@ -0,0 +1,8 @@
+@import "reset"
+@import "variables"
+@import "oocss"
+@import "layout"
+@import "homepage"
+@import "blog"
+
+@import "responsive"
--- a/fmartingrcom/urls.py
+++ b/fmartingrcom/urls.py
@ -0,0 +1,17 @@
+from django.conf.urls import patterns, include, url
+from django.contrib import admin
+
+from .apps.homepage.sitemap import HomeSitemap
+
+# Sitemap
+sitemaps = {
+    'home': HomeSitemap,
+    # 'blog': BlogSitemap,
+}
+
+admin.autodiscover()
+
+urlpatterns = patterns('',
+    url(r'^admin/', include(admin.site.urls)),
+    url(r'^$', include('fmartingrcom.apps.homepage.urls')),
+)
--- a/fmartingrcom/wsgi.py
+++ b/fmartingrcom/wsgi.py
@ -0,0 +1,15 @@
+"""
+WSGI config for fmartingrcom project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/1.6/howto/deployment/wsgi/
+"""
+
+import os
+os.environ.setdefault("DJANGO_SETTINGS_MODULE",
+                      "fmartingrcom.settings.configfile")
+
+from django.core.wsgi import get_wsgi_application
+application = get_wsgi_application()
--- a/manage.py
+++ b/manage.py
@ -0,0 +1,11 @@
+#!/usr/bin/env python
+import os
+import sys
+
+if __name__ == "__main__":
+    os.environ.setdefault("DJANGO_SETTINGS_MODULE",
+                          "fmartingrcom.settings.base")
+
+    from django.core.management import execute_from_command_line
+
+    execute_from_command_line(sys.argv)
--- a/requirements-local.txt
+++ b/requirements-local.txt
@ -0,0 +1 @@
+-r requirements.txt
--- a/requirements.txt
+++ b/requirements.txt
@ -0,0 +1,13 @@
+Django==1.6.6
+
+Jinja2==2.7.3
+django-jinja==1.0.4
+
+psycopg2==2.5.4
+South==1.0
+dj-database-url==0.3.0
+
+django-suit==0.2.9
+django-reversion==1.8.2
+
+pytz==2014.7
				`@ -0,0 +1 @@`
				pre .str,code .str{color:#65b042}pre .kwd,code .kwd{color:#e28964}pre .com,code .com{color:#aeaeae;font-style:italic}pre .typ,code .typ{color:#89bdff}pre .lit,code .lit{color:#3387cc}pre .pun,code .pun{color:#fff}pre .pln,code .pln{color:#fff}pre .tag,code .tag{color:#89bdff}pre .atn,code .atn{color:#bdb76b}pre .atv,code .atv{color:#65b042}pre .dec,code .dec{color:#3387cc}pre.prettyprint,code.prettyprint{background-color:#242424;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;-khtml-border-radius:8px;border-radius:8px}pre.prettyprint{width:auto;margin:1em auto;padding:12px !important;white-space:pre-wrap;font-size:86%}ol.linenums{margin-top:0;margin-bottom:0;color:#aeaeae}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}@media print{pre .str,code .str{color:#060}pre .kwd,code .kwd{color:#006;font-weight:bold}pre .com,code .com{color:#600;font-style:italic}pre .typ,code .typ{color:#404;font-weight:bold}pre .lit,code .lit{color:#044}pre .pun,code .pun{color:#440}pre .pln,code .pln{color:#000}pre .tag,code .tag{color:#006;font-weight:bold}pre .atn,code .atn{color:#404}pre .atv,code .atv{color:#060}}