Skip to content

Commit e5c3741

Browse files
wesleycolewesleycole
committed
adding book and person component
1 parent 552fbaf commit e5c3741

26 files changed

+845
-9
lines changed

‎_component/book/component.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<div class="Book" itemscope itemtype="http://schema.org/Book">
2+
3+
<meta itemprop="bookFormat" content="EBook/DAISY3" />
4+
5+
<img src="https://www.fillmurray.com/300/300" srcset="https://www.fillmurray.com/300/300 1x, https://www.fillmurray.com/600/600 2x" itemprop="image" alt="Photo of Bill Murray" />
6+
7+
<h3 class="Book-title" itemprop="name">War &amp; Peace</h3>
8+
9+
<p class="Book-author" itemprop="author" itemscope itemtype="http://schema.org/Person">
10+
<span itemprop="name">Leo Tolstoy</span>
11+
</p>
12+
13+
<p class="Book-description" itemprop="description">
14+
So far, this book is really really boring.
15+
</p>
16+
17+
</div>

‎_component/book/example.html

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html>
2+
<html lang="en-US" class="no-js">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Book</title>
6+
</head>
7+
<body>
8+
9+
<div class="Book" itemscope itemtype="http://schema.org/Book">
10+
11+
<meta itemprop="bookFormat" content="EBook/DAISY3" />
12+
13+
<img src="https://www.fillmurray.com/300/300" srcset="https://www.fillmurray.com/300/300 1x, https://www.fillmurray.com/600/600 2x" itemprop="image" alt="Photo of Bill Murray" />
14+
15+
<h3 class="Book-title" itemprop="name">War &amp; Peace</h3>
16+
17+
<p class="Book-author" itemprop="author" itemscope itemtype="http://schema.org/Person">
18+
<span itemprop="name">Leo Tolstoy</span>
19+
</p>
20+
21+
<p class="Book-description" itemprop="description">
22+
So far, this book is really really boring.
23+
</p>
24+
25+
</div>
26+
27+
</body>
28+
</html>

‎_component/book/index.md

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
title: Book
3+
layout: component
4+
path_slug: book
5+
category: content
6+
iframe_height: large
7+
---
8+
9+
<iframe {% if page.iframe_height %}class="h-{{ page.iframe_height }}"{% endif %} src="{{ site.baseurl }}/component/{{ page.path_slug }}/example.html"></iframe>
10+
11+
## Markup
12+
```html
13+
{% include_relative component.html %}
14+
```

‎_component/person/component.html

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<div class="Person" itemscope itemtype="http://schema.org/Person">
2+
3+
<img src="https://www.fillmurray.com/150/150" srcset="https://www.fillmurray.com/150/150 1x, https://www.fillmurray.com/300/300 2x" itemprop="image" alt="Photo of Bill Murray" />
4+
5+
<h3 class="Person-name" itemprop="name">Bill Murray</h3>
6+
7+
<p>
8+
<span class="Person-title" itemprop="title">CEO and Founder</span>
9+
<p>
10+
11+
<div class="Person-address" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
12+
<p>
13+
<span itemprop="streetAddress">1234 Street Address Way #1343</span>,
14+
<span itemprop="addressLocality">Aspen</span>,
15+
<span itemprop="addressRegion"><abbr title="Colorado">CO</abbr></span>
16+
<span class="postalCode">12345</span>
17+
</p>
18+
</div>
19+
20+
<p>
21+
<a href="tel:+14444444444" itemprop="telephone">(444) 444 - 4444</a>
22+
</p>
23+
24+
<p>
25+
<a href="mailto:[email protected]" itemprop="email">Contact</a>
26+
</p>
27+
28+
</div>

‎_component/person/example.html

+39
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en-US" class="no-js">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Person</title>
6+
</head>
7+
<body>
8+
9+
<div class="Person" itemscope itemtype="http://schema.org/Person">
10+
11+
<img src="https://www.fillmurray.com/150/150" srcset="https://www.fillmurray.com/150/150 1x, https://www.fillmurray.com/300/300 2x" itemprop="image" alt="Photo of Bill Murray" />
12+
13+
<h3 class="Person-name" itemprop="name">Bill Murray</h3>
14+
15+
<p>
16+
<span class="Person-title" itemprop="title">CEO and Founder</span>
17+
<p>
18+
19+
<div class="Person-address" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
20+
<p>
21+
<span itemprop="streetAddress">1234 Street Address Way #1343</span>,
22+
<span itemprop="addressLocality">Aspen</span>,
23+
<span itemprop="addressRegion"><abbr title="Colorado">CO</abbr></span>
24+
<span class="postalCode">12345</span>
25+
</p>
26+
</div>
27+
28+
<p>
29+
<a href="tel:+14444444444" itemprop="telephone">(444) 444 - 4444</a>
30+
</p>
31+
32+
<p>
33+
<a href="mailto:[email protected]" itemprop="email">Contact</a>
34+
</p>
35+
36+
</div>
37+
38+
</body>
39+
</html>

‎_component/person/index.md

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
title: Person
3+
layout: component
4+
path_slug: person
5+
category: content
6+
iframe_height: large
7+
---
8+
9+
<iframe {% if page.iframe_height %}class="h-{{ page.iframe_height }}"{% endif %} src="{{ site.baseurl }}/component/{{ page.path_slug }}/example.html"></iframe>
10+
11+
## Markup
12+
```html
13+
{% include_relative component.html %}
14+
```

‎_component/property/component.html

+6-1
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,23 @@
11
<div class="Property" itemscope itemtype="http://schema.org/SingleFamilyResidence">
2+
23
<span class="Property-address hide" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
34
<span itemprop="streetAddress">1234 Street Address Way #1343</span>
45
<span itemprop="addressLocality">Aspen</span>
5-
<span itemprop="addressRegion">CO</span>
6+
<span itemprop="addressRegion"><abbr title="Colorado">CO</abbr></span>
67
<span class="postalCode">12345</span>
78
</span>
9+
810
<span itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
911
<meta itemprop="latitude" content="39.148027">
1012
<meta itemprop="longitude" content="-106.814707">
1113
</span>
14+
1215
<div class="Property-image">
1316
<a href="http://example.com">
1417
<img src="https://placekitten.com/g/400/150" srcset="https://placekitten.com/g/400/150 1x, https://placekitten.com/g/800/300 2x" alt="header image" />
1518
</a>
1619
</div>
20+
1721
<div class="Property-details">
1822
<h4 class="Property-price">
1923
<a href="http://example.com">$2,695,000 </br>
@@ -28,4 +32,5 @@ <h4 class="Property-price">
2832
</ul>
2933
</div>
3034
</div>
35+
3136
</div>

‎_component/property/example.html

+6-1
Original file line numberDiff line numberDiff line change
@@ -8,21 +8,25 @@
88
<body>
99

1010
<div class="Property" itemscope itemtype="http://schema.org/SingleFamilyResidence">
11+
1112
<span class="Property-address hide" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
1213
<span itemprop="streetAddress">1234 Street Address Way #1343</span>
1314
<span itemprop="addressLocality">Aspen</span>
14-
<span itemprop="addressRegion">CO</span>
15+
<span itemprop="addressRegion"><abbr title="Colorado">CO</abbr></span>
1516
<span class="postalCode">12345</span>
1617
</span>
18+
1719
<span itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
1820
<meta itemprop="latitude" content="39.148027">
1921
<meta itemprop="longitude" content="-106.814707">
2022
</span>
23+
2124
<div class="Property-image">
2225
<a href="http://example.com">
2326
<img src="https://placekitten.com/g/400/200" srcset="https://placekitten.com/g/400/200 1x, https://placekitten.com/g/800/400 2x" alt="header image" />
2427
</a>
2528
</div>
29+
2630
<div class="Property-details">
2731
<h4 class="Property-price">
2832
<a href="http://example.com">$2,695,000 </br>
@@ -37,6 +41,7 @@ <h4 class="Property-price">
3741
</ul>
3842
</div>
3943
</div>
44+
4045
</div>
4146

4247
</body>

‎_component/testimonial/example.html

-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,5 @@
1414
</footer>
1515
</figure>
1616

17-
<script src="js/component.js"></script>
18-
<script src="js/component-usage.js"></script>
1917
</body>
2018
</html>

‎_site/component/accordion/index.html

+20
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,10 @@ <h4>UI</h4>
4545

4646

4747

48+
49+
50+
51+
4852
<li class="ComponentList-item"><a href="/component-library/component/tabs/index.html">Tabs</a></li>
4953

5054

@@ -71,6 +75,10 @@ <h4>Navigation</h4>
7175

7276

7377

78+
79+
80+
81+
7482
</ul>
7583
</div>
7684

@@ -89,6 +97,14 @@ <h4>Content</h4>
8997

9098

9199

100+
<li class="ComponentList-item"><a href="/component-library/component/book/index.html">Book</a></li>
101+
102+
103+
104+
105+
106+
<li class="ComponentList-item"><a href="/component-library/component/person/index.html">Person</a></li>
107+
92108

93109

94110
<li class="ComponentList-item"><a href="/component-library/component/property/index.html">Property</a></li>
@@ -114,6 +130,8 @@ <h4>Twig</h4>
114130

115131

116132

133+
134+
117135
<li class="ComponentList-item"><a href="/component-library/component/macros/index.html">Macros</a></li>
118136

119137

@@ -123,6 +141,8 @@ <h4>Twig</h4>
123141

124142

125143

144+
145+
126146
</ul>
127147
</div>
128148

‎_site/component/blogpost/index.html

+20
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,10 @@ <h4>UI</h4>
4545

4646

4747

48+
49+
50+
51+
4852
<li class="ComponentList-item"><a href="/component-library/component/tabs/index.html">Tabs</a></li>
4953

5054

@@ -71,6 +75,10 @@ <h4>Navigation</h4>
7175

7276

7377

78+
79+
80+
81+
7482
</ul>
7583
</div>
7684

@@ -89,6 +97,14 @@ <h4>Content</h4>
8997

9098

9199

100+
<li class="ComponentList-item"><a href="/component-library/component/book/index.html">Book</a></li>
101+
102+
103+
104+
105+
106+
<li class="ComponentList-item"><a href="/component-library/component/person/index.html">Person</a></li>
107+
92108

93109

94110
<li class="ComponentList-item"><a href="/component-library/component/property/index.html">Property</a></li>
@@ -114,6 +130,8 @@ <h4>Twig</h4>
114130

115131

116132

133+
134+
117135
<li class="ComponentList-item"><a href="/component-library/component/macros/index.html">Macros</a></li>
118136

119137

@@ -123,6 +141,8 @@ <h4>Twig</h4>
123141

124142

125143

144+
145+
126146
</ul>
127147
</div>
128148

‎_site/component/blogroll/index.html

+20
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,10 @@ <h4>UI</h4>
4545

4646

4747

48+
49+
50+
51+
4852
<li class="ComponentList-item"><a href="/component-library/component/tabs/index.html">Tabs</a></li>
4953

5054

@@ -71,6 +75,10 @@ <h4>Navigation</h4>
7175

7276

7377

78+
79+
80+
81+
7482
</ul>
7583
</div>
7684

@@ -89,6 +97,14 @@ <h4>Content</h4>
8997

9098

9199

100+
<li class="ComponentList-item"><a href="/component-library/component/book/index.html">Book</a></li>
101+
102+
103+
104+
105+
106+
<li class="ComponentList-item"><a href="/component-library/component/person/index.html">Person</a></li>
107+
92108

93109

94110
<li class="ComponentList-item"><a href="/component-library/component/property/index.html">Property</a></li>
@@ -114,6 +130,8 @@ <h4>Twig</h4>
114130

115131

116132

133+
134+
117135
<li class="ComponentList-item"><a href="/component-library/component/macros/index.html">Macros</a></li>
118136

119137

@@ -123,6 +141,8 @@ <h4>Twig</h4>
123141

124142

125143

144+
145+
126146
</ul>
127147
</div>
128148

0 commit comments

Comments
 (0)