beenull/simple-icons
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Removes unnecessary css and whitespace

Browse source
This commit is contained in:
Dan Leech 2017-02-06 18:34:58 +00:00
parent 388ac6de39
commit fd28b53106
5 changed files with 607 additions and 626 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

597
404.html
View file

File diff suppressed because one or more lines are too long

597
index.html
View file

File diff suppressed because one or more lines are too long

6
src/build.js
View file

@ -86,7 +86,7 @@ var header = fs.readFileSync('./header.html', 'utf8');
var footer = fs.readFileSync('./footer.html', 'utf8'); var footer = fs.readFileSync('./footer.html', 'utf8');
// Build content // Build content
var main = " <ul class=\"tiles\">"; var main = "<ul class=\"tiles\">";
for (var i = 0; i < source.icons.length; i++) { for (var i = 0; i < source.icons.length; i++) {
var fileName = source.icons[i].title.toLowerCase(); var fileName = source.icons[i].title.toLowerCase();
@ -95,7 +95,7 @@ for (var i = 0; i < source.icons.length; i++) {
filePath = "../icons/" + fileName + ".svg"; filePath = "../icons/" + fileName + ".svg";
var fs = require('fs'); var fs = require('fs');
var svg = fs.readFileSync(filePath, 'utf8'); var svg = fs.readFileSync(filePath, 'utf8');
main += "\n <li class=\"tiles__item\" style=\"background-color:#" + source.icons[i].hex + "\"><a href=\"https://simpleicons.org/icons/" + fileName + ".svg\" class=\"icon--link\">" + svg + "<span class=\"tile-name\">" + source.icons[i].title + "</span></a>" + "<span class=\"hex\">#" + source.icons[i].hex + "</span></li>"; main += "\n<li style=\"background-color:#" + source.icons[i].hex + "\"><a href=\"https://simpleicons.org/icons/" + fileName + ".svg\" class=\"icon--link\">" + svg + "<span class=\"tile-name\">" + source.icons[i].title + "</span></a>" + "<span class=\"hex\">#" + source.icons[i].hex + "</span></li>";
} }
// Put all content together and export to index.html // Put all content together and export to index.html
@ -169,4 +169,4 @@ fs.writeFile("../colour-variables.less", less, function(err) {
return console.log(err); return console.log(err);
} }
console.log(" - brand-colours.less built successfully."); console.log(" - brand-colours.less built successfully.");
}); });

6
src/footer.html
View file

@ -1,5 +1,5 @@
</ul> </ul>
</main> </main>
</body> </body>
</html> </html>

27
src/header.html
View file

@ -36,10 +36,6 @@
background-color: #FFF; background-color: #FFF;
color: #424242; color: #424242;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-kerning: normal;
-webkit-font-variant-ligatures: common-ligatures;
font-variant-ligatures: common-ligatures;
font-weight: 400;
line-height: 1.5rem; line-height: 1.5rem;
margin: 0; margin: 0;
} }
@ -70,7 +66,6 @@
display: inline-block; display: inline-block;
font-weight: 700; font-weight: 700;
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
text-align: center;
text-decoration: none; text-decoration: none;
} }
.btn:focus, .btn:hover { .btn:focus, .btn:hover {
@ -84,7 +79,7 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
list-style: none; list-style: none;
margin: 1.25rem 1.25rem; margin: 1.25rem;
padding: 0; padding: 0;
} }
.tiles li { .tiles li {
@ -128,7 +123,7 @@
opacity: 0.5; opacity: 0.5;
text-transform: uppercase; text-transform: uppercase;
} }
.tiles__item:active .hex, .tiles__item:focus .hex, .tiles__item:hover .hex { .tiles li:active .hex, .tiles li:focus .hex, .tiles li:hover .hex {
opacity: 1; opacity: 1;
} }
@media (min-width: 800px) { .tiles li { width: 50%; } } @media (min-width: 800px) { .tiles li { width: 50%; } }
@ -194,14 +189,10 @@
</head> </head>
<body> <body>
<header class="navbar" role="banner"> <header class="navbar" role="banner">
<h1 class="title">Simple Icons</h1> <h1 class="title">Simple Icons</h1>
<p><strong>SVG icons for popular brands</strong>, maintained by <a href="https://twitter.com/bathtype">Dan&nbsp;Leech</a>. Contributions, corrections &amp; requests can be made on <a href="https://github.com/danleech/simple-icons">GitHub</a>.</p> <p><strong>SVG icons for popular brands</strong>, maintained by <a href="https://twitter.com/bathtype">Dan&nbsp;Leech</a>. Contributions, corrections &amp; requests can be made on <a href="https://github.com/danleech/simple-icons">GitHub</a>.</p>
<p> <p><a href="https://github.com/danleech/simple-icons/tree/gh-pages/icons" class="btn">Download from GitHub</a></p>
<a href="https://github.com/danleech/simple-icons/tree/gh-pages/icons" class="btn">Download from GitHub</a> <div class="ad"><script async type="text/javascript" src="https://cdn.carbonads.com/carbon.js?zoneid=1696&serve=CVYD42T&placement=simpleiconsorg" id="_carbonads_js"></script></div>
</p> </header>
<div class="ad"> <main class="site-main" role="main">
<script async type="text/javascript" src="https://cdn.carbonads.com/carbon.js?zoneid=1696&serve=CVYD42T&placement=simpleiconsorg" id="_carbonads_js"></script>
</div>
</header>
<main class="site-main" role="main">