Skip to content

Commit ade9132

Browse files
csswizardrycsswizardry
committed
[refs #1] Add initial avatars
1 parent 4d72361 commit ade9132

10 files changed

+79
-7
lines changed

‎about/team.md

+36-5
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,43 @@
22
layout: page
33
title: Team
44
---
5-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
65

7-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Donec elementum ligula eu sapien consequat eleifend. Donec nec dolor erat, condimentum sagittis sem. Praesent porttitor porttitor risus, dapibus rutrum ipsum gravida et. Integer lectus nisi, facilisis sit amet eleifend nec, pharetra ut augue. Integer quam nunc, consequat nec egestas ac, volutpat ac nisi. Sed consectetur dignissim dignissim. Donec pretium est sit amet ipsum fringilla feugiat. Aliquam erat volutpat.
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>
813

9-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Donec elementum ligula eu sapien consequat eleifend. Donec nec dolor erat, condimentum sagittis sem. Praesent porttitor porttitor risus, dapibus rutrum ipsum gravida et. Integer
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>
1021

11-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Donec elementum ligula eu sapien consequat eleifend. Donec nec dolor erat, condimentum sagittis sem. Praesent porttitor porttitor risus, dapibus rutrum ipsum gravida et. Integer lectus nisi, facilisis sit amet eleifend nec, pharetra ut augue. Integer quam nunc, consequat nec egestas ac, volutpat ac nisi. Sed consectetur dignissim dignissim. Donec pretium est sit amet ipsum fringilla feugiat. Aliquam erat volutpat. Maecenas scelerisque, orci sit amet cursus tincidunt, libero nisl eleifend tortor, vitae cursus risus mauris vitae nisi. Cras laoreet ultrices ligula eget tempus. Aenean metus purus, iaculis ut imperdiet eget, sodales et massa. Duis pellentesque nisl vel massa dapibus non lacinia velit volutpat.
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>
1229

13-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Donec elementum ligula eu sapien consequat eleifend. Donec nec dolor erat, condimentum sagittis sem. Praesent porttitor porttitor risus, dapibus rutrum ipsum gravida et. Integer lectus nisi, facilisis sit amet eleifend nec, pharetra ut augue. Integer quam nunc, consequat nec egestas ac, volutpat ac nisi. Sed consectetur dignissim dignissim. Donec pretium est sit amet ipsum fringilla feugiat. Aliquam erat volutpat. Maecenas scelerisque, orci sit amet cursus tincidunt, libero nisl eleifend tortor, vitae cursus risus mauris vitae nisi. Cras laoreet ultrices ligula eget tempus. Aenean metus purus, iaculis ut imperdiet eget, sodales et massa. Duis pellentesque nisl vel massa dapibus non lacinia velit volutpat. Maecenas accumsan interdum sodales. In hac habitasse platea dictumst. Pellentesque ornare blandit orci, eget
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>

‎assets/img/avatars/anselm-hannemann.jpg

25 KB
Loading

‎assets/img/avatars/dennis-heibult.jpg

12.5 KB
Loading

‎assets/img/avatars/florian-bouvot.jpg

28 KB
Loading

‎assets/img/avatars/harry-roberts.jpg

12.1 KB
Loading

‎assets/img/avatars/nenad-jelovac.jpg

11.6 KB
Loading

‎css/components/_components.avatars.scss

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
/* ==========================================================================
2+
#AVATARS
3+
========================================================================== */
4+
5+
.c-avatar {
6+
border-radius: 100%;
7+
width: 128px;
8+
height: 128px;
9+
}
10+
11+
.c-avatar--small {
12+
width: 64px;
13+
height: 64px;
14+
}
15+
16+
.c-avatar--large {
17+
width: 64px;
18+
height: 64px;
19+
}

‎css/main.css

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

‎css/main.scss

+2
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,7 @@
6464
* Lock-up..............The logo contained in the site’s header.
6565
* Logo.................inuitcss logo sprite.
6666
* Bands................Horizontal content bands.
67+
* Avatars..............Suite of different styles of avatar.
6768
*
6869
* UTILITIES
6970
* Clearfix.............Bind our clearfix onto a utility class.
@@ -143,6 +144,7 @@
143144
@import "components/components.lockup";
144145
@import "components/components.logo";
145146
@import "components/components.bands";
147+
@import "components/components.avatars";
146148

147149

148150

‎index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -51,11 +51,11 @@ <h1><a href="/">Home</a></h1>
5151

5252

5353

54-
<h2><a href="/about">About</a></h2>
54+
<h2><a href="/about/">About</a></h2>
5555

5656
<ul>
5757
<li>
58-
<a href="/about/team.html">Team</a>
58+
<a href="/about/team/">Team</a>
5959
</li>
6060
</ul>
6161

0 commit comments

Comments
 (0)