hashup 0.0.5

data/lib/hashup/templates/contents/data.yml

@@ -0,0 +1,9 @@
+---
+site_title: "Welcome to the real world"
+site_banner: "Start from here"
+footer_text: "Built with <a href=\"http://krazylee.github.io/hashup\">Hashup</a> proundly"
+navbar:
+  - name: "home"
+    href: "/"
+  - name: "about"
+    href: "/about.html"

data/lib/hashup/templates/themes/_layout/_footer.slim

@@ -0,0 +1,11 @@
+footer
+  .container
+    .row
+      .span7
+        h3.footer-title
+          == footer_text
+        p
+          | Do you like this freebie? Want to get more stuff like this?
+          br
+          |  Subscribe to designmodo news and updates to stay tuned on great designs.
+          br

data/lib/hashup/templates/themes/_layout/_header.slim

@@ -0,0 +1,12 @@
+doctype 5
+html lang="en"
+  head
+    meta charset="UTF-8"
+    title == site_title
+    link rel="stylesheet" href="static/css/bootstrap.css"
+    link rel="stylesheet" href="static/css/flat-ui.css"
+    link rel="stylesheet" href="static/css/custom.css"
+    link rel="stylesheet" href="static/pygments-css/github.css"
+    link rel="shortcut icon" href="static/images/favicon.ico"
+  body
+    

data/lib/hashup/templates/themes/_layout/_layout.slim

@@ -0,0 +1,5 @@
+== render_file("_header.slim")
+.container
+  == render_file("_nav.slim")
+  == yield
+== render_file("_footer.slim")

data/lib/hashup/templates/themes/_layout/_nav.slim

@@ -0,0 +1,7 @@
+h1 == site_banner
+.row
+  - for nav in navbar
+    .span6
+      a.btn.btn-large.btn-block href="#{nav['href']}" = nav["name"]
+hr
+

data/lib/hashup/templates/themes/assets/flat-ui/_config.sass

@@ -0,0 +1,16 @@
+// Colors
+$base:      #34495e
+$firm:      #1abc9c
+
+$gray:      #95a5a6
+$lightgray: #ecf0f1
+$inverse:   #fff
+
+$success:   #2ecc71
+$danger:    #e74c3c
+$warning:   #f1c40f
+$info:      #3498db
+
+// Font
+$base-font-family: 'Lato', sans-serif
+$base-font-size:   14px

data/lib/hashup/templates/themes/assets/flat-ui/_icon-font-24.sass

@@ -0,0 +1,91 @@
+@font-face
+  font-family: 'Flat-UI-Icons-24'
+  src: url('../fonts/Flat-UI-Icons-24.eot')
+  src: url('../fonts/Flat-UI-Icons-24.eot?#iefix') format("embedded-opentype"), url('../fonts/Flat-UI-Icons-24.woff') format("woff"), url('../fonts/Flat-UI-Icons-24.ttf') format("truetype"), url('../fonts/Flat-UI-Icons-24.svg#Flat-UI-Icons-24') format("svg")
+  font-weight: normal
+  font-style: normal
+
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons
+
+[data-icon]:before
+  font-family: 'Flat-UI-Icons-24'
+  content: attr(data-icon)
+  speak: none
+  font-weight: normal
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+
+/* Use the following CSS code if you want to have a class per icon
+/*
+ *Instead of a list of all class selectors,
+ *you can use the generic selector below, but it's slower:
+ *[class*="fui-"]:before {
+
+.fui-video-24:before, .fui-time-24:before, .fui-settings-24:before, .fui-plus-24:before, .fui-new-24:before, .fui-menu-24:before, .fui-man-24:before, .fui-mail-24:before, .fui-lock-24:before, .fui-location-24:before, .fui-heart-24:before, .fui-eye-24:before, .fui-cross-24:before, .fui-cmd-24:before, .fui-checkround-24:before, .fui-checkmark-24:before, .fui-calendar-24:before, .fui-bubble-24:before, .fui-volume-24:before, .fui-camera-24:before
+  font-family: 'Flat-UI-Icons-24'
+  speak: none
+  font-style: normal
+  font-weight: normal
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+
+.fui-video-24:before
+  content: "\e000"
+
+.fui-time-24:before
+  content: "\e001"
+
+.fui-settings-24:before
+  content: "\e002"
+
+.fui-plus-24:before
+  content: "\e003"
+
+.fui-new-24:before
+  content: "\e005"
+
+.fui-menu-24:before
+  content: "\e006"
+
+.fui-man-24:before
+  content: "\e007"
+
+.fui-mail-24:before
+  content: "\e008"
+
+.fui-lock-24:before
+  content: "\e009"
+
+.fui-location-24:before
+  content: "\e00a"
+
+.fui-heart-24:before
+  content: "\e00b"
+
+.fui-eye-24:before
+  content: "\e00c"
+
+.fui-cross-24:before
+  content: "\e00d"
+
+.fui-cmd-24:before
+  content: "\e00e"
+
+.fui-checkround-24:before
+  content: "\e00f"
+
+.fui-checkmark-24:before
+  content: "\e010"
+
+.fui-calendar-24:before
+  content: "\e011"
+
+.fui-bubble-24:before
+  content: "\e012"
+
+.fui-volume-24:before
+  content: "\e013"
+
+.fui-camera-24:before
+  content: "\e004"

data/lib/hashup/templates/themes/assets/flat-ui/_icon-font.sass

@@ -0,0 +1,91 @@
+@font-face
+  font-family: 'Flat-UI-Icons-16'
+  src: url('../fonts/Flat-UI-Icons-16.eot')
+  src: url('../fonts/Flat-UI-Icons-16.eot?#iefix') format("embedded-opentype"), url('../fonts/Flat-UI-Icons-16.woff') format("woff"), url('../fonts/Flat-UI-Icons-16.ttf') format("truetype"), url('../fonts/Flat-UI-Icons-16.svg#Flat-UI-Icons-16') format("svg")
+  font-weight: normal
+  font-style: normal
+
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons
+
+[data-icon]:before
+  font-family: 'Flat-UI-Icons-16'
+  content: attr(data-icon)
+  speak: none
+  font-weight: normal
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+
+/* Use the following CSS code if you want to have a class per icon
+/*
+ *Instead of a list of all class selectors,
+ *you can use the generic selector below, but it's slower:
+ *[class*="fui-"]:before {
+
+.fui-volume-16:before, .fui-video-16:before, .fui-time-16:before, .fui-settings-16:before, .fui-plus-16:before, .fui-new-16:before, .fui-menu-16:before, .fui-man-16:before, .fui-mail-16:before, .fui-lock-16:before, .fui-location-16:before, .fui-heart-16:before, .fui-eye-16:before, .fui-cross-16:before, .fui-cmd-16:before, .fui-checkround-16:before, .fui-checkmark-16:before, .fui-camera-16:before, .fui-calendar-16:before, .fui-bubble-16:before
+  font-family: 'Flat-UI-Icons-16'
+  speak: none
+  font-style: normal
+  font-weight: normal
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+
+.fui-volume-16:before
+  content: "\e000"
+
+.fui-video-16:before
+  content: "\e001"
+
+.fui-time-16:before
+  content: "\e002"
+
+.fui-settings-16:before
+  content: "\e003"
+
+.fui-plus-16:before
+  content: "\e004"
+
+.fui-new-16:before
+  content: "\e005"
+
+.fui-menu-16:before
+  content: "\e006"
+
+.fui-man-16:before
+  content: "\e007"
+
+.fui-mail-16:before
+  content: "\e008"
+
+.fui-lock-16:before
+  content: "\e009"
+
+.fui-location-16:before
+  content: "\e00a"
+
+.fui-heart-16:before
+  content: "\e00b"
+
+.fui-eye-16:before
+  content: "\e00c"
+
+.fui-cross-16:before
+  content: "\e00d"
+
+.fui-cmd-16:before
+  content: "\e00e"
+
+.fui-checkround-16:before
+  content: "\e00f"
+
+.fui-checkmark-16:before
+  content: "\e010"
+
+.fui-camera-16:before
+  content: "\e011"
+
+.fui-calendar-16:before
+  content: "\e012"
+
+.fui-bubble-16:before
+  content: "\e013"

data/lib/hashup/templates/themes/assets/flat-ui/_mixins.sass

@@ -0,0 +1,96 @@
+// Mixins
+=animation($properties)
+  -webkit-animation: $properties
+  -moz-animation:    $properties
+  -o-animation:      $properties
+  animation:         $properties
+
+=border-radius($radius)
+  -webkit-border-radius: $radius
+  -moz-border-radius:    $radius
+  border-radius:         $radius
+
+=box-sizing
+  -webkit-box-sizing: border-box
+  -moz-box-sizing:    border-box
+  box-sizing:         border-box
+  // *behavior: url('../js/boxsizing.htc')
+
+=box-shadow($properties)
+  -webkit-box-shadow: $properties
+  -moz-box-shadow:    $properties
+  box-shadow:         $properties
+
+=inline-block
+  display: inline-block
+  zoom: 1
+  *display: inline
+
+=opacity($value)
+  opacity: $value
+  filter: alpha(opacity=$value*100)
+  zoom: 1
+
+=placeholder-color($color)
+  &:-moz-placeholder
+    color: $color
+  &::-webkit-input-placeholder
+    color: $color
+  &.placeholder
+    color: $color
+
+=transition($properties)
+  -webkit-transition: $properties
+  -moz-transition:    $properties
+  -o-transition:      $properties
+  transition:         $properties
+  -webkit-backface-visibility: hidden
+
+=transform($properties)
+  -webkit-transform: $properties
+  -moz-transform:    $properties
+  -ms-transform:     $properties
+  -o-transform:      $properties
+  transform:         $properties
+
+=vertical-gradient($from, $to)
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $from), color-stop(100%, $to))
+  background: -webkit-linear-gradient(top, $from, $to)
+  background:    -moz-linear-gradient(top, $from, $to)
+  background:     -ms-linear-gradient(top, $from, $to)
+  background:      -o-linear-gradient(top, $from, $to)
+  background:         linear-gradient(to bottom, $from, $to)
+
+=selection($color)
+  &::selection
+    background: $color
+
+  &::-moz-selection
+    background: $color
+
+=clearfix
+  *zoom: 1
+  &:before,
+  &:after
+    display: table
+    content: ''
+  &:after
+    clear: both
+
+=dropdown-arrow($color: $base, $top: 5px, $left: 15px, $size: 9px)
+  &:before
+    content: ''
+    border-style: solid
+    border-width: 0 $size $size $size
+    border-color: transparent transparent $color transparent
+    height: 0px
+    position: absolute
+    left: $left
+    top: $top
+    width: 0px
+    // Make corners smooth
+    -webkit-transform: rotate(360deg)
+
+=drop-ie-gradient
+  filter: unquote('progid:DXImageTransform.Microsoft.gradient(enabled = false)')
+

data/lib/hashup/templates/themes/assets/flat-ui/_spaces.sass

@@ -0,0 +1,129 @@
+// Should be used to modify the default spacing between objects (not between nodes of * the same object)
+// p,m = padding,margin
+// a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
+// x,s,m,l,n = extra-small($x),small($s),medium($m),large($l),none(0px)
+$x: 3px
+$s: 5px
+$m: 10px
+$l: 20px
+
+.ptn, .pvn, .pan
+  padding-top: 0
+
+.ptx, .pvx, .pax
+  padding-top: $x
+
+.pts, .pvs, .pas
+  padding-top: $s
+
+.ptm, .pvm, .pam
+  padding-top: $m
+
+.ptl, .pvl, .pal
+  padding-top: $l
+
+.prn, .phn, .pan
+  padding-right: 0
+
+.prx, .phx, .pax
+  padding-right: $x
+
+.prs, .phs, .pas
+  padding-right: $s
+
+.prm, .phm, .pam
+  padding-right: $m
+
+.prl, .phl, .pal
+  padding-right: $l
+
+.pbn, .pvn, .pan
+  padding-bottom: 0
+
+.pbx, .pvx, .pax
+  padding-bottom: $x
+
+.pbs, .pvs, .pas
+  padding-bottom: $s
+
+.pbm, .pvm, .pam
+  padding-bottom: $m
+
+.pbl, .pvl, .pal
+  padding-bottom: $l
+
+.pln, .phn, .pan
+  padding-left: 0
+
+.plx, .phx, .pax
+  padding-left: $x
+
+.pls, .phs, .pas
+  padding-left: $s
+
+.plm, .phm, .pam
+  padding-left: $m
+
+.pll, .phl, .pal
+  padding-left: $l
+
+.mtn, .mvn, .man
+  margin-top: 0px
+
+.mtx, .mvx, .max
+  margin-top: $x
+
+.mts, .mvs, .mas
+  margin-top: $s
+
+.mtm, .mvm, .mam
+  margin-top: $m
+
+.mtl, .mvl, .mal
+  margin-top: $l
+
+.mrn, .mhn, .man
+  margin-right: 0px
+
+.mrx, .mhx, .max
+  margin-right: $x
+
+.mrs, .mhs, .mas
+  margin-right: $s
+
+.mrm, .mhm, .mam
+  margin-right: $m
+
+.mrl, .mhl, .mal
+  margin-right: $l
+
+.mbn, .mvn, .man
+  margin-bottom: 0px
+
+.mbx, .mvx, .max
+  margin-bottom: $x
+
+.mbs, .mvs, .mas
+  margin-bottom: $s
+
+.mbm, .mvm, .mam
+  margin-bottom: $m
+
+.mbl, .mvl, .mal
+  margin-bottom: $l
+
+.mln, .mhn, .man
+  margin-left: 0px
+
+.mlx, .mhx, .max
+  margin-left: $x
+
+.mls, .mhs, .mas
+  margin-left: $s
+
+.mlm, .mhm, .mam
+  margin-left: $m
+
+.mll, .mhl, .mal
+  margin-left: $l
+