Skip to content

Commit 7ef75aa

Browse files
sarmsteadsarmstead
authored
feat(about): add markup, styles, and route (#28)
1 parent 991754d commit 7ef75aa

File tree

10 files changed

+540
-0
lines changed

10 files changed

+540
-0
lines changed

‎about.hbs‎

Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,162 @@
1+
{{!< default}}
2+
<header class='page-about__hero'>
3+
<div class='page-about__hero__inner'>
4+
{{#get 'pages' filter="title:'About::Hero - Body'" limit='1'}}
5+
{{#foreach pages}}
6+
{{content}}
7+
{{/foreach}}
8+
{{/get}}
9+
<section class='kg-button-card__group'>
10+
{{#get 'pages' filter='tag:hash-about-hero-cta' limit='2'}}
11+
{{#foreach pages}}
12+
{{content}}
13+
{{/foreach}}
14+
{{/get}}
15+
</section>
16+
</div>
17+
</header>
18+
<section class='page-about__position'>
19+
<div class='page-about__position__inner'>
20+
<img
21+
alt="Female software engineer sitting at a laptop and holding a coffee cup"
22+
class='page-about__position--image'
23+
src={{asset 'images/about__position.jpg'}}
24+
/>
25+
<div class='page-about__position--content'>
26+
{{#get 'pages' filter="title:'About::Position - Body'" limit='1'}}
27+
{{#foreach pages}}
28+
{{content}}
29+
{{/foreach}}
30+
{{/get}}
31+
</div>
32+
</div>
33+
</section>
34+
<section class='page-about__history'>
35+
<div class='page-about__history__inner'>
36+
<h2 class='page-about__history__title'>History</h2>
37+
<hr />
38+
<section class='page-about__history__section-one'>
39+
<img
40+
alt='Group of developers hugging and smiling together'
41+
class='page-about__history__section-one--image'
42+
src={{asset 'images/home__community__details--image.jpg'}}
43+
/>
44+
<div class='page-about__history__section-one--content'>
45+
{{#get 'pages' filter="title:'About::History::SectionOne - Body'" limit='1'}}
46+
{{#foreach pages}}
47+
{{content}}
48+
{{/foreach}}
49+
{{/get}}
50+
{{#get 'pages' filter="title:'About::History::SectionOne - Button'" limit='1'}}
51+
{{#foreach pages}}
52+
{{content}}
53+
{{/foreach}}
54+
{{/get}}
55+
</div>
56+
</section>
57+
<section class='page-about__history__section-two'>
58+
<img
59+
alt='Seated conference participants talking with one another'
60+
class='page-about__history__section-two--image'
61+
src={{asset 'images/about__history__section-two--image.jpg'}}
62+
/>
63+
<div class='page-about__history__section-two--content'>
64+
{{#get 'pages' filter="title:'About::History::SectionTwo - Body'" limit='1'}}
65+
{{#foreach pages}}
66+
{{content}}
67+
{{/foreach}}
68+
{{/get}}
69+
</div>
70+
</section>
71+
<section class='page-about__history__section-three'>
72+
<img
73+
alt='Crowded lobby with conference participants entering workshop rooms'
74+
class='page-about__history__section-three--image'
75+
src={{asset 'images/about__history__section-three--image.jpg'}}
76+
/>
77+
<div class='page-about__history__section-three--content'>
78+
{{#get 'pages' filter="title:'About::History::SectionThree - Body'" limit='1'}}
79+
{{#foreach pages}}
80+
{{content}}
81+
{{/foreach}}
82+
{{/get}}
83+
</div>
84+
</section>
85+
</div>
86+
</section>
87+
<section class='page-about__team'>
88+
<header class='page-about__team__header'>
89+
{{#get 'pages' filter="title:'About::Team - Header'" limit='1'}}
90+
{{#foreach pages}}
91+
{{content}}
92+
{{/foreach}}
93+
{{/get}}
94+
</header>
95+
<section class='page-about__team__staff'>
96+
<header class='page-about__team__staff__header'>
97+
{{#get 'pages' filter="title:'About::Team::Staff - Header'" limit='1'}}
98+
{{#foreach pages}}
99+
{{content}}
100+
{{/foreach}}
101+
{{/get}}
102+
</header>
103+
<section class='page-about__team__staff__inner'>
104+
{{#get "pages" order="featured desc, title asc" filter="tags:hash-staff" limit="all"}}
105+
{{#foreach pages}}
106+
<figure class='page-about__team__member'>
107+
{{#if feature_image}}
108+
<img
109+
alt="{{title}}"
110+
class='page-about__team__member__image'
111+
src="{{feature_image}}"
112+
/>
113+
{{else}}
114+
<img
115+
alt='White Ruby Central logo on red background'
116+
class='page-about__team__member__image'
117+
src={{asset 'images/global__placeholder.svg'}}
118+
/>
119+
{{/if}}
120+
<div class='page-about__team__member--details'>
121+
<h4>{{title}}</h4>
122+
{{content}}
123+
</div>
124+
</figure>
125+
{{/foreach}}
126+
{{/get}}
127+
</section>
128+
</section>
129+
<section class='page-about__team__directors'>
130+
<header class='page-about__team__directors__header'>
131+
{{#get 'pages' filter="title:'About::Team::Directors - Header'" limit='1'}}
132+
{{#foreach pages}}
133+
{{content}}
134+
{{/foreach}}
135+
{{/get}}
136+
</header>
137+
<section class='page-about__team__directors__inner'>
138+
{{#get "pages" order="featured desc, title asc" filter="tags:hash-director" limit="all"}}
139+
{{#foreach pages}}
140+
<figure class='page-about__team__member'>
141+
{{#if feature_image}}
142+
<img
143+
alt="{{title}}"
144+
class='page-about__team__member__image'
145+
src="{{feature_image}}"
146+
/>
147+
{{else}}
148+
<img
149+
alt='White Ruby Central logo on red background'
150+
class='page-about__team__member__image'
151+
src={{asset 'images/global__placeholder.svg'}}
152+
/>
153+
{{/if}}
154+
<h4>{{title}}</h4>
155+
{{content}}
156+
</figure>
157+
{{/foreach}}
158+
{{/get}}
159+
</section>
160+
</section>
161+
</section>
162+
{{> 'get-involved' }}

‎assets/images/about__hero--background.jpg‎

612 KB
Loading

‎assets/images/about__history__section-three--image.jpg‎

752 KB
Loading

‎assets/images/about__history__section-two--image.jpg‎

874 KB
Loading

‎assets/images/about__position.jpg‎

185 KB
Loading

‎assets/images/global__placeholder.svg‎

Lines changed: 32 additions & 0 deletions
Loading

‎import/routes.yaml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
routes:
22
/: home
3+
/about/:
4+
data: page.about
5+
template: about
36

47
collections:
58
/news/:

‎src/css/app.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@
2323
@import './pages/home.css';
2424
@import './pages/conferences.css';
2525
@import './pages/open-source.css';
26+
@import './pages/about.css';
2627

2728
@import './modern.css';
2829

‎src/css/base/variables.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
--color-lightblue: #eff4f8;
77
--color-mutednavy: #444d5c;
88
--color-navy: #292e37;
9+
--color-offwhite: #f0f4fd;
910
--color-purple: #755384;
1011
--color-red: #e14943;
1112
--color-text: #3b3e44;

0 commit comments

Comments
 (0)