uswds-jekyll 4.0.0 → 4.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +31 -7
- data/_includes/project-list.html +14 -0
- data/_includes/team-list.html +13 -0
- data/_layouts/project.html +24 -0
- data/_layouts/team-member.html +35 -0
- data/_sass/components/_all.scss +1 -0
- data/_sass/components/_card.scss +66 -0
- data/assets/img/project-images/project-placeholder.png +0 -0
- data/assets/img/team-images/team-placeholder.png +0 -0
- metadata +9 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 285f8c20da27c19919ac01305cac7d1845fd85a8
|
|
4
|
+
data.tar.gz: df74eaf77ecf8d47c66152851fbf9968775d306d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 8fcc1da3e3d11cc0b7a7c9a42e4540750c364afba86db8251d9a2a48bc9f4aa71ed26e06c61260a2a2e4343dcf11fd52eff2fee773e1e48527e2d5531ea2b671
|
|
7
|
+
data.tar.gz: 6ec627845720232a60ad4b1c38f6a7d4e3ddfc13010c85c1a9515a4696181c43e84006cfca8a7a76aeed98560a77ded5d19f96a70003d099a95fca0525e89232
|
data/README.md
CHANGED
|
@@ -32,7 +32,8 @@ This is a [Jekyll theme](https://jekyllrb.com/docs/themes/) for the
|
|
|
32
32
|
- [Page](#layout-page)
|
|
33
33
|
- [Home](#layout-home)
|
|
34
34
|
- [Post](#layout-post)
|
|
35
|
-
- [
|
|
35
|
+
- [Project](#layout-project)
|
|
36
|
+
- [Team member](#layout-team-member)
|
|
36
37
|
|
|
37
38
|
|
|
38
39
|
|
|
@@ -505,7 +506,6 @@ The default layout provides a layout [front matter] hook to add
|
|
|
505
506
|
attributes to the `<main>` element. You can see how this works in
|
|
506
507
|
the [page layout](_layouts/page.html#L3-L4).
|
|
507
508
|
|
|
508
|
-
|
|
509
509
|
### `layout: home`
|
|
510
510
|
|
|
511
511
|
This layout implements the [home page
|
|
@@ -546,7 +546,6 @@ graphics_position: (before|after)
|
|
|
546
546
|
Check out the YAML front matter in the [home demo
|
|
547
547
|
page](demo/home.html) for an example of how to structure it.
|
|
548
548
|
|
|
549
|
-
|
|
550
549
|
### `layout: page`
|
|
551
550
|
|
|
552
551
|
This layout implements the [document page
|
|
@@ -575,12 +574,37 @@ to structure named navigation data for your site.
|
|
|
575
574
|
|
|
576
575
|
This layout is identical to the layout `page` and is included to allow for easier site creation using `Jekyll new`.
|
|
577
576
|
|
|
578
|
-
### `layout:
|
|
577
|
+
### `layout: project`
|
|
579
578
|
|
|
580
|
-
This layout is for
|
|
581
|
-
|
|
582
|
-
|
|
579
|
+
This layout is used to show details for an individual project and uses the following front matter.
|
|
580
|
+
|
|
581
|
+
```yml
|
|
582
|
+
layout: project
|
|
583
|
+
title: Title of project
|
|
584
|
+
permalink: /projects/link-to-project/
|
|
585
|
+
description: Project description.
|
|
586
|
+
large_image: /path/to/image.ext
|
|
587
|
+
small_image: /path/to/image.ext
|
|
588
|
+
image_alt: The image alt text
|
|
589
|
+
```
|
|
590
|
+
|
|
591
|
+
To show a listing of projects on a page add `{% include project-list.html %} to the page`
|
|
592
|
+
|
|
593
|
+
### `layout: team-member`
|
|
594
|
+
|
|
595
|
+
This layout is used to show details for an individual team member and uses the following front matter.
|
|
596
|
+
|
|
597
|
+
```yml
|
|
598
|
+
layout: team-member
|
|
599
|
+
permalink: /team/link-to-team-member/
|
|
600
|
+
name: Team member name
|
|
601
|
+
image: /path/to/image.ext
|
|
602
|
+
job_title: Team member job title
|
|
603
|
+
phone: 123-456-7890
|
|
604
|
+
email: email@address.gov
|
|
605
|
+
```
|
|
583
606
|
|
|
607
|
+
To show a listing of team members on a page add `{% include team-list.html %} to the page`
|
|
584
608
|
|
|
585
609
|
[Sass]: http://sass-lang.com/guide
|
|
586
610
|
[Jekyll Sass]: https://jekyllrb.com/docs/assets/#sassscss
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<div class="card-deck">
|
|
2
|
+
{% for item in site.projects %}
|
|
3
|
+
<div class="card">
|
|
4
|
+
<img class="card-img-top" src="{{ site.baseurl }}{{ item.small_image }}" alt="{{ item.image_alt }} ">
|
|
5
|
+
<div class="card-body">
|
|
6
|
+
<h3 class="card-title">{{ item.title }}</h3>
|
|
7
|
+
<p class="card-text">{{ item.description }}</p>
|
|
8
|
+
</div>
|
|
9
|
+
<div class="card-footer">
|
|
10
|
+
<a href="{{ site.baseurl }}{{ item.url }}" class="card-read-more-link">Read more <svg xmlns="http://www.w3.org/2000/svg" width="444.819" height="444.819" viewBox="0 0 444.819 444.819"><path d="M352.025 196.712L165.885 10.848C159.028 3.615 150.468 0 140.185 0s-18.84 3.62-25.696 10.848l-21.7 21.416c-7.045 7.043-10.567 15.604-10.567 25.692 0 9.897 3.52 18.56 10.566 25.98L231.544 222.41 92.785 361.168c-7.04 7.043-10.563 15.604-10.563 25.693 0 9.9 3.52 18.566 10.564 25.98l21.7 21.417c7.043 7.043 15.612 10.564 25.697 10.564 10.09 0 18.656-3.52 25.697-10.564L352.025 248.39c7.046-7.423 10.57-16.084 10.57-25.98.002-10.09-3.524-18.655-10.57-25.698z"/></svg></a>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
{% endfor %}
|
|
14
|
+
</div>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<div class="card-deck">
|
|
2
|
+
{% for item in site.team %}
|
|
3
|
+
<div class="card">
|
|
4
|
+
<a href="{{ site.baseurl }}{{ item.url }}">
|
|
5
|
+
<img class="card-img-top" src="{{ site.baseurl }}{{ item.image }}" alt="photo of {{ item.name }} ">
|
|
6
|
+
<div class="card-body">
|
|
7
|
+
<h3 class="card-title">{{ item.name }}</h3>
|
|
8
|
+
<p class="card-text">{{ item.job_title }}</p>
|
|
9
|
+
</div>
|
|
10
|
+
</a>
|
|
11
|
+
</div>
|
|
12
|
+
{% endfor %}
|
|
13
|
+
</div>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
<aside class="usa-layout-docs-sidenav sidenav">
|
|
7
|
+
<ul class="usa-sidenav-list">
|
|
8
|
+
{% for item in site.projects %}
|
|
9
|
+
<li>
|
|
10
|
+
{% if page.permalink == item.permalink %}
|
|
11
|
+
<a class="usa-current" href="{{ item.permalink | prepend: site.baseurl }}">{{ item.title }}</a>
|
|
12
|
+
{% else %}
|
|
13
|
+
<a href="{{ item.permalink | prepend: site.baseurl }}">{{ item.title }}</a>
|
|
14
|
+
{% endif %}
|
|
15
|
+
</li>
|
|
16
|
+
{% endfor %}
|
|
17
|
+
</ul>
|
|
18
|
+
</aside>
|
|
19
|
+
|
|
20
|
+
<div class="usa-width-three-fourths usa-layout-docs-main_content">
|
|
21
|
+
<h1>{{ page.title }}</h1>
|
|
22
|
+
<img src="{{ site.baseurl }}{{ page.large_image }}" alt="{{ page.image_alt }} ">
|
|
23
|
+
{{ content }}
|
|
24
|
+
</div>
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
<aside class="usa-layout-docs-sidenav sidenav">
|
|
7
|
+
<ul class="usa-sidenav-list">
|
|
8
|
+
{% for item in site.team %}
|
|
9
|
+
<li>
|
|
10
|
+
{% if page.permalink == item.permalink %}
|
|
11
|
+
<a class="usa-current" href="{{ item.permalink | prepend: site.baseurl }}">{{ item.name }}</a>
|
|
12
|
+
{% else %}
|
|
13
|
+
<a href="{{ item.permalink | prepend: site.baseurl }}">{{ item.name }}</a>
|
|
14
|
+
{% endif %}
|
|
15
|
+
</li>
|
|
16
|
+
{% endfor %}
|
|
17
|
+
</ul>
|
|
18
|
+
</aside>
|
|
19
|
+
|
|
20
|
+
<div class="usa-width-three-fourths usa-layout-docs-main_content">
|
|
21
|
+
<h1>{{ page.name }}</h1>
|
|
22
|
+
<img src="{{ site.baseurl }}{{ page.image }}" alt="photo of {{ page.name }} ">
|
|
23
|
+
<p>
|
|
24
|
+
{{ page.job_title }}
|
|
25
|
+
{% if page.phone %}
|
|
26
|
+
<br>
|
|
27
|
+
phone: <a href="tel:{{ page.phone }}">{{ page.phone }}</a>
|
|
28
|
+
{% endif %}
|
|
29
|
+
{% if page.email %}
|
|
30
|
+
<br>
|
|
31
|
+
email: <a href="mailto:{{ page.email }}">{{ page.email }}</a>
|
|
32
|
+
{% endif %}
|
|
33
|
+
</p>
|
|
34
|
+
{{ content }}
|
|
35
|
+
</div>
|
data/_sass/components/_all.scss
CHANGED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
.card-deck {
|
|
2
|
+
display: block;
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-flow: row wrap;
|
|
5
|
+
|
|
6
|
+
.card {
|
|
7
|
+
display: block;
|
|
8
|
+
display: flex;
|
|
9
|
+
flex: 0 0 300px;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
float: left;
|
|
12
|
+
margin-bottom: 30px;
|
|
13
|
+
min-width: 300px;
|
|
14
|
+
|
|
15
|
+
&:not(:last-child) {
|
|
16
|
+
margin-right: 15px;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.card {
|
|
24
|
+
border: 1px solid #efefef;
|
|
25
|
+
position: relative;
|
|
26
|
+
width: 20rem;
|
|
27
|
+
|
|
28
|
+
.card-img-top {
|
|
29
|
+
display: block;
|
|
30
|
+
height: 200px;
|
|
31
|
+
width: 100%;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.card-body {
|
|
35
|
+
flex: 1 1 auto;
|
|
36
|
+
padding: 2rem;
|
|
37
|
+
|
|
38
|
+
:first-child {
|
|
39
|
+
margin-top: 0;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
:last-child {
|
|
43
|
+
margin-bottom: 0;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.card-footer {
|
|
48
|
+
padding: 2rem;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.card-read-more-link {
|
|
52
|
+
display: inline-block;
|
|
53
|
+
text-decoration: none;
|
|
54
|
+
|
|
55
|
+
svg {
|
|
56
|
+
display: inline-block;
|
|
57
|
+
fill: $color-primary;
|
|
58
|
+
height: 12px;
|
|
59
|
+
margin-left: .5rem;
|
|
60
|
+
margin-top: -2px;
|
|
61
|
+
vertical-align: middle;
|
|
62
|
+
width: 12px;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
}
|
|
Binary file
|
|
Binary file
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: uswds-jekyll
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 4.
|
|
4
|
+
version: 4.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Shawn Allen
|
|
@@ -10,7 +10,7 @@ authors:
|
|
|
10
10
|
autorequire:
|
|
11
11
|
bindir: bin
|
|
12
12
|
cert_chain: []
|
|
13
|
-
date: 2018-03-
|
|
13
|
+
date: 2018-03-19 00:00:00.000000000 Z
|
|
14
14
|
dependencies:
|
|
15
15
|
- !ruby/object:Gem::Dependency
|
|
16
16
|
name: jekyll
|
|
@@ -77,17 +77,22 @@ files:
|
|
|
77
77
|
- _includes/graphic-list.html
|
|
78
78
|
- _includes/header.html
|
|
79
79
|
- _includes/meta.html
|
|
80
|
+
- _includes/project-list.html
|
|
80
81
|
- _includes/scripts.html
|
|
81
82
|
- _includes/sidenav.html
|
|
82
83
|
- _includes/skipnav.html
|
|
83
84
|
- _includes/styles.html
|
|
84
85
|
- _includes/subnav.html
|
|
86
|
+
- _includes/team-list.html
|
|
85
87
|
- _layouts/default.html
|
|
86
88
|
- _layouts/home.html
|
|
87
89
|
- _layouts/page.html
|
|
88
90
|
- _layouts/post.html
|
|
91
|
+
- _layouts/project.html
|
|
92
|
+
- _layouts/team-member.html
|
|
89
93
|
- _sass/components/_all.scss
|
|
90
94
|
- _sass/components/_alt-color-section.scss
|
|
95
|
+
- _sass/components/_card.scss
|
|
91
96
|
- _sass/components/_footer.scss
|
|
92
97
|
- _sass/components/_header.scss
|
|
93
98
|
- _sass/components/_hero.scss
|
|
@@ -232,6 +237,8 @@ files:
|
|
|
232
237
|
- assets/css/main.scss
|
|
233
238
|
- assets/img/circle.png
|
|
234
239
|
- assets/img/hero.png
|
|
240
|
+
- assets/img/project-images/project-placeholder.png
|
|
241
|
+
- assets/img/team-images/team-placeholder.png
|
|
235
242
|
- assets/js/main.js
|
|
236
243
|
- assets/js/vendor/anchor.min.js
|
|
237
244
|
- assets/uswds/fonts/merriweather-bold-webfont.eot
|