form-jekyll 0.3.2 → 0.4.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: fb75a1585dcddfaf8453a6bfff40fdeaf598fa6fcd08286436cf7232f43487a0
4
- data.tar.gz: 9bdca9efb1b6e323e7f1a5166469444bb6e8db833ce38874d0e1925d84ff85e6
3
+ metadata.gz: 206cf9e14b3a9866381bbfa2e318ef72359f4fc6df15ac8a38703ba8e900c0ec
4
+ data.tar.gz: 3eb96ba82f99841201a98d2f34ba4541fc32fab37bdeeb0494374bf46df9b35b
5
5
  SHA512:
6
- metadata.gz: 6449b0c8baf23a2d534d2c6e68827a0f3a13f169e742adb509e7db8a3e1fb3f291954a04df07e891de66454dd5be51b780a14e46f855cb307ab154d5a47b8fc1
7
- data.tar.gz: 9cf03065f04faa1f1c225b70c34b244a016f2cc2659a10beacf328fcf42d78dece6ec1691ee62dc4e7fe6933daae908495deeae9f448ad13a9e968eca0750c12
6
+ metadata.gz: ed1f3abb043972ba6ec1e4ddaf92c48cf1b73752fa7b935b1d12224ecd37085d3950f90c8dc7f982d09e340c38539bf84284a1435c25b5cdc4fee14214a3c1fe
7
+ data.tar.gz: '090ecc246a35267e65d2734ecef41260b67deacf456859d28567cc5cf2dcb12eaadd0fa21102c5f45d3b131bc7edd81899b4bd3b4996be0743b3519eba1623df'
@@ -0,0 +1,126 @@
1
+ ---
2
+ address-states:
3
+ - value: AL
4
+ text: Alabama
5
+ - value: AK
6
+ text: Alaska
7
+ - value: AZ
8
+ text: Arizona
9
+ - value: AR
10
+ text: Arkansas
11
+ - value: CA
12
+ text: California
13
+ - value: CO
14
+ text: Colorado
15
+ - value: CT
16
+ text: Connecticut
17
+ - value: DE
18
+ text: Delaware
19
+ - value: DC
20
+ text: District Of Columbia
21
+ - value: FL
22
+ text: Florida
23
+ - value: GA
24
+ text: Georgia
25
+ - value: HI
26
+ text: Hawaii
27
+ - value: ID
28
+ text: Idaho
29
+ - value: IL
30
+ text: Illinois
31
+ - value: IN
32
+ text: Indiana
33
+ - value: IA
34
+ text: Iowa
35
+ - value: KS
36
+ text: Kansas
37
+ - value: KY
38
+ text: Kentucky
39
+ - value: LA
40
+ text: Louisiana
41
+ - value: ME
42
+ text: Maine
43
+ - value: MD
44
+ text: Maryland
45
+ - value: MA
46
+ text: Massachusetts
47
+ - value: MI
48
+ text: Michigan
49
+ - value: MN
50
+ text: Minnesota
51
+ - value: MS
52
+ text: Mississippi
53
+ - value: MO
54
+ text: Missouri
55
+ - value: MT
56
+ text: Montana
57
+ - value: NE
58
+ text: Nebraska
59
+ - value: NV
60
+ text: Nevada
61
+ - value: NH
62
+ text: New Hampshire
63
+ - value: NJ
64
+ text: New Jersey
65
+ - value: NM
66
+ text: New Mexico
67
+ - value: NY
68
+ text: New York
69
+ - value: NC
70
+ text: North Carolina
71
+ - value: ND
72
+ text: North Dakota
73
+ - value: OH
74
+ text: Ohio
75
+ - value: OK
76
+ text: Oklahoma
77
+ - value: OR
78
+ text: Oregon
79
+ - value: PA
80
+ text: Pennsylvania
81
+ - value: RI
82
+ text: Rhode Island
83
+ - value: SC
84
+ text: South Carolina
85
+ - value: SD
86
+ text: South Dakota
87
+ - value: TN
88
+ text: Tennessee
89
+ - value: TX
90
+ text: Texas
91
+ - value: UT
92
+ text: Utah
93
+ - value: VT
94
+ text: Vermont
95
+ - value: VA
96
+ text: Virginia
97
+ - value: WA
98
+ text: Washington
99
+ - value: WV
100
+ text: West Virginia
101
+ - value: WI
102
+ text: Wisconsin
103
+ - value: WY
104
+ text: Wyoming
105
+ ---
106
+
107
+ <!doctype html>
108
+ <html>
109
+ <head>
110
+ <meta charset="utf-8">
111
+ <link rel="stylesheet" href="/assets/css/main.css" />
112
+ <link rel="stylesheet" href="/assets/css/style.css" />
113
+ <meta name="viewport" content="width=device-width;initial-scale=1">
114
+ <meta name="robots" content="noindex, nofollow">
115
+ <title>{{ page.title | default: "SF.GOV prototype" }}</title>
116
+ <link rel="shortcut icon" href="/assets/favicon.ico" />
117
+ <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500" rel="stylesheet">
118
+ <script src="/assets/js/jquery.js"></script>
119
+ <script src="/assets/js/validator.js"></script>
120
+ <script src="/assets/js/script.js"></script>
121
+ </head>
122
+ <body>
123
+ <script src="https://hypothes.is/embed.js" async></script>
124
+ {{ content }}
125
+ </body>
126
+ </html>
@@ -0,0 +1,35 @@
1
+ ---
2
+ layout: base
3
+ permalink: /
4
+ ---
5
+
6
+ {% capture folder_icon %}
7
+ <svg viewBox="0 0 55 70" version="1.1" xmlns="http://www.w3.org/2000/svg">
8
+ <g fill-rule="evenodd">
9
+ <g fill="#4F66EE" fill-rule="nonzero">
10
+ <path d="M27.744186,0.5 C28.4219649,0.5 29.0706971,0.775196056 29.541744,1.2625348 L54.2859301,26.8625348 C54.7365093,27.328698 54.9883721,27.9516716 54.9883721,28.6 L54.9883721,67 C54.9883721,68.3807119 53.869084,69.5 52.4883721,69.5 L3,69.5 C1.61928813,69.5 0.5,68.3807119 0.5,67 L0.5,3 C0.5,1.61928813 1.61928813,0.5 3,0.5 L27.744186,0.5 Z M23.941,5.5 L5.5,5.5 L5.5,64.5 L49.9883721,64.5 L49.988,32.662 L26.4418605,32.6627907 C25.1163771,32.6627907 24.0318218,31.6312548 23.9471781,30.3271664 L23.9418605,30.1627907 L23.941,5.5 Z M48.105,27.662 L28.941,7.836 L28.9418605,27.6627907 L48.105,27.662 Z" ></path>
11
+ </g>
12
+ </g>
13
+ </svg>
14
+ {% endcapture %}
15
+
16
+ <div class="layout-container">
17
+ <header class="hero-banner default">
18
+ <h1>Choose a prototype</h1>
19
+ </header>
20
+ <ul class="form-jekyll-list">
21
+ {% for page in site.pages %}
22
+ {% if page.form %}
23
+ <li>
24
+
25
+ <a href="{{ page.url }}">
26
+
27
+ {{ folder_icon }}
28
+
29
+ <span>{{ page.title }}</span>
30
+ </a>
31
+ </li>
32
+ {% endif %}
33
+ {% endfor %}
34
+ </ul>
35
+ </div>
@@ -1,165 +1,44 @@
1
1
  ---
2
- address-states:
3
- - value: AL
4
- text: Alabama
5
- - value: AK
6
- text: Alaska
7
- - value: AZ
8
- text: Arizona
9
- - value: AR
10
- text: Arkansas
11
- - value: CA
12
- text: California
13
- - value: CO
14
- text: Colorado
15
- - value: CT
16
- text: Connecticut
17
- - value: DE
18
- text: Delaware
19
- - value: DC
20
- text: District Of Columbia
21
- - value: FL
22
- text: Florida
23
- - value: GA
24
- text: Georgia
25
- - value: HI
26
- text: Hawaii
27
- - value: ID
28
- text: Idaho
29
- - value: IL
30
- text: Illinois
31
- - value: IN
32
- text: Indiana
33
- - value: IA
34
- text: Iowa
35
- - value: KS
36
- text: Kansas
37
- - value: KY
38
- text: Kentucky
39
- - value: LA
40
- text: Louisiana
41
- - value: ME
42
- text: Maine
43
- - value: MD
44
- text: Maryland
45
- - value: MA
46
- text: Massachusetts
47
- - value: MI
48
- text: Michigan
49
- - value: MN
50
- text: Minnesota
51
- - value: MS
52
- text: Mississippi
53
- - value: MO
54
- text: Missouri
55
- - value: MT
56
- text: Montana
57
- - value: NE
58
- text: Nebraska
59
- - value: NV
60
- text: Nevada
61
- - value: NH
62
- text: New Hampshire
63
- - value: NJ
64
- text: New Jersey
65
- - value: NM
66
- text: New Mexico
67
- - value: NY
68
- text: New York
69
- - value: NC
70
- text: North Carolina
71
- - value: ND
72
- text: North Dakota
73
- - value: OH
74
- text: Ohio
75
- - value: OK
76
- text: Oklahoma
77
- - value: OR
78
- text: Oregon
79
- - value: PA
80
- text: Pennsylvania
81
- - value: RI
82
- text: Rhode Island
83
- - value: SC
84
- text: South Carolina
85
- - value: SD
86
- text: South Dakota
87
- - value: TN
88
- text: Tennessee
89
- - value: TX
90
- text: Texas
91
- - value: UT
92
- text: Utah
93
- - value: VT
94
- text: Vermont
95
- - value: VA
96
- text: Virginia
97
- - value: WA
98
- text: Washington
99
- - value: WV
100
- text: West Virginia
101
- - value: WI
102
- text: Wisconsin
103
- - value: WY
104
- text: Wyoming
2
+ layout: base
105
3
  ---
106
4
 
107
- <!doctype html>
108
- <html>
109
- <head>
110
- <meta charset="utf-8">
111
- <link rel="stylesheet" href="/assets/css/main.css" />
112
- <link rel="stylesheet" href="/assets/css/style.css" />
113
- <meta name="viewport" content="width=device-width;initial-scale=1">
114
- <meta name="robots" content="noindex, nofollow">
115
- <title>{{ page.title | default: "SF.GOV prototype" }}</title>
116
- <link rel="shortcut icon" href="/assets/favicon.ico" />
117
- <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500" rel="stylesheet">
118
- <script src="/assets/js/jquery.js"></script>
119
- <script src="/assets/js/validator.js"></script>
120
- <script src="/assets/js/script.js"></script>
121
- </head>
122
- <body>
123
- <script src="https://hypothes.is/embed.js" async></script>
124
- <div class="layout-container">
125
- {% include sfgov/alpha-banner.html %}
126
- {% include sfgov/header.html %}
5
+ <div class="layout-container">
6
+ {% include sfgov/alpha-banner.html %}
7
+ {% include sfgov/header.html %}
127
8
 
128
- <main role="main">
129
- <span class="hero-banner--border">
130
- <span class="hero-banner--border-contain"></span>
131
- </span>
9
+ <main role="main">
10
+ <span class="hero-banner--border">
11
+ <span class="hero-banner--border-contain"></span>
12
+ </span>
132
13
 
133
- <form class="form">
134
- {% include render_form.html form=page.form %}
135
- </form>
136
- </main>
14
+ <form class="form">
15
+ {% include render_form.html form=page.form %}
16
+ </form>
17
+ </main>
137
18
 
138
- {% include sfgov/footer.html %}
139
- </div>
19
+ {% include sfgov/footer.html %}
20
+ </div>
140
21
 
141
- <div class="form-settings">
142
- <h5>Settings</h5>
22
+ <div class="form-settings">
23
+ <h5>Settings</h5>
143
24
 
144
- <a href="javascript:void(0);" class="form-settings-toggle" title="Toggle settings">
145
- <img src="/assets/images/settings-toggle.svg" alt="Toggle settings" />
146
- </a>
25
+ <a href="javascript:void(0);" class="form-settings-toggle" title="Toggle settings">
26
+ <img src="/assets/images/settings-toggle.svg" alt="Toggle settings" />
27
+ </a>
147
28
 
148
29
 
149
- <label class="checkbox">
150
- <input type="checkbox" id="settings-all-pages">
151
- <span>Show all pages</span>
152
- </label>
30
+ <label class="checkbox">
31
+ <input type="checkbox" id="settings-all-pages">
32
+ <span>Show all pages</span>
33
+ </label>
153
34
 
154
- <label class="checkbox">
155
- <input type="checkbox" id="settings-all-conditionals">
156
- <span>Show hidden conditionals</span>
157
- </label>
35
+ <label class="checkbox">
36
+ <input type="checkbox" id="settings-all-conditionals">
37
+ <span>Show hidden conditionals</span>
38
+ </label>
158
39
 
159
- <label class="checkbox">
160
- <input type="checkbox" id="settings-top-nav">
161
- <span>Show navigation on top</span>
162
- </label>
163
- </div>
164
- </body>
165
- </html>
40
+ <label class="checkbox">
41
+ <input type="checkbox" id="settings-top-nav">
42
+ <span>Show navigation on top</span>
43
+ </label>
44
+ </div>
data/assets/css/main.scss CHANGED
@@ -823,7 +823,6 @@ h5 {
823
823
  .field-file {
824
824
  label {
825
825
  position: relative;
826
- display: inline-block;
827
826
  cursor: pointer;
828
827
  height: 6.5rem;
829
828
  }
@@ -843,6 +842,9 @@ h5 {
843
842
  right: 0;
844
843
  left: 0;
845
844
  z-index: 5;
845
+ white-space: nowrap;
846
+ overflow: hidden;
847
+ text-overflow: ellipsis;
846
848
  -webkit-user-select: none;
847
849
  -moz-user-select: none;
848
850
  -ms-user-select: none;
@@ -1,6 +1,8 @@
1
1
  ---
2
2
  ---
3
3
 
4
+ @import 'variables';
5
+
4
6
  body {
5
7
  background: #fff;
6
8
  }
@@ -11,6 +13,35 @@ $shadow: 0 1px 4px rgba(#000, 0.06);
11
13
 
12
14
  // Page layout
13
15
 
16
+ .form-jekyll-list {
17
+ @include contain-1090;
18
+ list-style: none;
19
+
20
+ a,
21
+ a:hover,
22
+ a:focus,
23
+ a:active,
24
+ a:visited {
25
+ background: $white;
26
+ color: $bright-blue;
27
+ text-decoration: none;
28
+ @include fs-title-3-mobile;
29
+ display: flex;
30
+ align-items: center;
31
+ border: 3px solid $bright-blue;
32
+ border-radius: $radius;
33
+ padding: 1rem 1.5rem;
34
+ max-width: 38rem;
35
+ margin-bottom: 1.5rem;
36
+ }
37
+
38
+ svg {
39
+ width: 3rem;
40
+ flex: none;
41
+ margin-right: 2.5rem;
42
+ }
43
+ }
44
+
14
45
  .page-header {
15
46
  border-bottom: 5px solid #4F66EE;
16
47
  padding-bottom: 1.5rem;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: form-jekyll
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.2
4
+ version: 0.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Josh Rubenoff
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-08-15 00:00:00.000000000 Z
11
+ date: 2019-08-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -89,6 +89,8 @@ files:
89
89
  - _includes/sfgov/alpha-banner.html
90
90
  - _includes/sfgov/footer.html
91
91
  - _includes/sfgov/header.html
92
+ - _layouts/base.html
93
+ - _layouts/choose.html
92
94
  - _layouts/default.html
93
95
  - _sass/sfgov.scss
94
96
  - _sass/variables.scss
@@ -122,7 +124,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
122
124
  - !ruby/object:Gem::Version
123
125
  version: '0'
124
126
  requirements: []
125
- rubygems_version: 3.0.3
127
+ rubygems_version: 3.0.6
126
128
  signing_key:
127
129
  specification_version: 4
128
130
  summary: A prototyping tool for SF.GOV forms.