Merge pull request #1 from BrumPHP/devel

SecondeJK · web-flow · commit 1c6b4ab7110c · 2018-04-11T13:43:21.000+01:00
WIP - basic skeleton
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,11 @@
+collections:
+    events:
+        output: true
+        permalink: /events/:path
+    sponsors:
+        output: false
+sass:
+    style: compressed
+    sass_dir: assets/scss
+
+future: true
diff --git a/_events/2018-02-22-introductions.md b/_events/2018-02-22-introductions.md
@@ -0,0 +1,10 @@
+---
+title: Introductions
+date: Thu Feb 22 2018
+description: >
+    Our first event will consist of a 20 minute introductory talk by co-organizer Jim Seconde on the group's founding, aims and goals. It's a chance to introduce what we're about, and what subjects/activities members would like to see for future events.
+link: https://www.meetup.com/brumphp/events/246873021/
+location: Talis
+uuid: 19891ca8-c102-48ae-85ff-831db2c3250e
+layout: event
+---
diff --git a/_events/2018-03-27-railway-oriented-programming.md b/_events/2018-03-27-railway-oriented-programming.md
@@ -0,0 +1,10 @@
+---
+title: Railway-Oriented Programming with Stuart Herbert
+date: Wed Mar 28 2018
+description: >
+    Another warm welcome to brumPHP! We're building on our successful introductory event by welcoming veteran PHP speaker Stuart Herbert to 1000 Trades in the Jewellery Quarter, to talk about functional programming
+link: https://www.meetup.com/brumphp/events/246966799/
+location: 1000 Trades
+uuid: 006cbc2d-000b-4ba9-9fbf-aae0dcf4f2b9
+layout: event
+---
diff --git a/_includes/component/footer.html b/_includes/component/footer.html
@@ -0,0 +1,9 @@
+<footer class="navbar-fixed-bottom page-footer brum--bg--navy-blue--tinted brum--fg--white pt-4 pb-4">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-6">
+                © BrumPHP 2018
+            </div>
+        </div>
+    </div>
+</footer>
diff --git a/_includes/component/header.html b/_includes/component/header.html
@@ -0,0 +1,18 @@
+<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="/sponsors">Our Sponsors</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="/community">Community</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+</header>
diff --git a/_includes/component/summary.html b/_includes/component/summary.html
@@ -0,0 +1,13 @@
+<div class="col-md-4 brum--summary">
+    <h3>{{include.summary.title}}</h3>
+    <p class="description">{{include.summary.description}}</p>
+    {% if include.summary.img %}
+        <div class="img-container">
+            <img src="{{include.summary.img}}" />
+        </div>
+    {% endif %}
+
+    {% if include.summary.link %}
+        <p><a class="btn btn-secondary" href="{{include.summary.link}}" role="button">{{ include.summary.buttonText | default: 'View More' }} &raquo;</a></p>
+    {% endif %}
+</div>
diff --git a/_layouts/event.html b/_layouts/event.html
@@ -0,0 +1,5 @@
+---
+layout: layout
+---
+
+{{content}}
diff --git a/_layouts/landingpage.html b/_layouts/landingpage.html
@@ -0,0 +1,5 @@
+---
+layout: layout
+---
+
+{{content}}
diff --git a/_layouts/layout.html b/_layouts/layout.html
@@ -0,0 +1,15 @@
+<!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>
+        <div class="content">
+            {% include component/header.html %}
+            {{ content }}
+        </div>
+
+        {% include component/footer.html %}
+    </body>
+</html>
diff --git a/_sponsors/jetbrains.md b/_sponsors/jetbrains.md
@@ -0,0 +1,6 @@
+---
+title: JetBrains
+description: JetBrains have kindly given us licenses to their development tools to give away at meetups.
+img: /assets/images/jetbrains.png
+link: https://www.jetbrains.com/
+---
diff --git a/_sponsors/packt.md b/_sponsors/packt.md
@@ -0,0 +1,6 @@
+---
+title: Packt
+description: Packt are supporting the event by providing select copies of free PHP eBooks to attendees.
+img: /assets/images/packt.png
+link: https://www.packtpub.com/
+---
diff --git a/_sponsors/z-your-company.md b/_sponsors/z-your-company.md
@@ -0,0 +1,4 @@
+---
+title: Your Company
+description: Interested in sponsoring the group? <a href="/community">Contact the organisers</a>
+---
diff --git a/assets/images/jetbrains.png b/assets/images/jetbrains.png
diff --git a/assets/images/packt.png b/assets/images/packt.png
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,109 @@
+$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;
+        }
+    }
+}
+
+.content {
+    min-height: calc(100vh - 70px);
+}
+
+.footer {
+    height: 50px;
+}
+
+h1 {
+    margin-top: 10px;
+}
+
+.brum--summary {
+    padding-top: 20px;
+}
+
+.brum--summary h3 {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.brum--summary .img-container {
+    height: 120px;
+}
+
+.brum--summary img {
+    width: 40%;
+    max-width: 110px;
+    margin: 10px auto;
+    display: block;
+}
+
+.brum--summary .description {
+    $line-height: 1.5;
+    $font-size: 1rem;
+    $lines-to-show: 3;
+    display: block;
+    display: -webkit-box;
+    overflow: hidden;
+    height: $font-size * $line-height * $lines-to-show;
+    -webkit-line-clamp: $lines-to-show;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+}
diff --git a/community.md b/community.md
@@ -0,0 +1,42 @@
+---
+title: Community
+layout: landingpage
+community:
+  -
+    title: Meetup
+    description: Join the meetup group for event announcements and updates!
+    img: https://upload.wikimedia.org/wikipedia/commons/6/6b/Meetup_Logo.png
+    link: https://www.meetup.com/brumphp/
+    buttonText: Join the group
+  -
+    title: Twitter
+    description: We like to shout about tech and Birmingham. Tweet us with questions and follow for updates.
+    img: http://www.stickpng.com/assets/images/580b57fcd9996e24bc43c53e.png
+    link: https://twitter.com/brumphp
+    buttonText: Follow us
+  -
+    title: Slack
+    description: "You can talk to us on the Brum Tech slack. We're the #brumphp channel."
+    img: https://upload.wikimedia.org/wikipedia/commons/7/76/Slack_Icon.png
+    link: https://upload.wikimedia.org/wikipedia/commons/7/76/Slack_Icon.png
+    buttonText: Join the BrumTech Slack
+---
+
+<main role="main">
+    <div class="container">
+        <h1>{{page.title}}</h1>
+        <div class="row">
+            <div class="col-md-12">
+                <p>
+                    Here's 3 quick ways to get involved with the community. Any questions can sent via any of the following.
+                </p>
+            </div>
+        </div>
+        <hr />
+        <div class="row">
+            {% for item in page.community %}
+                {% include component/summary.html summary=item %}
+            {% endfor %}
+        </div>
+    </div>
+</main>
diff --git a/index.md b/index.md
@@ -0,0 +1,33 @@
+---
+title: BrumPHP
+layout: landingpage
+---
+
+<main role="main">
+    <div class="jumbotron mb-0">
+        <div class="container">
+            <h1 class="display-3">BrumPHP</h1>
+            <p>
+                We are starting on a mission to showcase, discuss and learn anything in the world of PHP Developer life, encompassing anything from Symfony and Laravel, Composer, Personal/Commercial app demos, Toolchains, Dev culture and of course, Birmingham.
+                <br/>
+                Don't hesitate to <a href="/community">get in touch</a> if there is a subject or idea you'd like to discuss!
+            </p>
+        </div>
+    </div>
+</main>
+<section class="brum--bg--yellow brum--fg--white">
+    <div class="container">
+        {% assign nextEvent = site.events.last %}
+        <p class="py-4">Next meetup: <a class="py-4" class="brum--fg--navy-blue" href="{{nextEvent.link}}">{{nextEvent.date | date: "%a %b %d %Y"}} at {{nextEvent.location}}</a></p>
+    </div>
+</section>
+<section>
+    <div class="container pb-2">
+        <h2>Events</h2>
+        <div class="row">
+            {% for event in site.events reversed limit:3 %}
+                {% include component/summary.html summary=event %}
+            {% endfor %}
+        </div>
+    </div>
+</section>
diff --git a/sponsors.md b/sponsors.md

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.`