Skip to content

Commit fc22884

Browse files
csswizardrycsswizardry
committed
[refs #1] Begin laying out bios
1 parent ade9132 commit fc22884

File tree

6 files changed

+106
-46
lines changed

6 files changed

+106
-46
lines changed

‎_layouts/page.html

+11-6
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,17 @@
11
---
22
layout: default
33
---
4-
<article>
54

6-
<header>
7-
<h1>{{ page.title }}</h1>
8-
</header>
5+
<div class="o-wrapper">
96

10-
{{ content }}
7+
<article>
118

12-
</article>
9+
<header>
10+
<h1>{{ page.title }}</h1>
11+
</header>
12+
13+
{{ content }}
14+
15+
</article>
16+
17+
</div>

‎about/team.md

+53-39
Original file line numberDiff line numberDiff line change
@@ -3,42 +3,56 @@ layout: page
33
title: Team
44
---
55

6-
<figure class="o-media">
7-
<img src="/assets/img/avatars/harry-roberts.jpg" alt="" class="o-media__img c-avatar" />
8-
<div class="o-media__body">
9-
<h2>Harry Roberts</h2>
10-
<h3>Lead Developer, Founder</h3>
11-
</div>
12-
</figure>
13-
14-
<figure class="o-media">
15-
<img src="/assets/img/avatars/nenad-jelovac.jpg" alt="" class="o-media__img c-avatar" />
16-
<div class="o-media__body">
17-
<h2>Nenad Jelovac</h2>
18-
<h3>Core Developer</h3>
19-
</div>
20-
</figure>
21-
22-
<figure class="o-media">
23-
<img src="/assets/img/avatars/anselm-hannemann.jpg" alt="" class="o-media__img c-avatar" />
24-
<div class="o-media__body">
25-
<h2>Anselm Hannemann</h2>
26-
<h3>Core Developer</h3>
27-
</div>
28-
</figure>
29-
30-
<figure class="o-media">
31-
<img src="/assets/img/avatars/dennis-heibult.jpg" alt="" class="o-media__img c-avatar" />
32-
<div class="o-media__body">
33-
<h2>Dennis Heibült</h2>
34-
<h3>Core Developer</h3>
35-
</div>
36-
</figure>
37-
38-
<figure class="o-media">
39-
<img src="/assets/img/avatars/florian-Bouvot.jpg" alt="" class="o-media__img c-avatar" />
40-
<div class="o-media__body">
41-
<h2>Florian Bouvot</h2>
42-
<h3>Core Developer</h3>
43-
</div>
44-
</figure>
6+
<ul class="o-layout">
7+
8+
<li class="o-layout__item u-12/12">
9+
10+
<figure class="o-media c-bio-mini">
11+
<img src="/assets/img/avatars/harry-roberts.jpg" alt="" class="o-media__img c-avatar" />
12+
<div class="o-media__body">
13+
<h2>Harry Roberts</h2>
14+
<h3>Lead Developer, Founder</h3>
15+
</div>
16+
</figure>
17+
18+
<li class="o-layout__item u-6/12">
19+
20+
<figure class="o-media c-bio-mini">
21+
<img src="/assets/img/avatars/nenad-jelovac.jpg" alt="" class="o-media__img c-avatar" />
22+
<div class="o-media__body">
23+
<h2>Nenad Jelovac</h2>
24+
<h3>Core Developer</h3>
25+
</div>
26+
</figure>
27+
28+
<li class="o-layout__item u-6/12">
29+
30+
<figure class="o-media c-bio-mini">
31+
<img src="/assets/img/avatars/anselm-hannemann.jpg" alt="" class="o-media__img c-avatar" />
32+
<div class="o-media__body">
33+
<h2>Anselm Hannemann</h2>
34+
<h3>Core Developer</h3>
35+
</div>
36+
</figure>
37+
38+
<li class="o-layout__item u-6/12">
39+
40+
<figure class="o-media c-bio-mini">
41+
<img src="/assets/img/avatars/dennis-heibult.jpg" alt="" class="o-media__img c-avatar" />
42+
<div class="o-media__body">
43+
<h2>Dennis Heibült</h2>
44+
<h3>Core Developer</h3>
45+
</div>
46+
</figure>
47+
48+
<li class="o-layout__item u-6/12">
49+
50+
<figure class="o-media c-bio-mini">
51+
<img src="/assets/img/avatars/florian-Bouvot.jpg" alt="" class="o-media__img c-avatar" />
52+
<div class="o-media__body">
53+
<h2>Florian Bouvot</h2>
54+
<h3>Core Developer</h3>
55+
</div>
56+
</figure>
57+
58+
</ul>

‎css/components/_components.bio-mini.scss

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
/* ==========================================================================
2+
#BIO-MINI
3+
========================================================================== */
4+
5+
.c-bio-mini {
6+
padding: $unit;
7+
background-color: color(primary);
8+
color: color(pale);
9+
border-radius: $inuit-global-radius;
10+
}

‎css/elements/_elements.headings.scss

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
/* ==========================================================================
2+
#HEADINGS
3+
========================================================================== */
4+
5+
@import "../../node_modules/inuitcss/elements/elements.headings";
6+
7+
h1, h2, h3, h4, h5, h6 {
8+
font-weight: 200;
9+
letter-spacing: 0.033333333em;
10+
}

‎css/main.css

+19
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/main.scss

+3-1
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,7 @@
6565
* Logo.................inuitcss logo sprite.
6666
* Bands................Horizontal content bands.
6767
* Avatars..............Suite of different styles of avatar.
68+
* Bio-mini.............Miniature bios as used on the Team page.
6869
*
6970
* UTILITIES
7071
* Clearfix.............Bind our clearfix onto a utility class.
@@ -110,7 +111,7 @@
110111

111112
// ELEMENTS
112113
@import "elements/elements.page";
113-
@import "../node_modules/inuitcss/elements/elements.headings";
114+
@import "elements/elements.headings";
114115
@import "../node_modules/inuitcss/elements/elements.images";
115116
@import "../node_modules/inuitcss/elements/elements.tables";
116117
@import "elements/elements.links";
@@ -145,6 +146,7 @@
145146
@import "components/components.logo";
146147
@import "components/components.bands";
147148
@import "components/components.avatars";
149+
@import "components/components.bio-mini";
148150

149151

150152

0 commit comments

Comments
 (0)