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 +1 -1
- data/_config.yml +1 -0
- data/docs/_posts/2013-05-17-icons.md +44 -0
- data/docs/_posts/2013-05-17-navigation.md +6 -6
- data/lib/assets/images/logo-white.svg +50 -0
- data/lib/assets/images/logo.svg +49 -0
- data/lib/assets/stylesheets/atlas_assets/_icons.scss +44 -0
- data/lib/atlas_assets/version.rb +1 -1
- metadata +3 -1
data/Gemfile.lock
CHANGED
data/_config.yml
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
|
|
@@ -12,7 +12,7 @@ Basic Navbar
|
|
12
12
|
|
13
13
|
<div class="navbar">
|
14
14
|
<div class="navbar-inner">
|
15
|
-
<a class="brand" href="/"
|
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="/"
|
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="/"
|
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="/"
|
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
|
-
|
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
|
-
|
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');
|
data/lib/atlas_assets/version.rb
CHANGED
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
|
+
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
|