opposition-theme 0.1.0

data/_sass/home/_services.scss

@@ -0,0 +1,100 @@
+#services {
+  background: url("../../assets/img/services-bg.jpg") center top / cover fixed no-repeat;
+  text-align: center;
+  padding: 40px 0;
+  .services-list {
+    @include center;
+    position: relative;
+    overflow: auto;
+    margin: 30px auto 0 auto;
+    &:after {
+      content: '';
+      background: $accentFontColor;
+      display: none;
+      position: absolute;
+      top: 15px;
+      left: 50%;
+      height: 98%;
+      width: 1px;
+    }
+    li {
+      position: relative;
+      width: 100%;
+      clear: both;
+      margin: 0 0 30px 0;
+      h3 {
+        display: inline-block;
+        vertical-align: middle;
+        letter-spacing: .2em;
+      }
+      span {
+        color: $accentFontColor;
+        font-size: 2em;
+        vertical-align: middle;
+      }
+      p {
+        color: white;
+        font-size: .9em;
+        font-weight: 200;
+        line-height: 1.8em;
+      }
+      &:before {
+        content: '';
+        background: $accentFontColor;
+        display: none;
+        position: absolute;
+        top: 5px;
+        width: 14px;
+        height: 14px;
+        border-radius: 50%;
+      }
+      &:nth-child(odd) {
+        float: left;
+        text-align: right;
+        padding: 0;
+        span {
+          display: inline-block;
+        }
+      }
+      &:nth-child(even) {
+        float: left;
+        text-align: left;
+        padding: 0;
+      }
+    }
+  }
+}
+
+@media only screen and (min-width: $windowSize) {
+  #services {
+    padding: 80px 0 40px 0;
+    .services-list {
+      &:after {
+        display: block;
+      }
+      li {
+        width: 38%;
+        &:before {
+          display: block;
+        }
+        &:nth-child(odd) {
+          float: left;
+          padding: 0 2% 0 10%;
+          span {
+            display: inline-block;
+          }
+          &:before {
+            right: -8px;
+          }
+        }
+        &:nth-child(even) {
+          float: right;
+          padding: 0 10% 0 2%;
+          &:before {
+            left: -6px;
+          }
+        }
+      }
+    }
+  }
+}

data/_sass/home/_testimonial.scss

@@ -0,0 +1,61 @@
+#platform {
+  background: $accentFontColor;
+  padding: 30px 0;
+  ul {
+    @include center;
+    width: 100%;
+    padding: 0%;
+    display: block;
+  }
+  li {
+    flex: 1 auto;
+    width: 90%;
+    padding: 0 5%;
+    &:nth-child(2) {
+      img {
+        max-width: 70px;
+      }
+    }
+  }
+  h3 {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    float: none;
+    background: #2e2e2e;
+    width: 130px;
+    height: 130px;
+    margin: 0 auto;
+    border-radius: 50%;
+    img {
+      flex: 1 auto;
+      max-width: 100px;
+      // max-height: 80px;
+      // max-width: 90px;
+    }
+  }
+  p {
+    font-size: .75em;
+    line-height: 2em;
+    text-align: left;
+    margin: 20px 0 0 0;
+
+  }
+}
+
+@media only screen and (min-width: $windowSize) {
+  #platform {
+    padding: 0;
+    ul {
+      display: flex;
+      border-right: 1px solid black;
+    }
+    li {
+      padding: 5%;
+      border-left: 1px solid black;
+    }
+    p {
+      text-align: justify;
+    }
+  }
+}

data/_sass/opposition.scss

@@ -0,0 +1,139 @@
+@charset "utf-8";
+
+// Define defaults for each variable.
+$titleFont: "ff-good-headline-web-pro-con",sans-serif;
+$base-font-family: "acumin-pro-condensed", sans-serif !default;
+$base-font-size:   16px !default;
+$base-font-weight: 400 !default;
+$small-font-size:  $base-font-size * 0.875 !default;
+$base-line-height: 1.5 !default;
+
+$spacing-unit:     30px !default;
+
+$accentFontColor: #c1a468;
+$mainFontColor: #2e2e2e;
+
+// Width of the content area
+$windowSize: 940px;
+$maxWidth: 720px;
+
+// $content-width:    800px !default;
+
+// $on-palm:          600px !default;
+// $on-laptop:        800px !default;
+
+
+@mixin button {
+  color: $accentFontColor;
+  padding: 5px 20px;
+  border: 1px solid $accentFontColor;
+  &:hover {
+    color: lighten($accentFontColor, 20%);
+    border: 1px solid lighten($accentFontColor, 20%);
+  }
+}
+@mixin center {
+  float: none;
+  max-width: $maxWidth;
+  width: 90%;
+  padding: 0 5%;
+  margin: 0 auto;
+  @media only screen and (min-width: $windowSize) {
+    width: 100%;
+    padding: 0;
+  }
+}
+@mixin title {
+  font-weight: 400;
+  color: $accentFontColor;
+  text-transform: uppercase;
+}
+@mixin link-border {
+  color: $accentFontColor;
+  border: 1px solid $accentFontColor;
+  &:hover {
+    color: lighten($accentFontColor, 20%);
+    border: 1px solid lighten($accentFontColor, 20%);
+  }
+}
+
+@mixin submit-button {
+  background: $accentFontColor;
+  color: #2e2e2e;
+  text-transform: uppercase;
+  font-size: 1em;
+  padding: 0 15px;
+  border: none;
+  cursor: pointer;
+  &.disabled {
+    background: #ccc;
+    pointer-events: none;
+    cursor: no-drop;
+  }
+}
+
+@mixin media-query($device) {
+  @media screen and (min-width: $device) {
+    @content;
+  }
+}
+
+@mixin relative-font-size($ratio) {
+  font-size: $base-font-size * $ratio;
+}
+
+.page-header {
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  position: relative;
+  height: 485px;
+  width: 100%;
+  overflow: hidden;
+  margin-bottom: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+  .header-title {
+    @include center;
+    flex: 1 auto;
+    max-width: 980px;
+    margin-bottom: 30px;
+    text-align: left;
+    h2 {
+      font-size: 3em;
+      font-weight: 600;
+      letter-spacing: 0;
+      text-transform: none;
+      color: white;
+    }
+  }
+}
+
+.category {
+  display: inline-block;
+  color: white;
+  margin-right: 10px;
+  i {
+    &:before {
+      color: $accentFontColor;
+      vertical-align: middle;
+    }
+  }
+}
+
+// Import partials.
+@import
+  "base/reset",
+  "base/header",
+  "base/footer",
+  "base/sidebar",
+  "home/about",
+  "home/contact",
+  "home/home",
+  "home/partners",
+  "home/services",
+  "home/testimonial",
+  "page/news",
+  "post/post"
+;

data/_sass/page/_news.scss

@@ -0,0 +1,91 @@
+.page {
+  @include center;
+  max-width: 980px;
+  text-align: center;
+  .post-list {
+    display: inline-block;
+    vertical-align: top;
+    width: 70%;
+    max-width: 585px;
+    text-align: left;
+    li {
+      padding-bottom: 50px;
+    }
+    figure, img {
+      width: 100%;
+    }
+    figure {
+      position: relative;
+      overflow: hidden;
+      height: 280px;
+      margin-bottom: 20px;
+    }
+    img {
+      position: absolute;
+      top: 0;
+      left: 50%;
+      transform: translate(-50%, 0);
+    }
+    .post-details, h2 {
+      display: inline-block;
+      vertical-align: middle;
+      max-width: 75%;
+    }
+    h2 {
+      text-transform: none;
+      font-size: 2.5em;
+      letter-spacing: 0;
+      line-height: 1.1em;
+      margin-left: 5%;
+    }
+    header {
+      position: relative;
+      background: $accentFontColor;
+      display: inline-block;
+      width: 105%;
+      padding: 2.5%;
+      margin: 0 0 -20px -13%;
+      z-index: 2;
+      a {
+        font-weight: 500 !important;
+      }
+      .month, .day, a {
+        color: $mainFontColor;
+        font-weight: 700;
+      }
+      .month {
+        font-size: .9em;
+      }
+      .day {
+        font-size: 1.4em;
+        line-height: .9em;
+      }
+      .social-media {
+        display: flex;
+        clear: both;
+      }
+      .social-media-button {
+        text-align: center;
+        flex: 1 auto;
+        border: 2px solid $mainFontColor;
+        border-top: none;
+        padding: 3px 0;
+        font-size: .8em;
+      }
+      .twitter-button {
+        border-right: none;
+      }
+    }
+    time {
+      float: left;
+      text-align: center;
+      padding: 5px 15px 10px 15px;
+      border: 2px solid $mainFontColor;
+    }
+    .post-description {
+      a {
+        color: $mainFontColor !important;
+      }
+    }
+  }
+}

data/_sass/post/_post.scss

@@ -0,0 +1,19 @@
+.post {
+	.wrapper {
+		@include center;
+		max-width: 980px;
+		text-align: left;
+		.post-format {
+			display: inline-block;
+			vertical-align: top;
+		    width: 70%;
+		    max-width: 595px;
+		    text-align: left;
+		}
+	}
+	.created-at {
+		color: white;
+		border-left: 1px solid white;
+		padding-left: 10px;
+	}
+}

data/assets/img/Eye.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 396 144" style="enable-background:new 0 0 396 144;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#C1A469;}
+</style>
+<g>
+	<path class="st0" d="M287.5,70.9c-12-27.5-48.1-46-89.8-46c-41.7,0-77.8,18.5-89.8,46l-0.4,0.9l0.4,0.9c12,27.5,48.1,46,89.8,46
+		c41.7,0,77.8-18.5,89.8-46l0.4-0.9L287.5,70.9z M197.7,114.2c-38.8,0-73.6-17.4-85.2-42.4c11.6-25,46.4-42.4,85.2-42.4
+		c38.8,0,73.6,17.4,85.2,42.4C271.4,96.8,236.6,114.2,197.7,114.2z"/>
+	<path class="st0" d="M197.7,43.6c-15.6,0-28.3,12.7-28.3,28.2s12.7,28.2,28.3,28.2c15.6,0,28.2-12.7,28.2-28.2
+		S213.3,43.6,197.7,43.6z M197.7,95.5c-13.1,0-23.7-10.6-23.7-23.7c0-13.1,10.6-23.7,23.7-23.7c13.1,0,23.7,10.6,23.7,23.7
+		C221.5,84.9,210.8,95.5,197.7,95.5z"/>
+	<path class="st0" d="M197.7,58.5c-7.4,0-13.4,6-13.4,13.3c0,7.4,6,13.3,13.4,13.3c7.4,0,13.3-6,13.3-13.3
+		C211.1,64.5,205.1,58.5,197.7,58.5z M197.7,80.6c-4.9,0-8.8-3.9-8.8-8.8c0-4.9,4-8.8,8.8-8.8c4.8,0,8.8,3.9,8.8,8.8
+		C206.5,76.7,202.6,80.6,197.7,80.6z"/>
+</g>
+</svg>

data/assets/img/Phoenix.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 396 144" style="enable-background:new 0 0 396 144;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#C1A469;}
+</style>
+<path class="st0" d="M282.3,16.7c-11.4,3.2-38.2,10.6-44.5,12.4c-0.9,0.2-1.5,0.8-2,1.6c-7.3,13-21.5,28.6-37.8,28.6
+	c-16.3,0-30.5-15.6-37.8-28.6c-0.4-0.8-1.1-1.3-2-1.6l-44.5-12.4c-2.4-0.7-4.7,1.5-4.1,3.9c1.2,5.3,2.8,11,5.1,16.8
+	c5.9,0.9,11,1.7,11,1.7s-4.4,3.5-7.5,6c2.5,4.9,5.5,9.7,9.2,14.3c3.3-1.3,5.6-2.3,5.6-2.3s-1.1,3-2.2,6.1c4.1,4.5,9,8.6,14.7,12.2
+	c1.4-1.1,2.2-1.8,2.2-1.8s-0.1,1.3-0.2,3c6,3.5,12.9,6.4,20.8,8.5c1.1-1.4,1.8-2.2,1.8-2.2s0.2,1.2,0.4,2.8c1.4,0.3,2.8,0.6,4.2,0.9
+	c1.6,0.3,2.7,1.7,2.7,3.2v12.9c0,1.2,0.7,2.3,1.7,2.9l17.2,9.4c1,0.5,2.2,0.5,3.2,0l17.2-9.4c1.1-0.6,1.7-1.7,1.7-2.9V89.9
+	c0-1.6,1.1-2.9,2.7-3.2c1.4-0.3,2.8-0.6,4.2-0.9c0.3-1.6,0.4-2.8,0.4-2.8s0.7,0.9,1.8,2.2c7.9-2.1,14.8-5,20.8-8.5
+	c-0.1-1.8-0.2-3-0.2-3s0.9,0.7,2.2,1.8c5.7-3.6,10.6-7.7,14.7-12.2c-1.1-3.1-2.2-6.1-2.2-6.1s2.3,1,5.6,2.3
+	c3.7-4.6,6.8-9.4,9.2-14.3c-3.1-2.5-7.5-6-7.5-6s5.1-0.8,11-1.7c2.3-5.8,4-11.5,5.1-16.8C287,18.1,284.7,16,282.3,16.7z"/>
+</svg>