va_common 0.3.2 → 0.3.3

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.
@@ -0,0 +1,147 @@
1
+ // IE 8 and lower
2
+
3
+ html .main .row {
4
+ width: 960px;
5
+ margin: 0 auto;
6
+ clear: both;
7
+ padding-top: 1em;
8
+ padding-bottom: 1em;
9
+ }
10
+
11
+ html .main .row:after {
12
+ visibility: hidden;
13
+ display: block;
14
+ font-size: 0;
15
+ content: " ";
16
+ clear: both;
17
+ height: 0;
18
+ }
19
+
20
+ body.page-disability .row.full, body.page-education .row.full {
21
+ max-width: 100%;
22
+ margin: 0 auto;
23
+ }
24
+
25
+ body.page-disability .splash, body.page-education .splash {
26
+ padding-left: .5em;
27
+ }
28
+
29
+ .header h1 a, .header h1 a:hover, .header h1 a:active, .header h1 a:focus {
30
+ display: block;
31
+ width: 315px;
32
+ height: 60px;
33
+ }
34
+
35
+ ul.cards li {
36
+ width: 100%;
37
+ text-align: left !important;
38
+ padding: 0;
39
+ margin: 0;
40
+ }
41
+
42
+ ul.cards li a, ul.cards li .coming-soon {padding: 1em 0; text-align: left; border-bottom: 1px solid #def;}
43
+
44
+ ul.cards li a:hover, ul.cards li .coming-soon:hover {border-bottom: 1px solid #def;}
45
+
46
+ .splash span, .splash h2 {
47
+ background: #E8C541;
48
+ font-size: 1.5em;
49
+ margin: 1em 0;
50
+ }
51
+
52
+ .navigation {
53
+ padding: 2em 0;
54
+ }
55
+
56
+ .navigation ul.cards li a {
57
+ background: #3A6EAA;
58
+ margin-bottom: .5em;
59
+ padding: .5em;
60
+ }
61
+
62
+ .draft {
63
+ position: absolute;
64
+ top: 0;
65
+ right: 0;
66
+ padding: .55em;
67
+ background: #9C202C;
68
+ color: #fff;
69
+ }
70
+
71
+ ul.breadcrumbs {
72
+ display: block;
73
+ margin-bottom: 2em;
74
+ }
75
+
76
+ *.three {
77
+ background: #fff;
78
+ }
79
+
80
+ ol.checklist ul li {
81
+ background: #F5EDE0;
82
+ margin: 0 .25em;
83
+ float: left;
84
+ display: inline-block;
85
+ padding: .5em 1.5em;
86
+ border: 2px solid #fff;
87
+ text-align: center;
88
+ }
89
+
90
+ ol.checklist ul li i, ol.checklist ul li svg, ol.checklist ul li .icon {display: none;}
91
+
92
+ .main {padding: 2em 0 0 0;}
93
+
94
+ .footer {
95
+ background: #10345E;
96
+ padding-right: 1em;
97
+ padding-left: 1em;
98
+ }
99
+
100
+ section {
101
+ border: 4px solid purple;
102
+ }
103
+
104
+ .footer a {
105
+ border-bottom: 2px solid #103E74;
106
+ }
107
+
108
+ .footer a.blog, .footer a.contact {
109
+ max-width: auto !important;
110
+ width: auto !important;
111
+ display: inline-block;
112
+ margin: 0;
113
+ }
114
+
115
+ .footer .social {
116
+ float: right;
117
+ width: 30%;
118
+ }
119
+
120
+ .footer .address {
121
+ float: left;
122
+ width: 60%;
123
+ }
124
+
125
+ .footer dl.vcard {
126
+ padding-left: 1em;
127
+ }
128
+
129
+ .footer dl.vcard dl, .footer dl.vcard dt, .footer dl.vcard dd {
130
+ display: inline;
131
+ text-align: left;
132
+ margin-right: .35em;
133
+ }
134
+
135
+ .footer dl.vcard dt {
136
+ display: block;
137
+ }
138
+
139
+ .alert-box.notice .message {
140
+ float: left;
141
+ width: 70%;
142
+ }
143
+
144
+ .alert-box.notice .info {
145
+ float: right;
146
+ width: 20%;
147
+ }
@@ -2,22 +2,14 @@
2
2
  <div class="row">
3
3
  <div class="small-12 columns">
4
4
 
5
- <p>Please note: Content on this Web page is for informational purposes only. It is not intended to provide legal advice or to be a comprehensive statement or analysis of applicable statutes, regulations, and case law governing this topic. Rather, it’s a plain-language summary. If you are seeking claims assistance, your local VA regional office, a VA-recognized Veterans Service Organization, or a VA-accredited attorney or agent can help. <a href="http://www.va.gov/ogc/apps/accreditation/index.asp">Search for help near you</a>.</p>
5
+ <p>Please note: Content on this Web page is for informational purposes only. It is not intended to provide legal advice or to be a comprehensive statement or analysis of applicable statutes, regulations, and case law governing this topic. Rather, it’s a plain-language summary. If you are seeking claims assistance, your local VA regional office, a VA-recognized Veterans Service Organization, or a VA-accredited attorney or agent can help. <a target="_blank" href="http://www.va.gov/ogc/apps/accreditation/index.asp">Search for help near you</a>.</p>
6
6
 
7
7
  </div>
8
8
  </div>
9
9
  </div>
10
- <div class="footer" role="contentinfo">
11
- <div class="content">
12
- <div class="wow row fadeIn animated animated" style="visibility: visible; animation-name: fadeIn;">
13
- <div class="small-12 medium-12 columns">
14
- <div class="footer-logo">
15
- <%= link_to 'Vets.gov', '/' %>
16
- </div>
17
- </div>
18
- </div>
19
- </div>
20
10
 
11
+
12
+ <div class="footer" role="contentinfo">
21
13
  <div class="row wow fadeIn animated">
22
14
  <div class="small-12 medium-3 columns">
23
15
  <ul>
@@ -30,14 +22,14 @@
30
22
  <ul>
31
23
  <li><b>Resources</b></li>
32
24
  <li><a class="vets-app" href="/veterans-employment-center/">Veterans Employment Center&trade;</a></li>
33
- <li><a class="vets-app" href="/facility-locator">Facility Locator</a></li>
34
- <li><a class="vets-app" href="/gi-bill-comparison-tool/">GI Bill® Comparison Tool</a></li>
25
+ <li><a class="vets-app" href="/facility-locator">Facility Locator</a></li>
26
+ <li><a class="vets-app" href="/gi-bill-comparison-tool/">GI Bill Comparison Tool</a></li>
35
27
  </ul>
36
28
  </div>
37
29
  <!--Use with Signup <div class="small-12 medium-2 columns"> -->
38
30
  <div class="small-12 medium-3 columns">
39
31
  <ul>
40
- <li><b>Process</b></li>
32
+ <li><b>Creating Vets.gov</b></li>
41
33
  <li><a href="/playbook/">Playbook</a></li>
42
34
  <li><a href="/experience/">Blog</a></li>
43
35
  </ul>
@@ -45,16 +37,17 @@
45
37
  <div class="small-12 medium-2 columns">
46
38
  <ul>
47
39
  <li><b>Connect</b></li>
48
- <!-- <li><a href="/contact/">Contact Us</a></li> -->
49
40
  <li>
50
41
  <div class="usa-social-links">
51
- <a href="https://www.facebook.com/VeteransAffairs">
42
+ <a target="_blank" href="https://www.facebook.com/VeteransAffairs">
52
43
  <svg width="26" height="39" role="img" aria-label="Facebook">
53
44
  <title>Facebook</title>
54
45
  <image xlink:href="<%= image_path('social-icons/svg/facebook25.svg')%>" src="<%= image_path('social-icons/png/facebook25.png')%>" width="26" height="39" />
55
46
  </svg>
47
+
48
+ </svg>
56
49
  </a>
57
- <a href="https://twitter.com/DeptVetAffairs/">
50
+ <a target="_blank" href="https://twitter.com/DeptVetAffairs/">
58
51
  <svg width="26" height="39" role="img" aria-label="Twitter">
59
52
  <title>Twitter</title>
60
53
  <image xlink:href="<%= image_path('social-icons/svg/twitter16.svg')%>" src="<%= image_path('social-icons/png/twitter16.png')%>" width="26" height="39" />
@@ -66,45 +59,92 @@
66
59
  </div>
67
60
  </div>
68
61
 
62
+ <div class="row">
63
+
64
+ <div class="large-8 columns">
65
+ <ul class="final-list">
66
+ <li><a target="_blank" href="http://va.gov/">VA.gov</a></li>
67
+ <li><a target="_blank" href="http://www.va.gov/oig/">Inspector General</a></li>
68
+ <li><a target="_blank" href="http://www.section508.va.gov/">Accessibility</a></li>
69
+ <li><a target="_blank" href="http://www.va.gov/privacy/">Privacy</a></li>
70
+ <li><a target="_blank" href="http://usa.gov">USA.gov</a></li>
71
+ </ul>
72
+ </div>
73
+
74
+ <div class="large-4 columns text-right">
75
+ <!-- <div class="footer-crisis text-center touch">
76
+ <a href="tel:1-800-273-8255"><span>Veterans Crisis Line</span> <span class="tel" id="crisis-line">1-800-273-8255</span> <span aria-desicribedby="crisis-line">(Press 1)</span></a>
77
+ </div> -->
78
+
79
+ <div class="footer-crisis text-center no-touch">
80
+ <a target="_blank" href="https://www.veteranscrisisline.net/"><span>Veterans Crisis Line</span> 1-800-273-8255 (Press 1)</a>
81
+ </div>
82
+ </div>
83
+
84
+ </div>
69
85
 
70
86
  <div class="footer-address">
71
87
  <div class="row secondary wow fadeIn animated">
72
- <div class="medium-12 columns">
73
-
74
- <div class="row">
75
- <div class="medium-7 columns">
76
- <div class="medium-5 columns footer-seal">
77
- <abbr>VA</abbr> | U.S. Department of Veterans Affairs
78
- </div>
79
- <div class="medium-7 columns">
80
- <ul class="final-list">
81
- <li><a href="http://www.va.gov">VA.gov</a></li>
82
- <li><a href="http://www.section508.va.gov/">Accessibility</a></li>
83
- <li><a href="http://www.va.gov/privacy/">Privacy</a></li>
84
- <li><a href="http://usa.gov">USA.gov</a></li>
85
- </ul>
86
- </div>
87
- </div>
88
-
89
- <div class="medium-4 columns">
90
- <div class="footer-crisis text-center">
91
- <span>Veterans Crisis Line</span> <a href="tel:1-800-273-8255">1-800-273-8255 (Press 1)</a>
92
- </div>
93
- </div>
88
+ <div class="small-12 large-4 columns">
89
+ <div class="footer-seal">
90
+ <abbr>VA</abbr> | U.S. Department of Veterans Affairs
94
91
  </div>
95
92
  </div>
96
- </div>
93
+
94
+ <div class="small-12 large-8 columns text-right">
95
+ <a href="https://www.vets.gov/2015/11/11/why-we-are-designing-in-beta.html" class="usa-button usa-button-outline-inverse">Help Us Create vets.gov: A Message from Secretary Robert McDonald</a>
96
+ </div>
97
+
98
+ </div>
99
+
97
100
  </div>
98
- </div>
99
101
 
100
- <div data-alert class="alert-box coda">
101
- <div class="row full">
102
- <div class="small-12 medium-6 columns">
103
- <a href="{{ site.url }}/2015/11/11/why-we-are-designing-in-beta.html" class="usa-button usa-button-outline-inverse">Help Us Create vets.gov: A Message from Secretary Robert McDonald</a>
102
+ <div data-alert class="alert-box coda">
103
+ <div class="row full">
104
+ <div class="small-12 columns feedback">
105
+ We need your feedback to make Vets.gov better. <a target="_blank" href="https://veterans.uservoice.com/">Visit our feedback Forum</a>
106
+ </div>
104
107
  </div>
105
- <div class="small-12 medium-6 columns feedback">
106
- We need your feedback to make Vets.gov better.<br/>
107
- <a href="https://veterans.uservoice.com/">Feedback Forum</a>
108
- </div>
109
- </div>
108
+ </div>
110
109
  </div>
110
+
111
+ <script>
112
+
113
+ UserVoice=window.UserVoice||[];(function(){var uv=document.createElement('script');uv.type='text/javascript';uv.async=true;uv.src='//widget.uservoice.com/NDkEKHU7ZuU64RQKkUL9Q.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(uv,s)})();
114
+
115
+
116
+ UserVoice.push(['set', {
117
+ accent_color: '#808283',
118
+ trigger_color: '#0F3D73',
119
+ trigger_background_color: '#0F3D73',
120
+ trigger_style: 'icon', // icon or tab
121
+ trigger_background_color: 'white'
122
+ }]);
123
+
124
+ UserVoice.push(['identify', {
125
+
126
+ }]);
127
+
128
+
129
+ UserVoice.push(['addTrigger', {trigger_position: 'bottom-right', strings: {suggestion_category_label: 'General' },}]);
130
+
131
+ UserVoice.push(['autoprompt', {}]);
132
+ </script>
133
+
134
+ <!-- Vets.gov-wide GA -->
135
+ <script>
136
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
137
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
138
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
139
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
140
+
141
+ ga('create', 'UA-50123418-3', 'auto');
142
+ ga('send', 'pageview');
143
+
144
+ </script>
145
+
146
+
147
+ <!--
148
+ "To care for him who shall have borne the battle and for his widow, and his orphan."
149
+ - Abraham Lincoln
150
+ -->
@@ -1,8 +1,57 @@
1
+ <!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
2
+ <!--[if IE 7 ]> <html lang="en" class="ie7"> <![endif]-->
3
+ <!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]-->
4
+ <!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]-->
5
+ <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
6
+
7
+ <head>
8
+ <meta charset="utf-8">
9
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
10
+ <meta name="HandheldFriendly" content="True">
11
+ <meta name="MobileOptimized" content="320">
12
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
13
+
14
+ <script>
15
+ new WOW().init();
16
+ </script>
17
+
18
+
19
+ <!--[if lt IE 9]>
20
+ <%= javascript_include_tag 'html5shiv' %>
21
+ <![endif]-->
22
+
23
+
24
+
25
+ <!-- Icons -->
26
+ <link href="/assets/images/design/icons/apple-touch-icon.png" rel="apple-touch-icon-precomposed" />
27
+ <link href="/assets/images/design/icons/apple-touch-icon-72x72.png" rel="apple-touch-icon-precomposed" sizes="72x72" />
28
+ <link href="/assets/images/design/icons/apple-touch-icon-114x114.png" rel="apple-touch-icon-precomposed" sizes="114x114" />
29
+ <link href="/assets/images/design/icons/apple-touch-icon-152x152.png" rel="apple-touch-icon-precomposed" sizes="144x144" />
30
+ <link rel="shortcut icon" href="/assets/images/design/icons/favicon.ico" />
31
+
32
+ <meta name="msapplication-TileImage" content="/assets/images/design/icons/apple-touch-icon-114x114">
33
+ <meta name="msapplication-TileColor" content="#144073">
34
+
35
+ <!-- Old IE -->
36
+
37
+ <!--[if lt IE 9]>
38
+ <link rel='stylesheet' href='/assets/stylesheets/ie.css'>
39
+ <![endif]-->
40
+
41
+ <!-- We participate in the US government's analytics program. See the data at analytics.usa.gov. -->
42
+ <script src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=VA" id="_fed_an_ua_tag"></script>
43
+
44
+ </head>
45
+ <body class="{{ page.body_class }}">
46
+
47
+ <a class="show-on-focus" href="#content">Skip to Content</a>
48
+
49
+
1
50
  <div class="header">
2
51
  <div data-alert class="alert-box notice">
3
52
  <div class="row full">
4
53
  <div class="small-12 message">
5
- <p><strong>This site is a <a href="https://www.vets.gov/playbook/design/">work in progress.</a></strong> If you don&rsquo;t find what you need, visit <a href="http://www.va.gov">VA.gov</a>.</p>
54
+ <p><strong>This site is a <a target="_blank" href="https://www.vets.gov/playbook/design/">work in progress.</a></strong> If you don&rsquo;t find what you need, visit <a target="_blank" href="http://www.va.gov">VA.gov</a>.</p>
6
55
  </div>
7
56
  </div>
8
57
  </div>
@@ -14,45 +63,30 @@
14
63
  </div>
15
64
 
16
65
  <!-- Mobile search button -->
17
- <div class="hide-for-medium-up search-button" id="trigger-overlay-button">
18
- <button type="button" data-reveal-id="mobile-menu" class="usa-button usa-button-outline-inverse" aria-hidden="true">Search</button>
66
+ <div class="hide-for-medium-up search-button">
67
+ <button id="trigger-overlay" type="button" class="usa-button usa-button-outline-inverse" aria-controls="mobile-menu" aria-flowto="mobile-menu">Search</button>
19
68
  </div>
20
69
 
21
- <div id="mobile-menu" class="reveal-modal overlay overlay-fullscreen" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog" data-options="close_on_background_click:false">
22
- <button type="usa-button" id="overlay-close-button" class="overlay-close close-reveal-modal" aria-label="Close">Close</button>
70
+ <div id="mobile-menu" class="overlay overlay-fullscreen" role="dialog">
71
+ <div class="medium-5 medium-offset-3 text-right columns">
72
+ <button type="button" class="overlay-close" aria-label="close search form - mobile only">Close</button>
23
73
  <div class="menu">
24
- <form accept-charset="UTF-8" action="https://search.usa.gov/search" id="search_form" method="get">
25
- <div style="margin:0;padding:0;display:inline">
26
- <input name="utf8" type="hidden" value="&#x2713;" /></div>
27
- <input id="affiliate" name="affiliate" type="hidden" value="vets.gov_staging" />
28
- <label for="mobile-query">Search:</label>
29
- <div class="row collapse">
30
- <div class="small-9 columns">
31
- <input autocomplete="off" class="usagov-search-autocomplete" id="mobile-query" name="query" type="text" />
32
- </div>
33
- <div class="small-3 columns">
34
- <input name="commit" type="submit" value="Search" />
35
- </div>
36
- </div>
37
- </form>
38
- </div>
39
- </div>
40
-
41
- <div class="medium-5 medium-offset-3 text-right columns show-for-medium-up">
42
- <form accept-charset="UTF-8" action="https://search.usa.gov/search" id="search_form" method="get">
43
- <div style="margin:0;padding:0;display:inline">
44
- <input name="utf8" type="hidden" value="&#x2713;" /></div>
45
- <input id="affiliate" name="affiliate" type="hidden" value="vets.gov_staging" />
46
- <label for="query">Search:</label>
47
- <div class="row collapse">
48
- <div class="small-9 columns">
49
- <input autocomplete="off" class="usagov-search-autocomplete" id="query" name="query" type="text" />
50
- </div>
51
- <div class="small-3 columns">
52
- <input name="commit" type="submit" value="Search" />
53
- </div>
54
- </form>
74
+ <form accept-charset="UTF-8" action="https://search.usa.gov/search" id="search_form" method="get">
75
+ <div style="margin:0;padding:0;display:inline">
76
+ <input name="utf8" type="hidden" value="&#x2713;" /></div>
77
+ <input id="affiliate" name="affiliate" type="hidden" value="vets.gov_staging" />
78
+ <label for="mobile-query">Search:</label>
79
+ <div class="row collapse">
80
+ <div class="small-9 columns">
81
+ <input autocomplete="off" class="usagov-search-autocomplete" id="mobile-query" name="query" type="text" />
82
+ </div>
83
+ <div class="small-3 columns">
84
+ <input name="commit" type="submit" value="Search" />
85
+ </div>
86
+ </div>
87
+ </form>
88
+ </div>
55
89
  </div>
56
90
  </div>
57
91
  </div>
58
- </div>
92
+ </div>
@@ -4,4 +4,4 @@
4
4
  <%= yield %>
5
5
  <%= render 'va_common/footer' %>
6
6
  </main>
7
- </div>
7
+ </div>
@@ -1,3 +1,3 @@
1
1
  module VaCommon
2
- VERSION = "0.3.2"
2
+ VERSION = "0.3.3"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: va_common
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.2
4
+ version: 0.3.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Emily Wright-Moore
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2016-01-20 00:00:00.000000000 Z
11
+ date: 2016-01-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -322,6 +322,7 @@ files:
322
322
  - app/assets/js/va_common_main.js
323
323
  - app/assets/js/vendor/classie.js
324
324
  - app/assets/js/vendor/foundation.reveal.js
325
+ - app/assets/js/vendor/jquery-accessible-simple-tooltip-aria.js
325
326
  - app/assets/js/vendor/nwmatcher-1.2.5-min.js
326
327
  - app/assets/js/vendor/svg-injector.js
327
328
  - app/assets/stylesheets/_va.scss
@@ -341,6 +342,7 @@ files:
341
342
  - app/assets/stylesheets/elements/_typography.scss
342
343
  - app/assets/stylesheets/functions/_new-breakpoint.scss
343
344
  - app/assets/stylesheets/functions/_private.scss
345
+ - app/assets/stylesheets/ie.css
344
346
  - app/assets/stylesheets/va_common_main.scss
345
347
  - app/views/va_common/_footer.html.erb
346
348
  - app/views/va_common/_header.html.erb
@@ -370,7 +372,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
370
372
  version: '0'
371
373
  requirements: []
372
374
  rubyforge_project:
373
- rubygems_version: 2.4.5.1
375
+ rubygems_version: 2.2.2
374
376
  signing_key:
375
377
  specification_version: 4
376
378
  summary: common elements - header and footer for vets.gov