portfolio-jekyll-theme 2.0.0

data/_sass/1-tools/bourbon/helpers/_shape-size-stripper.scss

@@ -0,0 +1,10 @@
+@function _shape-size-stripper($shape-size) {
+  $shape-size-spec: null;
+  @each $value in $shape-size {
+    @if ($value == "cover") or ($value == "contain") {
+      $value: null;
+    }
+    $shape-size-spec: "#{$shape-size-spec} #{$value}";
+  }
+  @return $shape-size-spec;
+}

data/_sass/1-tools/bourbon/helpers/_str-to-num.scss

@@ -0,0 +1,50 @@
+//************************************************************************//
+// Helper function for linear/radial-gradient-parsers.
+// Source: http://sassmeister.com/gist/9647408
+//************************************************************************//
+@function _str-to-num($string) {
+  // Matrices
+  $strings: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';
+  $numbers:  0   1   2   3   4   5   6   7   8   9;
+
+  // Result
+  $result: 0;
+  $divider: 0;
+  $minus: false;
+
+  // Looping through all characters
+  @for $i from 1 through str-length($string) {
+    $character: str-slice($string, $i, $i);
+    $index: index($strings, $character);
+
+    @if $character == '-' {
+      $minus: true;
+    }
+
+    @else if $character == '.' {
+      $divider: 1;
+    }
+
+    @else {
+      @if not $index {
+        $result: if($minus, $result * -1, $result);
+        @return _convert-units($result, str-slice($string, $i));
+      }
+
+      $number: nth($numbers, $index);
+
+      @if $divider == 0 {
+        $result: $result * 10;
+      }
+
+      @else {
+        // Move the decimal dot to the left
+        $divider: $divider * 10;
+        $number: $number / $divider;
+      }
+
+      $result: $result + $number;
+    }
+  }
+  @return if($minus, $result * -1, $result);
+}

data/_sass/1-tools/bourbon/settings/_prefixer.scss

@@ -0,0 +1,6 @@
+// Variable settings for /addons/prefixer.scss
+$prefix-for-webkit:    true !default;
+$prefix-for-mozilla:   true !default;
+$prefix-for-microsoft: true !default;
+$prefix-for-opera:     true !default;
+$prefix-for-spec:      true !default; // required for keyframe mixin

data/_sass/1-tools/bourbon/settings/_px-to-em.scss

@@ -0,0 +1 @@
+$em-base: 16px !default;

data/_sass/2-base/_-base-dir.sass

@@ -0,0 +1,2 @@
+@import 'base'
+@import 'placeholders'

data/_sass/2-base/_base.sass

@@ -0,0 +1,121 @@
+/*	Typography presets
+  ------------------------------------	*/
+
+.gigantic, .huge, .large, .bigger, .big,
+h1, h2, h3, h4, h5, h6
+  color: $headlineColor
+  font-weight: bold
+
+.gigantic
+  font-size: 110px
+  line-height: 1.09
+  letter-spacing: -2px
+
+.huge, h1
+  font-size: 68px
+  line-height: 1.05
+  letter-spacing: -1px
+
+.large, h2
+  font-size: 42px
+  line-height: 1.14
+
+.bigger, h3
+  font-size: 26px
+  line-height: 1.38
+
+.big, h4
+  font-size: 22px
+  line-height: 1.38
+
+.small, small
+  font-size: 10px
+  line-height: 1.2
+
+
+
+p
+  margin: 0 0 20px 0
+
+em
+  font-style: italic
+
+strong
+  font-weight: bold
+
+hr
+  border: solid #ddd
+  border-width: 1px 0 0
+  clear: both
+  margin: 10px 0 30px
+  height: 0
+
+
+
+/* Links
+  ------------------------------------	*/
+a
+  color: $accent
+  text-decoration: none
+  outline: 0
+
+a:hover, a:focus
+  color: lighten($accent, 20%)
+
+
+
+/* Selection colors (easy to forget)
+  ------------------------------------	*/
+
+::selection
+  background: $selectionColor
+
+::-moz-selection
+  background: $selectionColor
+
+img::selection
+  background: transparent
+
+img::-moz-selection
+  background: transparent
+
+body
+  -webkit-tap-highlight-color: $selectionColor
+
+
+
+/* Basic Styles
+  ------------------------------------	*/
+body
+  background: $documentBackgroundColor
+  font-size: 14px
+  line-height: 1.6
+  font-family: 'Open Sans', sans-serif
+  color: $textColor
+  -webkit-font-smoothing: antialiased
+  -webkit-text-size-adjust: 100%
+
+svg
+  +size(100%)
+
+h3
+  @extend %small-bold
+  color: $accent-light
+  text-align: center
+  padding: 100px 0 30px
+
+fieldset
+  padding: 0
+  margin: 0
+  border: none
+
+@media screen and (max-width: 480px)
+  h3
+    padding: 50px 0 50px
+
+section:nth-child(odd)
+  background: $bgcolor
+  padding-bottom: 100px
+
+  h3
+    color: darken($accent-light, 10%)

data/_sass/2-base/_placeholders.sass

@@ -0,0 +1,12 @@
+%small-bold
+  font:
+    size: 14px
+    weight: 700
+  text-transform: uppercase
+
+%background-image
+  background:
+    repeat: no-repeat, no-repeat
+    size: 50px 50px, cover
+    position: 30px 50px, 50% 50%
+    blend-mode: overlay, normal

data/_sass/3-sections/_-sections-dir.sass

@@ -0,0 +1,8 @@
+@import 'header'
+@import 'footer'
+@import 'projects'
+@import 'default'
+@import 'page'
+@import 'post'
+@import 'blog'
+@import 'image'

data/_sass/3-sections/_blog.sass

@@ -0,0 +1,20 @@
+.blog-container
+  padding-top: 10px
+  margin: 30px
+  .blog-unit
+    h1
+      display: inline-block
+      margin-bottom: 5px
+      padding: 0px
+      font:
+        size: 24px
+        weight: 700
+      a
+        color: black
+      &:hover a
+        color: $accent-color
+    .blog-date
+      display: block
+      font:
+        size: 14px
+        weight: 700

data/_sass/3-sections/_default.sass

@@ -0,0 +1,11 @@
+body
+  background: white
+  font-family: 'Roboto', sans-serif
+  font-size: 16px
+.site-container
+  width: 750px
+  margin: auto
+
+@media (max-width: 768px)
+  .site-container
+    width: 95vw

data/_sass/3-sections/_footer.sass

@@ -0,0 +1,25 @@
+footer
+  height: 200px
+  .footer-wrap
+    max-width: 500px
+    margin: 0px auto 0px
+    padding: 10px
+    .footer-tagline
+      text-align: center
+      color: rgba(0,0,0,1)
+      font:
+        size: 24px
+        weight: 700
+    .social-media
+      text-align: center
+      nav
+        margin: 0px
+        padding: 0px
+        a
+          margin: 10px
+          color: rgba(0,0,0,1)
+          font:
+            size: 20px
+            weight: 700
+          &:hover
+            color: $accent-color

data/_sass/3-sections/_header.sass

@@ -0,0 +1,39 @@
+header
+  height: 90px
+  .logo
+    float: left
+    margin: 30px
+    font:
+      size: 24px
+      weight: 700
+    a
+      display: inline-block
+      color: rgba(0,0,0,1)
+      &:hover
+        color: $accent-color
+  nav
+    float: right
+    margin: 30px 30px 0 0
+    a
+      display: inline-block
+      margin-left: 20px
+      color: rgba(0,0,0,1)
+      font:
+        size: 24px
+        weight: 700
+      &:hover
+        color: $accent-color
+
+@media (max-width: 768px)
+  header
+    .logo
+      margin: 10px 30px 0px 0px
+    nav
+      margin: 0px
+      margin-top: 18px
+      float: left
+      a
+        margin-left: 0px
+        margin-right: 20px
+        font:
+          size: 16px

data/_sass/3-sections/_image.sass

@@ -0,0 +1,31 @@
+.image-container
+  position: relative
+  width: 100%
+  margin-bottom: 20px
+  &:hover .overlay
+    opacity: 1
+  .image
+    display: block
+    width: 100%
+    height: auto
+  .overlay
+    position: absolute
+    top: 0
+    bottom: 0
+    left: 0
+    right: 0
+    height: 100%
+    width: 100%
+    opacity: 0
+    //transition: .5s ease
+    background-color: rgba(255,255,255,0.05)
+  .text
+    color: black
+    font:
+      size: 24px
+      weight: 700
+    position: absolute
+    top: 50%
+    left: 50%
+    transform: translate(-50%, -50%)
+    -ms-transform: translate(-50%, -50%)

data/_sass/3-sections/_page.sass

@@ -0,0 +1,17 @@
+.page-content
+  width: 450px
+  margin: 30px
+  h1
+    line-height: 1.5
+    color: black
+    font:
+      size: 30px
+      weight: 700
+  p
+    line-height: 1.5
+    font:
+      size: 16px
+
+@media (max-width: 768px)
+  .page-content
+    width: 80vw

data/_sass/3-sections/_post.sass

@@ -0,0 +1,24 @@
+.post-container
+  max-width: 600px
+  margin: 0px auto 30px
+  position: relative
+  display: block
+  h4
+    color: black
+    line-height: 1.2
+    margin-bottom: 10px
+    font:
+      weight: 700
+      size: 24px
+  img
+    max-width: 100%
+  a
+    &:hover img
+      opacity: 0.5
+  .post-return
+    cursor: pointer
+    font:
+      size: 24px
+    +position(absolute, -3px null null -35px)
+  .loading
+    text-align: center

data/_sass/3-sections/_projects.sass

@@ -0,0 +1,44 @@
+.project-container
+  max-width: 750px
+  margin: 0px auto 0px
+  padding: 30px
+  +clearfix
+  .project-unit
+    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)
+    cursor: pointer
+    display: block
+    width: 600px
+    height: 300px
+    margin: 0px auto 30px
+    position: relative
+    overflow: hidden
+    background:
+      position: center center
+      repeat: no-repeat
+      size: cover
+    .project-overlay
+      +position(absolute, 100% 0px null 0px)
+      height: 100%
+      background: fade-out(#333, 0.5)
+      text-align: center
+      //+transition
+      +display(flex)
+      +align-items(center)
+      +justify-content(space-around)
+      strong
+        display: block
+        padding: 20px
+        color: white
+        line-height: 1.2
+        font:
+          size: 24px
+          weight: 300
+    &:hover .project-overlay
+      +position(absolute, 0px 0px null 0px)
+
+@media (max-width: 768px)
+  .project-container
+    max-width: 80vw
+    .project-unit
+      width: 80vw
+      height: 40vw