Skip to content

Commit 98d8793

Browse files
alexwilsonalexwilson
committed
feature(): wip - basic skeleton
1 parent 4ac4fb5 commit 98d8793

File tree

14 files changed

+256
-0
lines changed

14 files changed

+256
-0
lines changed

‎.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
.sass-cache
2+
_site

‎Gemfile

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
source 'https://rubygems.org'
2+
3+
gem 'jekyll'

‎Gemfile.lock

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
GEM
2+
remote: https://rubygems.org/
3+
specs:
4+
addressable (2.5.2)
5+
public_suffix (>= 2.0.2, < 4.0)
6+
colorator (1.1.0)
7+
concurrent-ruby (1.0.5)
8+
em-websocket (0.5.1)
9+
eventmachine (>= 0.12.9)
10+
http_parser.rb (~> 0.6.0)
11+
eventmachine (1.2.5)
12+
ffi (1.9.18)
13+
forwardable-extended (2.6.0)
14+
http_parser.rb (0.6.0)
15+
i18n (0.9.1)
16+
concurrent-ruby (~> 1.0)
17+
jekyll (3.7.0)
18+
addressable (~> 2.4)
19+
colorator (~> 1.0)
20+
em-websocket (~> 0.5)
21+
i18n (~> 0.7)
22+
jekyll-sass-converter (~> 1.0)
23+
jekyll-watch (~> 2.0)
24+
kramdown (~> 1.14)
25+
liquid (~> 4.0)
26+
mercenary (~> 0.3.3)
27+
pathutil (~> 0.9)
28+
rouge (>= 1.7, < 4)
29+
safe_yaml (~> 1.0)
30+
jekyll-sass-converter (1.5.1)
31+
sass (~> 3.4)
32+
jekyll-watch (2.0.0)
33+
listen (~> 3.0)
34+
kramdown (1.16.2)
35+
liquid (4.0.0)
36+
listen (3.1.1)
37+
rb-fsevent (>= 0.9.3)
38+
rb-inotify (>= 0.9.7)
39+
mercenary (0.3.6)
40+
pathutil (0.16.1)
41+
forwardable-extended (~> 2.6)
42+
public_suffix (3.0.1)
43+
rb-fsevent (0.10.2)
44+
rb-inotify (0.9.10)
45+
ffi (>= 0.5.0, < 2)
46+
rouge (3.1.0)
47+
safe_yaml (1.0.4)
48+
sass (3.5.5)
49+
sass-listen (~> 4.0.0)
50+
sass-listen (4.0.0)
51+
rb-fsevent (~> 0.9, >= 0.9.4)
52+
rb-inotify (~> 0.9, >= 0.9.7)
53+
54+
PLATFORMS
55+
ruby
56+
57+
DEPENDENCIES
58+
jekyll
59+
60+
BUNDLED WITH
61+
1.15.4

‎README.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# BrumPHP
2+
3+
Birmingham PHP community.

‎_config.yml

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
collections:
2+
events:
3+
output: true
4+
permalink: /:collection/:date-:title
5+
sass:
6+
style: compressed
7+
sass_dir: assets/scss

‎_includes/component/footer.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<footer>
2+
Site by Alex
3+
</footer>

‎_includes/component/header.html

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<header>
2+
<nav class="navbar navbar-dark navbar-expand-sm brum--bg--navy-blue--tinted">
3+
<a class="navbar-brand brum--fg--yellow--tinted" href="/">
4+
<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">
5+
BrumPHP
6+
</a>
7+
<div class="">
8+
<ul class="navbar-nav mr-auto">
9+
<li class="nav-item">
10+
<a class="nav-link" href="#">About</a>
11+
</li>
12+
<li class="nav-item">
13+
<a class="nav-link" href="#">Events</a>
14+
</li>
15+
<li class="nav-item">
16+
<a class="nav-link" href="#">Community</a>
17+
</li>
18+
<li class="nav-item">
19+
<a class="nav-link" href="#">Code of Conduct</a>
20+
</li>
21+
</ul>
22+
</div>
23+
</nav>
24+
</header>

‎_layouts/event.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
---
2+
layout: layout
3+
---
4+
{{content}}

‎_layouts/landingpage.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
---
2+
layout: layout
3+
---
4+
{{content}}

‎_layouts/layout.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
5+
<link rel="stylesheet" href="/assets/main.css">
6+
</head>
7+
<body>
8+
{% include component/header.html %}
9+
{{ content }}
10+
{% include component/footer.html %}
11+
</body>
12+
</html>

‎assets/main.js

Whitespace-only changes.

‎assets/main.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
---
2+
---
3+
4+
@import "_palette.scss";

‎assets/scss/_palette.scss

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
$color-interval: 10% !global;
2+
3+
$color--black: #000000;
4+
$color--white: #FFFFFF;
5+
$color--royal-blue: #0639A6;
6+
$color--yellow: #EDAE49;
7+
$color--orange: #D1495B;
8+
$color--teal-blue: #00798C;
9+
$color--navy-blue: #003D5B;
10+
11+
$palette: (
12+
'white': $color--white,
13+
'black': $color--black,
14+
'royal-blue': $color--royal-blue,
15+
'yellow': $color--yellow,
16+
'orange': $color--orange,
17+
'teal-blue': $color--teal-blue,
18+
'navy-blue': $color--navy-blue,
19+
);
20+
21+
@function brum-color($key: 'royal-blue') {
22+
@return map-get($palette, $key);
23+
}
24+
25+
@function brum-color-level($color-name: 'primary', $level: 0) {
26+
$color: brum-color($color-name);
27+
$color-base: if($level < 0, $color--black, $color--white);
28+
29+
@return mix($color-base, $color, $level * $color-interval);
30+
}
31+
32+
33+
@each $name, $color in $palette {
34+
.brum--bg--#{$name} {
35+
background-color: $color !important;
36+
&--shaded {
37+
background-color: brum-color-level($name, 0) !important;
38+
}
39+
&--tinted {
40+
background-color: brum-color-level($name, 1) !important;
41+
}
42+
}
43+
44+
.brum--fg--#{$name} {
45+
color: $color !important;
46+
&--shaded {
47+
color: brum-color-level($name, 0) !important;
48+
}
49+
&--tinted {
50+
color: brum-color-level($name, 1) !important;
51+
}
52+
}
53+
54+
.brum--bd--#{$name} {
55+
border-color: $color !important;
56+
&--shaded {
57+
border-color: brum-color-level($name, 0) !important;
58+
}
59+
&--tinted {
60+
border-color: brum-color-level($name, 1) !important;
61+
}
62+
}
63+
}

‎index.md

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
---
2+
layout: landingpage
3+
---
4+
5+
<main role="main">
6+
<div class="jumbotron mb-0">
7+
<div class="container">
8+
<h1 class="display-3">BrumPHP</h1>
9+
<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>
10+
<p><a class="btn btn-primary btn-lg brum--bg--teal-blue brum--bd--teal-blue" href="/" role="button">Learn more &raquo;</a></p>
11+
</div>
12+
</div>
13+
</main>
14+
<section class="brum--bg--yellow brum--fg--white">
15+
<div class="container">
16+
<p class="py-4">Meeting on the third Thursday of every month at 6:30PM.</p>
17+
</div>
18+
</section>
19+
<section>
20+
<div class="container">
21+
<h2>Upcoming Events</h2>
22+
<div class="row">
23+
<div class="col-md-4">
24+
<h3>Event</h3>
25+
<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>
26+
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
27+
</div>
28+
<div class="col-md-4">
29+
<h3>Event</h3>
30+
<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>
31+
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
32+
</div>
33+
<div class="col-md-4">
34+
<h3>Event</h3>
35+
<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>
36+
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
37+
</div>
38+
</div>
39+
</div>
40+
</section>
41+
<hr>
42+
<section>
43+
<div class="container">
44+
<h2>Previous Events</h2>
45+
<div class="row">
46+
<div class="col-md-4">
47+
<h3>Event</h3>
48+
<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>
49+
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
50+
</div>
51+
<div class="col-md-4">
52+
<h3>Event</h3>
53+
<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>
54+
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
55+
</div>
56+
<div class="col-md-4">
57+
<h3>Event</h3>
58+
<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>
59+
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
60+
</div>
61+
</div>
62+
</div>
63+
</section>
64+
<section>
65+
Our Supporters
66+
</section>

0 commit comments

Comments
 (0)