feature(): wip - basic skeleton

alexwilson · alexwilson · commit 98d8793e6b6e · 2018-03-07T09:17:59.000Z
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.sass-cache
+_site
diff --git a/Gemfile b/Gemfile
@@ -0,0 +1,3 @@
+source 'https://rubygems.org'
+
+gem 'jekyll'
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -0,0 +1,61 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.5.2)
+      public_suffix (>= 2.0.2, < 4.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.0.5)
+    em-websocket (0.5.1)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0.6.0)
+    eventmachine (1.2.5)
+    ffi (1.9.18)
+    forwardable-extended (2.6.0)
+    http_parser.rb (0.6.0)
+    i18n (0.9.1)
+      concurrent-ruby (~> 1.0)
+    jekyll (3.7.0)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 0.7)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 1.14)
+      liquid (~> 4.0)
+      mercenary (~> 0.3.3)
+      pathutil (~> 0.9)
+      rouge (>= 1.7, < 4)
+      safe_yaml (~> 1.0)
+    jekyll-sass-converter (1.5.1)
+      sass (~> 3.4)
+    jekyll-watch (2.0.0)
+      listen (~> 3.0)
+    kramdown (1.16.2)
+    liquid (4.0.0)
+    listen (3.1.1)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9.7)
+    mercenary (0.3.6)
+    pathutil (0.16.1)
+      forwardable-extended (~> 2.6)
+    public_suffix (3.0.1)
+    rb-fsevent (0.10.2)
+    rb-inotify (0.9.10)
+      ffi (>= 0.5.0, < 2)
+    rouge (3.1.0)
+    safe_yaml (1.0.4)
+    sass (3.5.5)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  jekyll
+
+BUNDLED WITH
+   1.15.4
diff --git a/README.md b/README.md
@@ -0,0 +1,3 @@
+# BrumPHP
+
+Birmingham PHP community.
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,7 @@
+collections:
+    events:
+        output: true
+        permalink: /:collection/:date-:title
+sass:
+    style: compressed
+    sass_dir: assets/scss
diff --git a/_includes/component/footer.html b/_includes/component/footer.html
@@ -0,0 +1,3 @@
+<footer>
+    Site by Alex
+</footer>
diff --git a/_includes/component/header.html b/_includes/component/header.html
@@ -0,0 +1,24 @@
+<header>
+    <nav class="navbar navbar-dark navbar-expand-sm brum--bg--navy-blue--tinted">
+        <a class="navbar-brand brum--fg--yellow--tinted" href="/">
+            <img src="https://responsiveimages.io/v1/images/https%3A%2F%2Fraw.githubusercontent.com%2FBrumPHP%2FAssets%2Fmaster%2Fbull-logo%2Fbull-highres.png?fill=scale-down&amp;width=200" width="100" height="100" alt="BrumPHP">
+            BrumPHP
+        </a>
+        <div class="">
+            <ul class="navbar-nav mr-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="#">About</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#">Events</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#">Community</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#">Code of Conduct</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+</header>
diff --git a/_layouts/event.html b/_layouts/event.html
@@ -0,0 +1,4 @@
+---
+layout: layout
+---
+{{content}}
diff --git a/_layouts/landingpage.html b/_layouts/landingpage.html
@@ -0,0 +1,4 @@
+---
+layout: layout
+---
+{{content}}
diff --git a/_layouts/layout.html b/_layouts/layout.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+        <link rel="stylesheet" href="/assets/main.css">
+    </head>
+    <body>
+        {% include component/header.html %}
+        {{ content }}
+        {% include component/footer.html %}
+    </body>
+</html>
diff --git a/assets/main.js b/assets/main.js
diff --git a/assets/main.scss b/assets/main.scss
@@ -0,0 +1,4 @@
+---
+---
+
+@import "_palette.scss";
diff --git a/assets/scss/_palette.scss b/assets/scss/_palette.scss
@@ -0,0 +1,63 @@
+$color-interval: 10% !global;
+
+$color--black: #000000;
+$color--white: #FFFFFF;
+$color--royal-blue: #0639A6;
+$color--yellow: #EDAE49;
+$color--orange: #D1495B;
+$color--teal-blue: #00798C;
+$color--navy-blue: #003D5B;
+
+$palette: (
+  'white': $color--white,
+  'black': $color--black,
+  'royal-blue': $color--royal-blue,
+  'yellow': $color--yellow,
+  'orange': $color--orange,
+  'teal-blue': $color--teal-blue,
+  'navy-blue': $color--navy-blue,
+);
+
+@function brum-color($key: 'royal-blue') {
+    @return map-get($palette, $key);
+}
+
+@function brum-color-level($color-name: 'primary', $level: 0) {
+    $color: brum-color($color-name);
+    $color-base: if($level < 0, $color--black, $color--white);
+  
+    @return mix($color-base, $color, $level * $color-interval);
+}
+  
+
+@each $name, $color in $palette {
+    .brum--bg--#{$name} {
+      background-color: $color !important;
+      &--shaded {
+        background-color: brum-color-level($name, 0) !important;
+      }
+      &--tinted {
+        background-color: brum-color-level($name, 1) !important;
+      }
+    }
+
+    .brum--fg--#{$name} {
+        color: $color !important;
+        &--shaded {
+            color: brum-color-level($name, 0) !important;
+        }
+        &--tinted {
+            color: brum-color-level($name, 1) !important;
+        }
+    }
+
+    .brum--bd--#{$name} {
+        border-color: $color !important;
+        &--shaded {
+            border-color: brum-color-level($name, 0) !important;
+        }
+        &--tinted {
+            border-color: brum-color-level($name, 1) !important;
+        }
+    }
+}
diff --git a/index.md b/index.md
@@ -0,0 +1,66 @@
+---
+layout: landingpage
+---
+
+<main role="main">
+    <div class="jumbotron mb-0">
+        <div class="container">
+            <h1 class="display-3">BrumPHP</h1>
+            <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
+            <p><a class="btn btn-primary btn-lg brum--bg--teal-blue brum--bd--teal-blue" href="/" role="button">Learn more &raquo;</a></p>
+        </div>
+    </div>
+</main>
+<section class="brum--bg--yellow brum--fg--white">
+    <div class="container">
+        <p class="py-4">Meeting on the third Thursday of every month at 6:30PM.</p>
+    </div>
+</section>
+<section>
+    <div class="container">
+        <h2>Upcoming Events</h2>
+        <div class="row">
+            <div class="col-md-4">
+                <h3>Event</h3>
+                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+                <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+            </div>
+            <div class="col-md-4">
+                <h3>Event</h3>
+                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+                <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+            </div>
+            <div class="col-md-4">
+                <h3>Event</h3>
+                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+                <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+            </div>
+        </div>
+    </div>
+</section>
+<hr>
+<section>
+    <div class="container">
+        <h2>Previous Events</h2>
+        <div class="row">
+            <div class="col-md-4">
+                <h3>Event</h3>
+                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+                <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+            </div>
+            <div class="col-md-4">
+                <h3>Event</h3>
+                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+                <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+            </div>
+            <div class="col-md-4">
+                <h3>Event</h3>
+                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+                <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+            </div>
+        </div>
+    </div>
+</section>
+<section>
+Our Supporters
+</section>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+source 'https://rubygems.org'`
	`2`	`+`
	`3`	`+gem 'jekyll'`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# BrumPHP`
	`2`	`+`
	`3`	`+Birmingham PHP community.`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<footer>`
	`2`	`+ Site by Alex`
	`3`	`+</footer>`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +---
 +layout: layout
 +---
 +{{content}}