atlas_assets 0.1.4 → 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. data/Gemfile.lock +1 -1
  2. data/_config.yml +1 -0
  3. data/docs/_posts/2013-05-17-icons.md +44 -0
  4. data/docs/_posts/2013-05-17-navigation.md +6 -6
  5. data/lib/assets/images/logo-white.svg +50 -0
  6. data/lib/assets/images/logo.svg +49 -0
  7. data/lib/assets/stylesheets/atlas_assets/_icons.scss +44 -0
  8. data/lib/atlas_assets/version.rb +1 -1
  9. metadata +3 -1
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:
data/docs/_posts/2013-05-17-icons.md CHANGED
@@ -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
 
data/docs/_posts/2013-05-17-navigation.md CHANGED
@@ -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">
data/lib/assets/images/logo-white.svg ADDED
@@ -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>
data/lib/assets/images/logo.svg ADDED
@@ -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>
data/lib/assets/stylesheets/atlas_assets/_icons.scss CHANGED
@@ -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');
data/lib/atlas_assets/version.rb CHANGED
@@ -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