atlas_assets 0.1.4 → 0.1.5

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.
data/Gemfile.lock CHANGED
@@ -9,7 +9,7 @@ GIT
9
9
  PATH
10
10
  remote: .
11
11
  specs:
12
- atlas_assets (0.1.4)
12
+ atlas_assets (0.1.5)
13
13
  handlebars_assets (~> 0.12.1)
14
14
 
15
15
  GEM
data/_config.yml CHANGED
@@ -7,6 +7,7 @@ kramdown:
7
7
  assets:
8
8
  sources:
9
9
  - ../lib/assets/fonts
10
+ - ../lib/assets/images
10
11
  - ../lib/assets/stylesheets
11
12
  - ../lib/assets/javascripts
12
13
  compress:
@@ -12,8 +12,52 @@ date: 2013-05-17 23:24:04
12
12
  padding: .25em .5em;
13
13
  margin: .5em 1em .5em 0;
14
14
  }
15
+ .show-logo {
16
+ padding: 10px;
17
+ display: block;
18
+ margin-bottom: 10px;
19
+ }
20
+ .show-logo-red {
21
+ background-color: #ac2f3c;
22
+ }
15
23
  </style>
16
24
 
25
+ Logos
26
+ =====
27
+
28
+ The gem includes 2 SVG versions of the O'Reilly Atlas logo. They default to having no margins or padding, to enable use in menus.
29
+
30
+ Colors
31
+ ------
32
+
33
+ <div class="show-logo"><span class="logo"></span></div>
34
+ <div class="show-logo show-logo-red"><span class="logo logo-white"></span></div>
35
+
36
+ ~~~html
37
+ <span class="logo"></span>
38
+ <span class="logo logo-white"></span>
39
+ ~~~
40
+
41
+ Sizes
42
+ -----
43
+
44
+ You can easily change the size of the logo by changing the `width` and `height` of the specific `.logo` box. However, the stylesheet ships with 4 different sizes:
45
+
46
+ <div class="show-logo"><span class="logo logo-small"></span></div>
47
+ <div class="show-logo"><span class="logo"></span></div>
48
+ <div class="show-logo"><span class="logo logo-medium"></span></div>
49
+ <div class="show-logo"><span class="logo logo-large"></span></div>
50
+
51
+ ~~~html
52
+ <div class="show-logo"><span class="logo logo-small"></span></div>
53
+ <div class="show-logo"><span class="logo"></span></div>
54
+ <div class="show-logo"><span class="logo logo-medium"></span></div>
55
+ <div class="show-logo"><span class="logo logo-large"></span></div>
56
+ ~~~
57
+
58
+ <br />
59
+
60
+
17
61
  Icons
18
62
  =====
19
63
 
@@ -12,7 +12,7 @@ Basic Navbar
12
12
 
13
13
  <div class="navbar">
14
14
  <div class="navbar-inner">
15
- <a class="brand" href="/">Brand</a>
15
+ <a class="brand" href="/"><span class="logo logo-white"></span></a>
16
16
  <ul class="nav">
17
17
  <li><a href="#">Item 1</a></li>
18
18
  <li><a href="#">Item 2</a></li>
@@ -23,7 +23,7 @@ Basic Navbar
23
23
  ~~~html
24
24
  <div class="navbar">
25
25
  <div class="navbar-inner">
26
- <a class="brand" href="/">Brand</a>
26
+ <a class="brand" href="/"><span class="logo logo-white"></span></a>
27
27
  <ul class="nav">
28
28
  <li><a href="#">Item 1</a></li>
29
29
  <li><a href="#">Item 2</a></li>
@@ -38,7 +38,7 @@ You can align a `.nav` to the right by appending a `.pull-right` class.
38
38
 
39
39
  <div class="navbar">
40
40
  <div class="navbar-inner">
41
- <a class="brand" href="/">Brand</a>
41
+ <a class="brand" href="/"><span class="logo logo-white"></span></a>
42
42
  <ul class="nav pull-right">
43
43
  <li><a href="#">Item 1</a></li>
44
44
  <li><a href="#">Item 2</a></li>
@@ -57,7 +57,7 @@ You can align a `.nav` to the right by appending a `.pull-right` class.
57
57
 
58
58
  <div class="navbar">
59
59
  <div class="navbar-inner">
60
- <a class="brand" href="/">Brand</a>
60
+ <a class="brand" href="/"><span class="logo logo-white"></span></a>
61
61
  <ul class="nav pull-right">
62
62
  <li><form><input type="text" placeholder="Search ..." /></form></li>
63
63
  </ul>
@@ -78,7 +78,7 @@ The gem also includes style for a footer. It can be used with `.row` and `.spanN
78
78
  <footer>
79
79
  <div class="row">
80
80
  <div class="span3 offset1">
81
- This is a footer
81
+ <span class="logo"></span>
82
82
  <p class="small">All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners.</p>
83
83
  </div>
84
84
  <div class="span3 offset1">
@@ -97,7 +97,7 @@ The gem also includes style for a footer. It can be used with `.row` and `.spanN
97
97
  <footer>
98
98
  <div class="row">
99
99
  <div class="span3 offset1">
100
- This is a footer
100
+ <span class="logo"></span>
101
101
  <p class="small">All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners.</p>
102
102
  </div>
103
103
  <div class="span3 offset1">
@@ -0,0 +1,50 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ width="383.889px" height="45.425px" viewBox="0 0 383.889 45.425" enable-background="new 0 0 383.889 45.425"
6
+ xml:space="preserve">
7
+ <g>
8
+ <path fill="#FFFFFF" d="M0,23.442c0,11.552,8.805,21.854,22.729,21.854c14.423,0,23.04-10.365,23.04-21.854
9
+ c0-11.865-8.866-21.855-22.915-21.855C9.053,1.587,0,11.64,0,23.442L0,23.442z M6.306,23.442c0-9.367,7.056-16.235,16.546-16.235
10
+ c9.553,0,16.607,6.868,16.607,16.235c0,9.304-7.057,16.231-16.607,16.231C13.362,39.675,6.306,32.746,6.306,23.442L6.306,23.442z"
11
+ />
12
+ <path fill="#FFFFFF" d="M50.265,19.071c5.807-0.937,7.556-3.934,7.556-9.491V2.15h-7.556v8.117h3.996
13
+ c0.188,3.809-1.312,5.557-3.996,5.932V19.071L50.265,19.071z"/>
14
+ <path fill="#FFFFFF" d="M64.229,2.149v42.584h6.119V26.251h2.561c3.121,0,5.682,1,11.301,9.74l5.619,8.74h7.306
15
+ c-2.935-4.061-3.995-5.492-5.807-8.432c-3.247-5.307-5.62-9.238-9.491-11.801c4.559-1.811,7.118-5.495,7.118-10.426
16
+ c0-7.368-5.37-11.926-13.986-11.926L64.229,2.149L64.229,2.149z M70.349,7.395h3.935c5.932,0,8.304,2.435,8.365,6.431
17
+ c0.062,3.559-1.812,6.931-8.365,6.931h-3.935V7.395L70.349,7.395z"/>
18
+ <polygon fill="#FFFFFF" points="124.184,2.149 100.02,2.149 100.02,44.733 124.745,44.733 124.745,39.24 106.139,39.24
19
+ 106.139,26.001 123.56,26.001 123.56,20.507 106.139,20.507 106.139,7.644 124.184,7.644 "/>
20
+ <polygon fill="#FFFFFF" points="136.699,2.149 130.58,2.149 130.58,44.733 136.699,44.733 "/>
21
+ <polygon fill="#FFFFFF" points="149.073,2.149 142.954,2.149 142.954,44.733 168.305,44.733 168.305,39.24 149.073,39.24 "/>
22
+ <polygon fill="#FFFFFF" points="178.445,2.149 172.326,2.149 172.326,44.733 197.677,44.733 197.677,39.24 178.445,39.24 "/>
23
+ <polygon fill="#FFFFFF" points="209.415,16.823 197.988,2.15 190.621,2.15 206.418,22.192 206.418,44.732 212.537,44.732
24
+ 212.537,22.255 228.334,2.15 220.966,2.15 "/>
25
+ </g>
26
+ <g>
27
+ <path fill="#FFFFFF" d="M255.698,32.699l-3.654,12.033h-8.001L257.65,2.268h9.893l13.798,42.464h-8.315l-3.843-12.033H255.698z
28
+ M267.857,26.839l-3.34-10.458c-0.817-2.583-1.513-5.481-2.143-7.938h-0.126c-0.63,2.457-1.261,5.418-2.018,7.938l-3.274,10.458
29
+ H267.857z"/>
30
+ <path fill="#FFFFFF" d="M293.308,5.292v8.758h7.371v5.796h-7.371v13.545c0,3.717,1.008,5.67,3.969,5.67
31
+ c1.323,0,2.331-0.188,3.023-0.377l0.126,5.922c-1.134,0.44-3.149,0.756-5.606,0.756c-2.835,0-5.229-0.944-6.679-2.521
32
+ c-1.639-1.764-2.395-4.536-2.395-8.567V19.846h-4.41V14.05h4.41V7.119L293.308,5.292z"/>
33
+ <path fill="#FFFFFF" d="M306.222,0h7.812v44.732h-7.812V0z"/>
34
+ <path fill="#FFFFFF" d="M339.675,44.732l-0.504-3.402h-0.188c-1.892,2.396-5.104,4.096-9.072,4.096
35
+ c-6.175,0-9.641-4.473-9.641-9.135c0-7.75,6.868-11.656,18.209-11.594v-0.504c0-2.016-0.818-5.355-6.237-5.355
36
+ c-3.023,0-6.175,0.945-8.254,2.268l-1.512-5.04c2.269-1.386,6.236-2.709,11.088-2.709c9.829,0,12.664,6.238,12.664,12.916V37.36
37
+ c0,2.772,0.126,5.481,0.44,7.372H339.675z M338.667,29.737c-5.48-0.126-10.711,1.071-10.711,5.733c0,3.023,1.953,4.41,4.411,4.41
38
+ c3.087,0,5.354-2.016,6.048-4.221c0.188-0.568,0.252-1.197,0.252-1.701V29.737L338.667,29.737z"/>
39
+ <path fill="#FFFFFF" d="M353.408,37.612c1.764,1.072,5.104,2.206,7.875,2.206c3.401,0,4.915-1.386,4.915-3.402
40
+ c0-2.078-1.262-3.148-5.041-4.474c-5.985-2.077-8.506-5.354-8.442-8.946c0-5.418,4.475-9.64,11.594-9.64
41
+ c3.401,0,6.362,0.882,8.128,1.827l-1.514,5.481c-1.322-0.756-3.779-1.764-6.488-1.764c-2.771,0-4.284,1.323-4.284,3.213
42
+ c0,1.953,1.449,2.898,5.354,4.284c5.544,2.017,8.127,4.851,8.189,9.388c0,5.545-4.348,9.576-12.475,9.576
43
+ c-3.719,0-7.058-0.882-9.324-2.143L353.408,37.612z"/>
44
+ <path fill="#FFFFFF" d="M376.586,5.604v0.944h-1.825v4.763h-1.133V6.548h-1.825V5.604H376.586z M382.754,11.311l-0.209-3.357
45
+ c-0.021-0.441-0.021-0.986-0.042-1.595h-0.062c-0.146,0.503-0.313,1.175-0.481,1.699l-1.027,3.168h-1.176l-1.027-3.252
46
+ c-0.104-0.441-0.271-1.112-0.397-1.616h-0.062c0,0.524-0.021,1.07-0.042,1.595l-0.21,3.357h-1.092l0.419-5.707h1.7l0.984,2.791
47
+ c0.126,0.44,0.23,0.86,0.378,1.448h0.021c0.146-0.524,0.272-1.007,0.398-1.427l0.985-2.812h1.636l0.441,5.707L382.754,11.311
48
+ L382.754,11.311z"/>
49
+ </g>
50
+ </svg>
@@ -0,0 +1,49 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ width="383.889px" height="45.425px" viewBox="0 0 383.889 45.425" enable-background="new 0 0 383.889 45.425"
6
+ xml:space="preserve">
7
+ <g>
8
+ <path d="M0,23.442c0,11.552,8.805,21.854,22.729,21.854c14.423,0,23.04-10.365,23.04-21.854c0-11.865-8.866-21.855-22.915-21.855
9
+ C9.053,1.587,0,11.64,0,23.442L0,23.442z M6.306,23.442c0-9.367,7.056-16.235,16.546-16.235c9.553,0,16.607,6.868,16.607,16.235
10
+ c0,9.304-7.056,16.231-16.607,16.231C13.362,39.675,6.306,32.746,6.306,23.442L6.306,23.442z"/>
11
+ <path fill="#AC2F3C" d="M50.265,19.071c5.807-0.937,7.556-3.934,7.556-9.491V2.15h-7.556v8.117h3.996
12
+ c0.188,3.809-1.312,5.557-3.996,5.932V19.071L50.265,19.071z"/>
13
+ <path d="M64.229,2.149v42.584h6.119V26.251h2.56c3.122,0,5.682,1,11.301,9.74l5.619,8.741h7.306
14
+ c-2.935-4.06-3.995-5.493-5.807-8.431c-3.247-5.307-5.62-9.239-9.491-11.801c4.559-1.811,7.118-5.495,7.118-10.427
15
+ c0-7.368-5.37-11.926-13.986-11.926L64.229,2.149L64.229,2.149z M70.349,7.395h3.934c5.932,0,8.304,2.435,8.366,6.431
16
+ c0.062,3.559-1.812,6.931-8.366,6.931h-3.934V7.395L70.349,7.395z"/>
17
+ <polygon points="124.184,2.149 100.02,2.149 100.02,44.733 124.745,44.733 124.745,39.24 106.139,39.24 106.139,26.001
18
+ 123.56,26.001 123.56,20.507 106.139,20.507 106.139,7.644 124.184,7.644 "/>
19
+ <polygon points="136.699,2.149 130.58,2.149 130.58,44.733 136.699,44.733 "/>
20
+ <polygon points="149.073,2.149 142.954,2.149 142.954,44.733 168.305,44.733 168.305,39.24 149.073,39.24 "/>
21
+ <polygon points="178.445,2.149 172.326,2.149 172.326,44.733 197.677,44.733 197.677,39.24 178.445,39.24 "/>
22
+ <polygon points="209.415,16.823 197.988,2.15 190.621,2.15 206.418,22.192 206.418,44.732 212.537,44.732 212.537,22.255
23
+ 228.334,2.15 220.966,2.15 "/>
24
+ </g>
25
+ <g>
26
+ <path fill="#AC2F3C" d="M255.697,32.699l-3.654,12.033h-8.001L257.65,2.268h9.892l13.798,42.464h-8.315l-3.843-12.033H255.697z
27
+ M267.857,26.839l-3.34-10.458c-0.818-2.583-1.513-5.481-2.143-7.938h-0.126c-0.63,2.457-1.26,5.418-2.017,7.938l-3.275,10.458
28
+ H267.857z"/>
29
+ <path fill="#AC2F3C" d="M293.308,5.292v8.758h7.371v5.796h-7.371v13.545c0,3.717,1.008,5.67,3.969,5.67
30
+ c1.323,0,2.331-0.188,3.023-0.377l0.126,5.922c-1.134,0.44-3.149,0.756-5.606,0.756c-2.835,0-5.229-0.944-6.679-2.521
31
+ c-1.639-1.764-2.395-4.536-2.395-8.567V19.846h-4.41V14.05h4.41V7.119L293.308,5.292z"/>
32
+ <path fill="#AC2F3C" d="M306.222,0h7.812v44.732h-7.812V0z"/>
33
+ <path fill="#AC2F3C" d="M339.675,44.732l-0.504-3.402h-0.188c-1.892,2.396-5.104,4.096-9.073,4.096c-6.174,0-9.64-4.473-9.64-9.135
34
+ c0-7.75,6.868-11.656,18.209-11.594v-0.504c0-2.016-0.819-5.355-6.238-5.355c-3.023,0-6.174,0.945-8.253,2.268l-1.512-5.04
35
+ c2.268-1.386,6.236-2.709,11.088-2.709c9.829,0,12.664,6.238,12.664,12.916V37.36c0,2.772,0.126,5.481,0.44,7.372H339.675z
36
+ M338.667,29.737c-5.48-0.126-10.711,1.071-10.711,5.733c0,3.023,1.953,4.41,4.411,4.41c3.087,0,5.354-2.016,6.048-4.221
37
+ c0.189-0.568,0.252-1.197,0.252-1.701V29.737L338.667,29.737z"/>
38
+ <path fill="#AC2F3C" d="M353.408,37.612c1.764,1.072,5.104,2.206,7.875,2.206c3.402,0,4.915-1.386,4.915-3.402
39
+ c0-2.078-1.261-3.149-5.041-4.474c-5.985-2.077-8.505-5.354-8.442-8.946c0-5.418,4.475-9.64,11.594-9.64
40
+ c3.401,0,6.362,0.882,8.128,1.827l-1.514,5.481c-1.322-0.756-3.779-1.764-6.488-1.764c-2.772,0-4.284,1.323-4.284,3.213
41
+ c0,1.953,1.449,2.898,5.354,4.284c5.544,2.017,8.127,4.851,8.19,9.388c0,5.545-4.348,9.576-12.475,9.576
42
+ c-3.719,0-7.058-0.882-9.324-2.143L353.408,37.612z"/>
43
+ <path fill="#AC2F3C" d="M376.586,5.604v0.944h-1.825v4.763h-1.133V6.548h-1.825V5.604H376.586z M382.754,11.311l-0.209-3.357
44
+ c-0.021-0.441-0.021-0.986-0.042-1.595h-0.062c-0.146,0.503-0.314,1.175-0.482,1.699l-1.027,3.168h-1.176l-1.027-3.252
45
+ c-0.104-0.441-0.272-1.112-0.398-1.616h-0.062c0,0.524-0.021,1.07-0.042,1.595l-0.21,3.357h-1.092l0.419-5.707h1.7l0.985,2.791
46
+ c0.126,0.44,0.23,0.86,0.378,1.448h0.021c0.146-0.524,0.272-1.007,0.398-1.427l0.986-2.812h1.636l0.441,5.707L382.754,11.311
47
+ L382.754,11.311z"/>
48
+ </g>
49
+ </svg>
@@ -1,3 +1,47 @@
1
+ /* Logos
2
+ ---------------------------------------------------------- */
3
+
4
+ // org size:
5
+ // 383.9 x 45.4
6
+
7
+ .logo {
8
+ background-image: url(asset_path('logo.svg'));
9
+ background-size: 100% auto;
10
+ background-repeat: no-repeat;
11
+ display: inline-block;
12
+
13
+ width: 130px;
14
+ height: 16px;
15
+ }
16
+
17
+ .logo.logo-white {
18
+ background-image: url(asset_path('logo-white.svg'));
19
+ }
20
+
21
+ .logo.logo-small {
22
+ width: 108px;
23
+ height: 13px;
24
+ }
25
+
26
+ .logo.logo-medium {
27
+ width: 269px;
28
+ height: 32px;
29
+ }
30
+
31
+ .logo.logo-large {
32
+ width: 384px;
33
+ height: 46px;
34
+ }
35
+
36
+ // fix logo in navbars
37
+ .navbar .logo {
38
+ vertical-align: text-bottom;
39
+ }
40
+
41
+ /* Icons
42
+ ---------------------------------------------------------- */
43
+
44
+
1
45
  @font-face {
2
46
  font-family: 'atlas';
3
47
  src:font-url('atlas.eot');
@@ -1,5 +1,5 @@
1
1
  module Atlas
2
2
  module Assets
3
- VERSION = "0.1.4"
3
+ VERSION = "0.1.5"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: atlas_assets
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.4
4
+ version: 0.1.5
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -63,6 +63,8 @@ files:
63
63
  - lib/assets/fonts/atlas.svg
64
64
  - lib/assets/fonts/atlas.ttf
65
65
  - lib/assets/fonts/atlas.woff
66
+ - lib/assets/images/logo-white.svg
67
+ - lib/assets/images/logo.svg
66
68
  - lib/assets/javascripts/atlas_assets.js
67
69
  - lib/assets/javascripts/atlas_assets_setup.js
68
70
  - lib/assets/javascripts/backbone.js