uswds-jekyll 4.0.0 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|