Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Logo Icon and Fallback. Tested for Android 2.2 & 2.3, IE7 & IE8

  • Loading branch information...
commit aa5c3994189b81f5343e507bb5670f2567083b9f 1 parent e252474
Dennis Gaebel grayghostvisuals authored
2  _layouts/default.html
View
@@ -36,7 +36,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
- <a class="brand" href="/"><img src="/img/logo.svg" class="logo" alt=""/>A11Y Project</a>
+ <a class="brand" href="/"><!--[if lte IE 8]><img src="/img/logo.png" class="oldie-logo-navbar logo" alt=""><![endif]--><!--[if gte IE 9]><!--><span class="fs1 logo" aria-hidden="true" data-icon="&#xe000;"></span><!--<![endif]-->A11Y Project</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="/archives.html">Archives</a></li>
2  _sass/_navbar.scss
View
@@ -234,7 +234,7 @@
left: 0;
display: block;
float: left;
- margin: 0 10px 0 0;
+ margin: 2px 10px 0 0;
}
.navbar .nav.pull-right {
float: right; // redeclare due to specificity
38 _sass/icons.scss
View
@@ -0,0 +1,38 @@
+@font-face {
+ font-family: 'icomoon';
+ src:url('/../fonts/icomoon.eot');
+ src:url('/../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
+ url('/../fonts/icomoon.svg#icomoon') format('svg'),
+ url('/../fonts/icomoon.woff') format('woff'),
+ url('/../fonts/icomoon.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+ font-family: 'icomoon';
+ content: attr(data-icon);
+ speak: none;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+}
+
+/* Use the following CSS code if you want to have a class per icon */
+/*
+Instead of a list of all class selectors,
+you can use the generic selector below, but it's slower:
+[class*="icon-"]:before {
+*/
+.icon-logo:before {
+ font-family: 'icomoon';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+}
+.icon-logo:before {
+ content: "\e000";
+}
13 _sass/master.scss
View
@@ -1,5 +1,6 @@
@import "bootstrap";
@import "responsive";
+@import "icons";
body {
padding-bottom: 40px;
@@ -14,12 +15,20 @@ body {
}
.logo {
- width:0.75em;
+ display: inline-block;
height:auto;
position: relative;
- top: -0.1em;
margin-right: 0.15em;
}
+.oldie-logo-navbar {
+ width: 23px;
+ height: 23px;
+ background: #103051;
+}
+.oldie-logo-masthead {
+ width: 43px;
+ height: 43px;
+}
.container-content {
max-width: 46em;
2  css/bootstrap.css
View
@@ -4244,7 +4244,7 @@ input[type="submit"].btn.btn-mini {
left: 0;
display: block;
float: left;
- margin: 0 10px 0 0;
+ margin: 2px 10px 0 0;
}
.navbar .nav.pull-right {
36 css/icons.css
View
@@ -0,0 +1,36 @@
+@font-face {
+ font-family: 'icomoon';
+ src: url("/../fonts/icomoon.eot");
+ src: url("/../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("/../fonts/icomoon.svg#icomoon") format("svg"), url("/../fonts/icomoon.woff") format("woff"), url("/../fonts/icomoon.ttf") format("truetype");
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+ font-family: 'icomoon';
+ content: attr(data-icon);
+ speak: none;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+}
+
+/* Use the following CSS code if you want to have a class per icon */
+/*
+Instead of a list of all class selectors,
+you can use the generic selector below, but it's slower:
+[class*="icon-"]:before {
+*/
+.icon-logo:before {
+ font-family: 'icomoon';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+}
+
+.icon-logo:before {
+ content: "\e000";
+}
53 css/master.css
View
@@ -4244,7 +4244,7 @@ input[type="submit"].btn.btn-mini {
left: 0;
display: block;
float: left;
- margin: 0 10px 0 0;
+ margin: 2px 10px 0 0;
}
.navbar .nav.pull-right {
@@ -6994,6 +6994,43 @@ h3 code {
}
}
+@font-face {
+ font-family: 'icomoon';
+ src: url("/../fonts/icomoon.eot");
+ src: url("/../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("/../fonts/icomoon.svg#icomoon") format("svg"), url("/../fonts/icomoon.woff") format("woff"), url("/../fonts/icomoon.ttf") format("truetype");
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+ font-family: 'icomoon';
+ content: attr(data-icon);
+ speak: none;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+}
+
+/* Use the following CSS code if you want to have a class per icon */
+/*
+Instead of a list of all class selectors,
+you can use the generic selector below, but it's slower:
+[class*="icon-"]:before {
+*/
+.icon-logo:before {
+ font-family: 'icomoon';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+}
+
+.icon-logo:before {
+ content: "\e000";
+}
+
body {
padding-bottom: 40px;
}
@@ -7008,13 +7045,23 @@ body {
}
.logo {
- width: 0.75em;
+ display: inline-block;
height: auto;
position: relative;
- top: -0.1em;
margin-right: 0.15em;
}
+.oldie-logo-navbar {
+ width: 23px;
+ height: 23px;
+ background: #103051;
+}
+
+.oldie-logo-masthead {
+ width: 43px;
+ height: 43px;
+}
+
.container-content {
max-width: 46em;
}
1  fonts/icoMoonSession/IcoMoon Session.json
View
1 addition, 0 deletions not shown
15 fonts/icomoon.dev.svg
View
@@ -0,0 +1,15 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="16"></iconset>
+</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="512" >
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#xe000;" d="M 255.299,480.00C 114.299,480.00,0.00,365.701,0.00,224.701s 114.299-255.299, 255.299-255.299s 255.299,114.299, 255.299,255.299S 396.293,480.00, 255.299,480.00z M 251.428,429.297c 18.289,0.00, 33.096-14.802, 33.096-32.973c0.00-18.289-14.807-33.091-33.096-33.091c-18.161,0.00-32.963,14.807-32.973,33.091 C 218.455,414.495, 233.257,429.297, 251.428,429.297z M 394.496,322.673l-98.222-12.411l 0.041-98.324l 47.585-158.848 c 2.514-10.03-3.517-20.065-13.44-22.543c-9.917-2.478-20.06,2.985-22.559,13.015L 259.154,188.16l-15.012,0.00 l-44.846-147.599 c-3.753-9.631-14.479-14.06-24.10-10.307c-9.528,3.717-15.345,14.561-11.587,24.192L 204.80,210.33L 204.80,310.262 l-90.491,12.314 c-9.288,0.748-15.596,8.924-14.838,18.212c 0.681,9.359, 9.129,16.307, 18.412,15.56L 227.825,346.88l 48.215,0.00 l 117.074,9.651 c 9.303,0.374, 17.188-6.861, 17.50-16.236C 410.988,330.988, 403.804,323.057, 394.496,322.673z" data-tags="logo" />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+</font></defs></svg>
BIN  fonts/icomoon.eot
View
Binary file not shown
15 fonts/icomoon.svg
View
@@ -0,0 +1,15 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="16"></iconset>
+</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="512" >
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#xe000;" d="M 255.299,480.00C 114.299,480.00,0.00,365.701,0.00,224.701s 114.299-255.299, 255.299-255.299s 255.299,114.299, 255.299,255.299S 396.293,480.00, 255.299,480.00z M 251.428,429.297c 18.289,0.00, 33.096-14.802, 33.096-32.973c0.00-18.289-14.807-33.091-33.096-33.091c-18.161,0.00-32.963,14.807-32.973,33.091 C 218.455,414.495, 233.257,429.297, 251.428,429.297z M 394.496,322.673l-98.222-12.411l 0.041-98.324l 47.585-158.848 c 2.514-10.03-3.517-20.065-13.44-22.543c-9.917-2.478-20.06,2.985-22.559,13.015L 259.154,188.16l-15.012,0.00 l-44.846-147.599 c-3.753-9.631-14.479-14.06-24.10-10.307c-9.528,3.717-15.345,14.561-11.587,24.192L 204.80,210.33L 204.80,310.262 l-90.491,12.314 c-9.288,0.748-15.596,8.924-14.838,18.212c 0.681,9.359, 9.129,16.307, 18.412,15.56L 227.825,346.88l 48.215,0.00 l 117.074,9.651 c 9.303,0.374, 17.188-6.861, 17.50-16.236C 410.988,330.988, 403.804,323.057, 394.496,322.673z" />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+</font></defs></svg>
BIN  fonts/icomoon.ttf
View
Binary file not shown
BIN  fonts/icomoon.woff
View
Binary file not shown
BIN  img/logo.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2  index.html
View
@@ -4,7 +4,7 @@
---
<div class="jumbotron masthead">
<div class="container-fluid">
- <h1><img src="/img/logo.svg" class="logo" alt="" />{{ site.title }}</h1>
+ <h1><!--[if lte IE 8]><img src="/img/logo.png" class="oldie-logo-masthead logo" alt=""><![endif]--><!--[if gte IE 9]><!--><span class="fs1 logo" aria-hidden="true" data-icon="&#xe000;"></span><!--<![endif]-->{{ site.title }}</h1>
<p>A community-driven effort to make web accessibility easier.</p>
<ul class="masthead-links">
<li>
Please sign in to comment.
Something went wrong with that request. Please try again.