lets-collab 0.1.1 → 0.1.2

data/_layouts/post.html

@@ -1,3 +1,3 @@
----
-layout: default
----
+---
+layout: default
+---

data/_sass/base.scss

@@ -1,282 +1,300 @@
-* {
-  box-sizing: border-box;
-  margin:0;
-  padding:0;
-}
-
-img {
-  max-width: 100%;
-}
-
-div {
-  position: relative;
-}
-
-/* Utility Classes */
-
-.vertical-align {
-  display: flex;
-  align-items: center;
-}
-
-.center {
-  text-align: center;
-}
-
-.margin-top {
-  margin-top: 5vh;
-}
-
-.no-padding {
-  padding: 0;
-}
-
-/* Universal Styles */
-
-body {
-  font-family: 'Lato', sans-serif;
-  color: rgb(90,90,90);
-}
-h2 {
-  color: #e74c3c;
-  font-family: 'Playfair Display', serif;
-  font-weight: normal;
-  font-size: 2rem;
-  margin-top: 1rem;
-  margin-bottom: 0.5rem;
-  text-align:center;
-}
-
-h3 {
-  font-weight: normal;
-    font-family: 'Playfair Display', serif;
-}
-
-a {
-  color: #e74c3c;
-  padding-bottom: 2px;
-  border-bottom: 1px solid #e74c3c;
-  text-decoration: none;
-  position: relative;
-  top:0;
-  transition: 0.3s;
-}
-
-a:hover {
-  color: rgb(120,120,120);
-  border-color: rgb(120,120,120);
-  top:2px;
-  position: relative;
-}
-
-p {
-  line-height: 1.4;
-  margin: 0.8rem 0;
-  font-weight: 300;
-  text-align: center;
-}
-
-p span {
-  font-weight: bold;
-  padding-right: 10px;
-}
-
-
-ul {
-  list-style: inside;
-}
-
-li {
-    margin: 0.5rem 0;
-    font-weight: 300;
-}
-
-hr {
-  border: none;
-  border-bottom: 3px solid #e74c3c;
-  width: 50px;
-  margin:1rem auto 3rem;
-}
-
-section {
-  padding: 8vh 10%;
-}
-
-section:nth-child(odd) {
-    background-color: rgb(250,250,252);
-}
-
-
-/* Banner */
-
-.banner {
-  padding: 0;
-  margin: 0;
-  min-height:100vh;
-}
-
-.banner .inner {
-  background-color: rgb(60,60,65);
-  color: white;
-  position: relative;
-  text-align:center;
-  padding: 2vh 5% 2vh 5%;
-}
-
-.bg {
-  background-position: center;
-  background-size: cover;
-  padding-bottom:30%;
-}
-.banner .bg {
-  min-height: 80vh;
-}
-
-.pin-bottom {
-  position: absolute;
-  padding: 1rem;
-  margin: 0;
-  bottom: 0;
-  letter-spacing: 2px;
-  width: 100%;
-  left:0;
-  right:0;
-}
-
-.banner h2 {
-  margin: 0.5rem;
-  color: white;
-}
-
-
-/* Featured */
-
-section.featured {
-  background-color: #e63f4f;
-  color: white;
-  text-align: center;
-}
-
-.featured a,
-.featured h2 {
-  color: white;
-  border-color: white;
-}
-
-.featured hr {
-  margin: auto;
-  border-color: white;
-}
-
-.banner-color {
-  background-color:rgb(90,90,95);
-}
-
-/* Stats Section */
-span.info {
-    font-size: 3rem;
-    display: block;
-}
-span.info-subtitle {
-    text-transform: uppercase;
-    letter-spacing: 1px;
-    font-size: 0.8rem;
-}
-
-.stats-section h3 {
-  margin-top: 1rem;
-}
-
-/* Gallery */
-.gallery-section [class*=col] {
-   padding: 1px;
-}
-
-.gallery-item {
-    padding-bottom: 100%;
-    background-size: cover;
-}
-.caption {
-  background-color: rgb(240,240,240);
-  margin: 0;
-  padding: 0.5rem;
-}
-/* testimonials */
-.testimonial {
-    padding: 0 4% 0 4%;
-    text-align: left;
-    margin-top: 1rem;
-    border-left: 1px solid rgb(200,200,200);
-}
-
-.testimonial p {
-  text-align: left;
-}
-
-/* Brand partnerships logos */
-.logo-item {
-    padding-bottom: 60%;
-    background-size: contain;
-    background-repeat: no-repeat;
-}
-/* Footer */
-footer {
-  padding:1rem;
-}
-
-footer p {
-    line-height: 1.5;
-    font-weight: normal;
-    color: rgb(120,120,125);
-    font-size: 0.8rem;
-}
-footer a {
-  border: none;
-}
-footer a:hover {
-  top:0;
-}
-
-.subtle {
-  color: rgb(120,120,125);
-  font-weight: lighter;
-}
-
-.subtle a {
-    color: rgb(120,120,125);
-    font-weight: normal;
-}
-
-
-/* Responsive */
-.mob-show {
-  display:none;
-}
-
-/* banners */
-@media(max-width:768px) {
-  section {
-    padding: 5vh 5%;
-  }
-  .banner {
-    min-height: 0;
-  }
-  .logo {
-    max-height: 15vh;
-  }
-  .vertical-align {
-    display: block;
-  }
-  .mob-hide {
-    display: none!important;
-  }
-  .mob-show {
-    display:block;
-  }
-  /* stats */
-  .stats-section [class*='col'] {
-    padding: 1rem;
-    border: 1px solid rgb(245,245,245);
-  }
-
-} /* end of media query */
+* {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin:0;
+  padding:0;
+}
+
+img {
+  max-width: 100%;
+}
+
+div {
+  position: relative;
+}
+
+
+/* Utility Classes */
+
+.vertical-align {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.center {
+  text-align: center;
+}
+
+.margin-top {
+  margin-top: 5vh;
+}
+
+.no-padding {
+  padding: 0;
+}
+
+.full-width {
+   width: 100%;
+}
+
+
+/* Universal Styles */
+
+body {
+  font-family: 'Montserrat', sans-serif;
+  color: rgb(90,90,90);
+}
+
+h1 {
+
+   font-weight: normal;
+   font-size: 2.5rem;
+}
+
+h2 {
+  color: #e74c3c;
+  font-family: 'Playfair Display', serif;
+  font-weight: normal;
+  font-size: 2rem;
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+  text-align:center;
+}
+
+h3 {
+  font-weight: normal;
+    font-family: 'Playfair Display', serif;
+}
+
+a {
+  color: #e74c3c;
+  padding-bottom: 2px;
+  border-bottom: 1px solid #e74c3c;
+  text-decoration: none;
+  position: relative;
+  top:0;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+a:hover {
+  color: rgb(120,120,120);
+  border-color: rgb(120,120,120);
+  top:2px;
+  position: relative;
+}
+
+p {
+  line-height: 1.4;
+  margin: 0.8rem 0;
+  font-weight: 300;
+  text-align: center;
+}
+
+p span {
+  font-weight: bold;
+  padding-right: 10px;
+}
+
+
+ul {
+  list-style: inside;
+}
+
+li {
+    margin: 0.5rem 0;
+    font-weight: 300;
+}
+
+hr {
+  border: none;
+  border-bottom: 3px solid #e74c3c;
+  width: 50px;
+  margin:1rem auto 3rem;
+}
+
+section {
+  padding: 8vh 10%;
+}
+
+section:nth-child(odd) {
+    background-color: rgb(250,250,252);
+}
+
+
+/* Banner */
+
+.banner {
+  padding: 0;
+  margin: 0;
+  min-height:100vh;
+}
+
+.banner .inner {
+  color: white;
+  position: relative;
+  text-align:center;
+  padding: 2vh 5% 2vh 5%;
+}
+
+.bg {
+  background-position: center;
+  background-size: cover;
+  padding-bottom:30%;
+}
+.banner .bg {
+  min-height: 80vh;
+}
+
+.pin-bottom {
+  position: absolute;
+  padding: 1rem;
+  margin: 0;
+  bottom: 0;
+  letter-spacing: 2px;
+  width: 100%;
+  left:0;
+  right:0;
+}
+
+.banner h2 {
+  margin: 0.5rem;
+  color: white;
+}
+
+
+/* Featured */
+
+section.featured {
+  background-color: #e63f4f;
+  color: white;
+  text-align: center;
+}
+
+.featured a,
+.featured h2 {
+  color: white;
+  border-color: white;
+}
+
+.featured hr {
+  margin: auto;
+  border-color: white;
+}
+
+.banner-color {
+  background-color:rgb(90,90,95);
+}
+
+/* Stats Section */
+span.info {
+    font-size: 3rem;
+    display: block;
+}
+span.info-subtitle {
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    font-size: 0.8rem;
+}
+
+.stats-section h3 {
+  margin-top: 1rem;
+}
+
+/* Gallery */
+.gallery-section [class*=col] {
+   padding: 1px;
+}
+
+.gallery-item {
+    padding-bottom: 100%;
+    background-size: cover;
+}
+.caption {
+  background-color: rgb(240,240,240);
+  margin: 0;
+  padding: 0.5rem;
+}
+/* testimonials */
+.testimonial {
+    padding: 0 4% 0 4%;
+    text-align: left;
+    margin-top: 1rem;
+    border-left: 1px solid rgb(200,200,200);
+}
+
+.testimonial p {
+  text-align: left;
+}
+
+/* Brand partnerships logos */
+.logo-item {
+    padding-bottom: 60%;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+/* Footer */
+footer {
+  padding:1rem;
+}
+
+footer p {
+    line-height: 1.5;
+    font-weight: normal;
+    color: rgb(120,120,125);
+    font-size: 0.8rem;
+}
+footer a {
+  border: none;
+}
+footer a:hover {
+  top:0;
+}
+
+.subtle {
+  color: rgb(120,120,125);
+  font-weight: lighter;
+}
+
+.subtle a {
+    color: rgb(120,120,125);
+    font-weight: normal;
+}
+
+
+/* Responsive */
+.mob-show {
+  display:none;
+}
+
+/* banners */
+@media(max-width:768px) {
+  section {
+    padding: 5vh 5%;
+  }
+  .banner {
+    min-height: 0;
+  }
+  .logo {
+    max-height: 15vh;
+  }
+  .vertical-align {
+    display: block;
+  }
+  .mob-hide {
+    display: none!important;
+  }
+  .mob-show {
+    display:block;
+  }
+  /* stats */
+  .stats-section [class*='col'] {
+    padding: 1rem;
+    border: 1px solid rgb(245,245,245);
+  }
+
+} /* end of media query */