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');
// Build content
var main = " <ul class=\"tiles\">";
var main = "<ul class=\"tiles\">";
for (var i = 0; i < source.icons.length; i++) {
var fileName = source.icons[i].title.toLowerCase();
@ -95,7 +95,7 @@ for (var i = 0; i < source.icons.length; i++) {
filePath = "../icons/" + fileName + ".svg";
var fs = require('fs');
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
@ -169,4 +169,4 @@ fs.writeFile("../colour-variables.less", less, function(err) {
return console.log(err);
}
console.log(" - brand-colours.less built successfully.");
});
});

6
src/footer.html
View file

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

27
src/header.html
View file

@ -36,10 +36,6 @@
background-color: #FFF;
color: #424242;
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;
margin: 0;
}
@ -70,7 +66,6 @@
display: inline-block;
font-weight: 700;
padding: 0.75rem 1.5rem;
text-align: center;
text-decoration: none;
}
.btn:focus, .btn:hover {
@ -84,7 +79,7 @@
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 1.25rem 1.25rem;
margin: 1.25rem;
padding: 0;
}
.tiles li {
@ -128,7 +123,7 @@
opacity: 0.5;
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;
}
@media (min-width: 800px) { .tiles li { width: 50%; } }
@ -194,14 +189,10 @@
</head>
<body>
<header class="navbar" role="banner">
<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>
<a href="https://github.com/danleech/simple-icons/tree/gh-pages/icons" class="btn">Download from GitHub</a>
</p>
<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>
</header>
<main class="site-main" role="main">
<header class="navbar" role="banner">
<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><a href="https://github.com/danleech/simple-icons/tree/gh-pages/icons" class="btn">Download from GitHub</a></p>
<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>
</header>
<main class="site-main" role="main">