Snapshot of current status.

.gitignore

@@ -0,0 +1,9 @@
+.DS_Store
+*.pyc
+settings.py
+test.db
+*.wpr
+.project
+.pydevproject
+.settings
+.sass-cache

app.py

@@ -0,0 +1,5 @@
+# -*- coding: utf-8 -*-
+
+from flask import Flask
+
+app = Flask(__name__)

forms.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+
+from flaskext.wtf import Form, TextField, TextAreaField, RadioField, FileField, BooleanField
+from flaskext.wtf import Required, Email, Length, URL
+
+class PostingForm(Form):
+    """Form for new job posts"""
+    job_headline = TextField("Headline", validators=[Required(), Length(min=1, max=100)])
+    job_category = RadioField("Category", choices=[('python', 'Python Programmer'), ('android', 'Android Programmer')], validators=[Required()])
+    job_location = TextField("Location", validators=[Required()])
+    job_relocation_assist = BooleanField("Relocation assist")
+    job_description = TextAreaField("Description", validators=[Required()])
+    job_perks = TextAreaField("Job perks")
+    job_how_to_apply = TextAreaField("How to apply", validators=[Required()])
+    company_name = TextField("Company name")
+    company_logo = FileField("Logo")
+    company_url = TextField("URL", validators=[Required(), URL()])
+    poster_email = TextField("Email", validators=[Required(), Email()])
+
+class ConfirmForm(Form):
+    terms_accepted = BooleanField("Accept terms")
+    promocode = TextField("Promo code")

models.py

@@ -0,0 +1,6 @@
+# -*- coding: utf-8 -*-
+
+from flaskext.sqlalchemy import SQLAlchemy
+from app import app
+
+db = SQLAlchemy(app)

sass/_boilerplate.scss

@@ -0,0 +1,82 @@
+/*  HTML5 ✰ Boilerplate  */
+
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,  footer, header, hgroup,
+menu, nav, section, summary, time, mark, audio, video {
+  margin:0;
+  padding:0;
+  border:0;
+  outline:0;
+  font-size:100%;
+  vertical-align:baseline;
+  background:transparent;
+}
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+    display:block;
+}
+nav ul { list-style:none; }
+blockquote, q { quotes:none; }
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
+ins { background-color:#ff9; color:#000; text-decoration:none; }
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
+del { text-decoration: line-through; }
+abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
+table { border-collapse:collapse; border-spacing:0; }
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+input, select { vertical-align:middle; }
+
+
+body { font:13px/1.231 sans-serif; *font-size:small; }
+select, input, textarea, button { font:99% sans-serif; }
+pre, code, kbd, samp { font-family: monospace, sans-serif; }
+
+body, select, input, textarea {   color: #444; }
+h1,h2,h3,h4,h5,h6 { font-weight: bold; }
+html { overflow-y: scroll; }
+
+a:hover, a:active { outline: none; }
+a, a:active, a:visited { color: #607890; }
+a:hover { color: #036; }
+
+ul, ol { margin-left: 1.8em; }
+ol { list-style-type: decimal; }
+
+nav ul, nav li { margin: 0; }
+small { font-size: 85%; }
+strong, th { font-weight: bold; }
+td, td img { vertical-align: top; }
+sub { vertical-align: sub; font-size: smaller; }
+sup { vertical-align: super; font-size: smaller; }
+pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
+textarea { overflow: auto; }
+.ie6 legend, .ie7 legend { margin-left: -7px; }
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { vertical-align: bottom; }
+.ie7 input[type="checkbox"] { vertical-align: baseline; }
+.ie6 input { vertical-align: text-bottom; }
+label, input[type=button], input[type=submit], button { cursor: pointer; }
+button, input, select, textarea { margin: 0; }
+input:valid, textarea:valid   {  }
+input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
+.no-boxshadow input:invalid,
+.no-boxshadow textarea:invalid { background-color: #f0dddd; }
+
+::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
+::selection { background:#FF5E99; color:#fff; text-shadow: none; }
+a:link { -webkit-tap-highlight-color: #FF5E99; }
+
+button {  width: auto; overflow: visible; }
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
+.hidden { display: none; visibility: hidden; }
+.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
+.invisible { visibility: hidden; }
+.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 }
+.clearfix:after { clear: both; }
+.clearfix { zoom: 1; }

sass/_colors.scss

@@ -0,0 +1,10 @@
+/* Define all colours here */
+
+$color-stickie: #FFFFA2;
+$color-stickie-date: gray;
+$color-shadow: rgba(0, 0, 0, 0.4);
+
+$color-header: #DDF7F5;
+
+$color-sheet: #fff;
+$color-sheet-border: #afafaf;

sass/_fonts.scss

@@ -0,0 +1,3 @@
+@import url('http://fonts.googleapis.com/css?family=Walter+Turncoat');
+
+$font-header-stickie: 'Walter Turncoat', sans-serif;

sass/_handheld.scss

@@ -0,0 +1,13 @@
+@media all and (orientation:portrait) { 
+
+}
+
+@media all and (orientation:landscape) { 
+
+}
+
+@media screen and (max-device-width: 480px) {
+
+
+  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+}

sass/_layout.scss

@@ -0,0 +1,72 @@
+body {
+    // Prevent header's box-shadow from overflowing in Firefox
+    background: url(../img/cardboard.jpg);
+    overflow-x: hidden;
+}
+
+p, ul, ol, blockquote, dt, dd,
+h1, h2, h3, h4, h5, h6 {
+    margin: 1em 0;
+}
+
+#main {
+}
+
+/* Header area */
+
+header {
+    padding: 1em;
+    background-color: $color-header;
+    border-bottom: 1px solid $color-sheet-border;
+    -webkit-box-shadow: 0 2px 5px $color-shadow;
+       -moz-box-shadow: 0 2px 5px $color-shadow;
+            box-shadow: 0 2px 5px $color-shadow;
+
+    form#search {
+        float: right;
+    }
+    #sections {
+        li {
+            float: left;
+            list-style-image: none;
+            list-style-type: none;
+            border: 1px solid black;
+            margin: 0.25em;
+            padding: 0.5em;
+        }
+    }
+}
+
+#logo {
+    width: 170px;
+    height: 170px;
+    background: url(../img/logo-star.png) no-repeat;
+    float: left;
+    padding: 0;
+}
+
+#logo h1, #logo a, #logo a:hover, #logo a:active, #logo a:visited {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    display: block;
+    text-decoration: none;
+    width: 100%;
+    height: 100%;
+}
+
+#sheet {
+    background: $color-sheet;
+    max-width: 960px;
+    margin: {
+        left: auto;
+        right: auto;
+        top: 2em;
+        bottom: 2em;
+    }
+    padding: 1em 2em;
+    border: 1px solid $color-sheet-border;
+    -webkit-box-shadow: 0 2px 5px $color-shadow;
+       -moz-box-shadow: 0 2px 5px $color-shadow;
+            box-shadow: 0 2px 5px $color-shadow;
+}

sass/_print.scss

@@ -0,0 +1,13 @@
+@media print {
+  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
+  a, a:visited { color: #444 !important; text-decoration: underline; }
+  a:after { content: " (" attr(href) ")"; } 
+  abbr:after { content: " (" attr(title) ")"; }
+  .ir a:after { content: ""; }  
+  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+  thead { display: table-header-group; }  
+  tr, img { page-break-inside: avoid; }
+  @page { margin: 0.5cm; }
+  p, h2, h3 { orphans: 3; widows: 3; }
+  h2, h3{ page-break-after: avoid; }
+}

sass/_stickie.scss

@@ -0,0 +1,90 @@
+.stickie {
+    font-size: 150%;
+    width: 240px;
+    background: $color-stickie;
+    position: relative;
+    float: left;
+    padding: 1.2em;
+    margin: 1em 10px;
+    -moz-border-radius: 4px;
+         border-radius: 4px;
+    /* Enabling this kills performance
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+    */
+    &:before, &:after {
+        content: "";
+        position: absolute;
+        z-index: -2;
+        bottom: 15px;
+        left: 10px;
+        width: 50%;
+        height: 20%;
+        max-width: 300px;
+        -webkit-box-shadow: 0 15px 10px $color-shadow;
+           -moz-box-shadow: 0 15px 10px $color-shadow;
+                box-shadow: 0 15px 10px $color-shadow;
+        -webkit-transform: rotate(-3deg);
+           -moz-transform: rotate(-3deg);
+            -ms-transform: rotate(-3deg);
+             -o-transform: rotate(-3deg);
+                transform: rotate(-3deg);
+
+    }
+    &:after {
+        right: 10px;
+        left: auto;
+        -webkit-transform: rotate(3deg);
+           -moz-transform: rotate(3deg);
+            -ms-transform: rotate(3deg);
+             -o-transform: rotate(3deg);
+                transform: rotate(3deg);
+    }
+    a, a:hover, a:active, a:visited, a:focus {
+        /* Make stickies clickable */
+        text-decoration: none;
+        color: black;
+        color: inherit;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin: -1em;
+        padding: 1em;
+        border: 0;
+    }
+    header & {
+        width: 120px;
+        margin: 10px;
+        font-family: $font-header-stickie;
+    }
+    .date {
+        font-size: 80%;
+        color: $color-stickie-date;
+        float: right;
+        margin-top: -1.3em;
+        margin-right: -1.1em;
+    }
+}
+
+/* Make stickies wrap */
+@media all and (min-width: 960px) {
+    .container .stickie:nth-child(4n+1) {
+    	clear: left;
+    }
+}
+@media all and (min-width: 60.01em) and (max-width: 75em) {
+    .container .stickie:nth-child(3n+1) {
+    	clear: left;
+    }
+}
+@media all and (min-width: 45.51em) and (max-width: 60em) {
+    .container .stickie:nth-child(2n+1) {
+    	clear: left;
+    }
+}
+@media all and (max-width: 380px) {
+    .container .stickie {
+    	float: none;
+    }
+}

sass/style.scss

@@ -0,0 +1,7 @@
+@import "colors";
+@import "boilerplate";
+@import "fonts";
+@import "layout";
+@import "stickie";
+@import "handheld";
+@import "print";

settings-sample.py

@@ -0,0 +1,10 @@
+#: The title of this site
+SITE_TITLE='Job Board'
+#: TypeKit code for fonts
+TYPEKIT_CODE=''
+#: Google Analytics code UA-XXXXXX-X
+GA_CODE=''
+#: Database backend
+SQLALCHEMY_DATABASE_URI = 'sqlite:///test.db'
+#: Secret key
+SECRET_KEY = 'make this something random'