Skip to content

Commit e5cb8d9

Browse files
aceewaceew
committed
//WIP devel- Added in events and next meetup
1 parent 98d8793 commit e5cb8d9

File tree

10 files changed

+71
-59
lines changed

10 files changed

+71
-59
lines changed

‎_config.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
collections:
22
events:
33
output: true
4-
permalink: /:collection/:date-:title
4+
permalink: /events/:path
55
sass:
66
style: compressed
7-
sass_dir: assets/scss
7+
sass_dir: assets/scss

‎_events/1519257600.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
---
2+
# Todo Generate the files in _events using the meetup api and a scheduled task that rebuilds the repo
3+
title: Introductions
4+
date: Thu Feb 22 2018
5+
description: >
6+
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.
7+
link: https://www.meetup.com/brumphp/events/246873021/
8+
location: 1000 Trades
9+
layout: event
10+
---

‎_events/1522191600.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
---
2+
# Todo Generate the files in _events using the meetup api and a scheduled task that rebuilds the repo
3+
title: Railway-Oriented Programming with Stuart Herbert
4+
date: Thu Feb 22 2018
5+
description: >
6+
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
7+
link: https://www.meetup.com/brumphp/events/246966799/
8+
location: Talis
9+
layout: event
10+
---

‎_includes/component/event-summary.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<div class="col-md-4 brum--event-summary">
2+
<h3>{{event.title}}</h3>
3+
<p class="description">{{event.description}}</p>
4+
<p><a class="btn btn-secondary" href="{{event.link}}" role="button">View details &raquo;</a></p>
5+
</div>

‎_includes/component/header.html

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,15 @@
77
<div class="">
88
<ul class="navbar-nav mr-auto">
99
<li class="nav-item">
10-
<a class="nav-link" href="#">About</a>
10+
<a class="nav-link" href="/sponsors">Our Sponsors</a>
1111
</li>
1212
<li class="nav-item">
13-
<a class="nav-link" href="#">Events</a>
13+
<a class="nav-link" href="/community">Community</a>
1414
</li>
1515
<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>
16+
<a class="nav-link" href="/code-of-conduct">Code of Conduct</a>
2017
</li>
2118
</ul>
2219
</div>
2320
</nav>
24-
</header>
21+
</header>

‎_layouts/event.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
---
22
layout: layout
33
---
4-
{{content}}
4+
5+
{{content}}

‎_layouts/landingpage.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
---
22
layout: layout
33
---
4-
{{content}}
4+
5+
{{content}}

‎assets/main.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
---
22
---
33

4-
@import "_palette.scss";
4+
@import "_palette.scss";

‎assets/scss/_palette.scss

Lines changed: 22 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,10 +25,10 @@ $palette: (
2525
@function brum-color-level($color-name: 'primary', $level: 0) {
2626
$color: brum-color($color-name);
2727
$color-base: if($level < 0, $color--black, $color--white);
28-
28+
2929
@return mix($color-base, $color, $level * $color-interval);
3030
}
31-
31+
3232

3333
@each $name, $color in $palette {
3434
.brum--bg--#{$name} {
@@ -60,4 +60,23 @@ $palette: (
6060
border-color: brum-color-level($name, 1) !important;
6161
}
6262
}
63-
}
63+
}
64+
65+
.brum--event-summary h3 {
66+
overflow: hidden;
67+
white-space: nowrap;
68+
text-overflow: ellipsis;
69+
}
70+
71+
.brum--event-summary .description {
72+
$line-height: 1.5;
73+
$font-size: 1rem;
74+
$lines-to-show: 3;
75+
display: block;
76+
display: -webkit-box;
77+
overflow: hidden;
78+
height: $font-size * $line-height * $lines-to-show;
79+
-webkit-line-clamp: $lines-to-show;
80+
-webkit-box-orient: vertical;
81+
text-overflow: ellipsis;
82+
}

‎index.md

Lines changed: 13 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,35 @@
11
---
2+
title: BrumPHP
23
layout: landingpage
34
---
45

56
<main role="main">
67
<div class="jumbotron mb-0">
78
<div class="container">
89
<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>
10+
<p>
11+
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.
12+
<br/>
13+
Don't hesitate to get in touch if there is a subject or idea you'd like to discuss!
14+
</p>
1115
</div>
1216
</div>
1317
</main>
1418
<section class="brum--bg--yellow brum--fg--white">
1519
<div class="container">
16-
<p class="py-4">Meeting on the third Thursday of every month at 6:30PM.</p>
20+
<!-- Todo have this populated by the meetup API -->
21+
{% assign nextEvent = site.events.first %}
22+
<p class="py-4">Next meetup: <a class="py-4" href="{{nextEvent.link}}">{{nextEvent.date | date: "%a %b %d %Y"}} at {{nextEvent.location}}</a></p>
1723
</div>
1824
</section>
1925
<section>
2026
<div class="container">
21-
<h2>Upcoming Events</h2>
27+
<h2>Events</h2>
2228
<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>
29+
{% for event in site.events reversed limit=3 %}
30+
{% include component/event-summary.html event=event %}
31+
{% endfor %}
3832
</div>
3933
</div>
4034
</section>
4135
<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)