New site icon
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 15 KiB |
38
build.js
@ -117,42 +117,4 @@ fs.writeFile("./404.html", htmlOutput, function(err) {
|
||||
return console.log(err);
|
||||
}
|
||||
console.log("The 404 file was saved!");
|
||||
});
|
||||
|
||||
// Build Sharing content
|
||||
var sharingMain = "";
|
||||
for (var i = 0; i < source.icons.length; i++) {
|
||||
var fileName = source.icons[i].title.toLowerCase();
|
||||
fileName = fileName.replace(' ', '');
|
||||
fileName = fileName.replace('!', '');
|
||||
fileName = fileName.replace('.', '');
|
||||
fileName = fileName.replace('+', 'plus');
|
||||
filePath = "./icons/" + fileName + ".svg";
|
||||
console.log(source.icons[i].title + ", sat = " + source.icons[i].saturation);
|
||||
var fs = require('fs');
|
||||
var svg = fs.readFileSync(filePath, 'utf8');
|
||||
sharingMain += "\t\t\t<li style=\"background-color:#" + source.icons[i].hex + "\" class=\"bars__item\"></li>\n";
|
||||
}
|
||||
|
||||
// Read sharing header and footer content into variables
|
||||
var fs = require('fs');
|
||||
function readFile(path, callback) {
|
||||
try {
|
||||
var filename = require.resolve(path);
|
||||
fs.readFile(filename, 'utf8', callback);
|
||||
} catch (e) {
|
||||
callback(e);
|
||||
}
|
||||
}
|
||||
var fs = require('fs');
|
||||
var sharingHeader = fs.readFileSync('./src/sharing-header.html', 'utf8');
|
||||
var sharingFooter = fs.readFileSync('./src/sharing-footer.html', 'utf8');
|
||||
|
||||
// Put all sharing content together and export to sharing.html
|
||||
var sharingHtmlOutput = sharingHeader + sharingMain + sharingFooter;
|
||||
fs.writeFile("./src/sharing.html", sharingHtmlOutput, function(err) {
|
||||
if(err) {
|
||||
return console.log(err);
|
||||
}
|
||||
console.log("The sharing file was saved!");
|
||||
});
|
BIN
favicon.ico
Normal file → Executable file
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 5.3 KiB |
BIN
favicon.png
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 15 KiB |
2
logo.svg
@ -1 +1 @@
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 0H0v16h16V0zM8.935 4.637c-.04.07-.085.12-.133.154-.048.036-.106.053-.174.053-.077 0-.17-.04-.273-.117-.105-.078-.236-.163-.393-.256-.156-.094-.345-.18-.566-.257-.22-.077-.488-.115-.802-.115-.296 0-.557.04-.782.118-.225.082-.414.19-.567.325-.152.14-.267.298-.343.483-.078.184-.117.384-.117.597 0 .273.067.5.2.68.135.18.314.333.534.46.22.128.47.238.75.332l.86.29c.294.1.58.213.86.338.28.125.53.283.75.475.22.19.4.425.533.702.135.278.2.62.2 1.024 0 .43-.072.83-.217 1.206-.146.375-.36.702-.64.98-.278.277-.622.495-1.03.655-.407.16-.87.24-1.388.24-.638 0-1.216-.116-1.734-.346-.52-.23-.963-.54-1.332-.93l.383-.63c.036-.05.08-.09.133-.125.052-.035.11-.05.174-.05.06 0 .126.022.2.07.076.048.162.108.257.18.095.074.204.153.327.24.123.086.262.166.42.24.156.07.335.132.535.18.2.047.427.07.677.07.313 0 .592-.042.84-.13.244-.085.452-.207.624-.364.17-.156.3-.345.392-.562.09-.22.136-.463.136-.732 0-.295-.066-.537-.2-.726-.135-.19-.31-.347-.53-.476-.218-.126-.468-.235-.75-.323-.282-.09-.57-.18-.86-.274-.292-.094-.578-.2-.86-.324-.283-.124-.533-.283-.752-.48-.218-.195-.395-.44-.53-.733-.132-.294-.2-.657-.2-1.09 0-.345.068-.68.2-1.002.136-.324.332-.61.59-.86.256-.25.572-.45.95-.602C5.66 3.075 6.093 3 6.58 3c.546 0 1.043.086 1.49.26.45.172.844.422 1.186.75l-.322.628zm2.608-1.528h1.325v9.78h-1.325V3.11z"/></svg>
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M10 15h3v1H3v-1h3v-4h1v4h2v-4h1v4zm-6-3.02V12c0 .74.2 1.432.552 2.027H3.43C3.152 13.407 3 12.72 3 12v-.02h1zM8 7c2.76 0 5 2.24 5 5 0 .72-.153 1.407-.43 2.027H11.45c.35-.595.552-1.288.552-2.027 0-2.208-1.792-4-4-4V7zm3 3H5v1h6v-1zM8 8C5.792 8 4 6.208 4 4s1.792-4 4-4 4 1.792 4 4h-1c0-1.656-1.344-3-3-3S5 2.344 5 4s1.344 3 3 3v1zm0-6c1.104 0 2 .896 2 2s-.896 2-2 2-2-.896-2-2 .896-2 2-2zm0 1c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1z"/></svg>
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 610 B |
BIN
og.png
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 11 KiB |
@ -1 +0,0 @@
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path fill="#f0f0f0" d="M0 0h16v16H0z"/><path d="M8.748 5.31c-.033.055-.068.096-.106.123-.04.028-.085.04-.14.04-.06 0-.134-.03-.218-.09-.084-.063-.188-.132-.314-.206-.126-.075-.277-.143-.453-.205-.177-.062-.39-.093-.642-.093-.237 0-.445.03-.625.095-.18.063-.33.15-.453.26-.122.108-.214.237-.276.384-.06.147-.092.306-.092.477 0 .218.054.4.16.543.108.144.25.267.427.37.177.1.377.19.6.264.225.074.454.152.69.232.234.08.463.17.687.27.224.1.424.227.6.38.177.153.32.34.426.562.108.222.162.495.162.82 0 .34-.06.663-.175.963-.117.3-.287.563-.51.785-.225.222-.5.396-.825.524-.326.126-.697.19-1.112.19-.51 0-.972-.092-1.387-.276-.414-.184-.77-.432-1.064-.745l.306-.504c.03-.04.065-.073.107-.1.04-.028.087-.042.138-.042.047 0 .1.02.16.058.06.038.13.086.206.145.076.058.164.12.262.19s.21.134.336.192c.125.057.268.105.43.143.16.04.34.058.54.058.25 0 .474-.034.67-.103.197-.07.364-.166.5-.292.137-.126.242-.276.314-.45.073-.175.11-.37.11-.585 0-.237-.054-.43-.16-.58-.11-.153-.25-.28-.425-.38-.173-.103-.374-.19-.6-.26-.225-.07-.454-.144-.687-.22-.233-.073-.463-.16-.688-.258-.226-.098-.426-.226-.6-.382-.176-.157-.317-.353-.424-.587-.107-.235-.16-.526-.16-.87 0-.278.053-.546.16-.804.108-.26.265-.49.47-.69.206-.2.46-.36.76-.48S6.474 4 6.863 4c.437 0 .835.07 1.193.208.36.138.675.338.948.6l-.257.503zM10.834 4.087h1.06v7.825h-1.06z" fill="#434343" fill-rule="nonzero"/></svg>
|
Before Width: | Height: | Size: 1.5 KiB |
@ -1,5 +0,0 @@
|
||||
</ul>
|
||||
<h1 class="title">Simple Icons</h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -1,60 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Simple Icons Open Graph Image</title>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400&text=SIMPLE&20CON">
|
||||
<style>
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
body {
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
.sharing {
|
||||
background: #111;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 70rem;
|
||||
justify-content: center;
|
||||
margin: 0 auto;
|
||||
width: 140rem;
|
||||
}
|
||||
.bars {
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 60rem;
|
||||
}
|
||||
.bars__item {
|
||||
background: #000;
|
||||
border: 0.375rem solid #111;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 1.5rem;
|
||||
width: 20%;
|
||||
}
|
||||
.title {
|
||||
clear: both;
|
||||
color: #FFF;
|
||||
font-family: Lato, sans-serif;
|
||||
-webkit-font-feature-settings: "dlig", "kern", "liga";
|
||||
font-feature-settings: "dlig", "kern", "liga";
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: 6rem;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.3rem;
|
||||
line-height: 1.5rem;
|
||||
margin: 6rem 0;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="sharing">
|
||||
<ul class="bars">
|
191
src/sharing.html
@ -1,191 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Simple Icons Open Graph Image</title>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400&text=SIMPLE&20CON">
|
||||
<style>
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
body {
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
.sharing {
|
||||
background: #111;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 70rem;
|
||||
justify-content: center;
|
||||
margin: 0 auto;
|
||||
width: 140rem;
|
||||
}
|
||||
.bars {
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 60rem;
|
||||
}
|
||||
.bars__item {
|
||||
background: #000;
|
||||
border: 0.375rem solid #111;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 1.5rem;
|
||||
width: 20%;
|
||||
}
|
||||
.title {
|
||||
clear: both;
|
||||
color: #FFF;
|
||||
font-family: Lato, sans-serif;
|
||||
-webkit-font-feature-settings: "dlig", "kern", "liga";
|
||||
font-feature-settings: "dlig", "kern", "liga";
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: 6rem;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.3rem;
|
||||
line-height: 1.5rem;
|
||||
margin: 6rem 0;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="sharing">
|
||||
<ul class="bars"> <li style="background-color:#4574E0" class="bars__item"></li>
|
||||
<li style="background-color:#3B5998" class="bars__item"></li>
|
||||
<li style="background-color:#1769FF" class="bars__item"></li>
|
||||
<li style="background-color:#4285F4" class="bars__item"></li>
|
||||
<li style="background-color:#094AB2" class="bars__item"></li>
|
||||
<li style="background-color:#2D72D9" class="bars__item"></li>
|
||||
<li style="background-color:#36465D" class="bars__item"></li>
|
||||
<li style="background-color:#314359" class="bars__item"></li>
|
||||
<li style="background-color:#0063DC" class="bars__item"></li>
|
||||
<li style="background-color:#6383A8" class="bars__item"></li>
|
||||
<li style="background-color:#3C80CA" class="bars__item"></li>
|
||||
<li style="background-color:#205081" class="bars__item"></li>
|
||||
<li style="background-color:#3399FF" class="bars__item"></li>
|
||||
<li style="background-color:#0074E4" class="bars__item"></li>
|
||||
<li style="background-color:#0084FF" class="bars__item"></li>
|
||||
<li style="background-color:#2E9FFF" class="bars__item"></li>
|
||||
<li style="background-color:#007EE5" class="bars__item"></li>
|
||||
<li style="background-color:#55ACEE" class="bars__item"></li>
|
||||
<li style="background-color:#005EA5" class="bars__item"></li>
|
||||
<li style="background-color:#0072C6" class="bars__item"></li>
|
||||
<li style="background-color:#125688" class="bars__item"></li>
|
||||
<li style="background-color:#0079BF" class="bars__item"></li>
|
||||
<li style="background-color:#0077B5" class="bars__item"></li>
|
||||
<li style="background-color:#0099E5" class="bars__item"></li>
|
||||
<li style="background-color:#1E8CBE" class="bars__item"></li>
|
||||
<li style="background-color:#21759B" class="bars__item"></li>
|
||||
<li style="background-color:#19A9E5" class="bars__item"></li>
|
||||
<li style="background-color:#00AFF0" class="bars__item"></li>
|
||||
<li style="background-color:#258AAF" class="bars__item"></li>
|
||||
<li style="background-color:#1AB7EA" class="bars__item"></li>
|
||||
<li style="background-color:#40A4C4" class="bars__item"></li>
|
||||
<li style="background-color:#3ABFE6" class="bars__item"></li>
|
||||
<li style="background-color:#00B7E3" class="bars__item"></li>
|
||||
<li style="background-color:#34A7C1" class="bars__item"></li>
|
||||
<li style="background-color:#00C7F2" class="bars__item"></li>
|
||||
<li style="background-color:#4CADC0" class="bars__item"></li>
|
||||
<li style="background-color:#005A5F" class="bars__item"></li>
|
||||
<li style="background-color:#00B1AB" class="bars__item"></li>
|
||||
<li style="background-color:#11B48A" class="bars__item"></li>
|
||||
<li style="background-color:#02B875" class="bars__item"></li>
|
||||
<li style="background-color:#56B68B" class="bars__item"></li>
|
||||
<li style="background-color:#00B057" class="bars__item"></li>
|
||||
<li style="background-color:#2BDE73" class="bars__item"></li>
|
||||
<li style="background-color:#05CC47" class="bars__item"></li>
|
||||
<li style="background-color:#39A85B" class="bars__item"></li>
|
||||
<li style="background-color:#5FCF80" class="bars__item"></li>
|
||||
<li style="background-color:#66CC66" class="bars__item"></li>
|
||||
<li style="background-color:#107C10" class="bars__item"></li>
|
||||
<li style="background-color:#5AB552" class="bars__item"></li>
|
||||
<li style="background-color:#64D448" class="bars__item"></li>
|
||||
<li style="background-color:#6CC655" class="bars__item"></li>
|
||||
<li style="background-color:#589442" class="bars__item"></li>
|
||||
<li style="background-color:#72BE50" class="bars__item"></li>
|
||||
<li style="background-color:#7AB55C" class="bars__item"></li>
|
||||
<li style="background-color:#467126" class="bars__item"></li>
|
||||
<li style="background-color:#53B50A" class="bars__item"></li>
|
||||
<li style="background-color:#7AC142" class="bars__item"></li>
|
||||
<li style="background-color:#6Fb536" class="bars__item"></li>
|
||||
<li style="background-color:#8CC63F" class="bars__item"></li>
|
||||
<li style="background-color:#7CB228" class="bars__item"></li>
|
||||
<li style="background-color:#82BC23" class="bars__item"></li>
|
||||
<li style="background-color:#84BD00" class="bars__item"></li>
|
||||
<li style="background-color:#A4C639" class="bars__item"></li>
|
||||
<li style="background-color:#9DB63B" class="bars__item"></li>
|
||||
<li style="background-color:#F5C300" class="bars__item"></li>
|
||||
<li style="background-color:#E6B91E" class="bars__item"></li>
|
||||
<li style="background-color:#FBBF00" class="bars__item"></li>
|
||||
<li style="background-color:#F4BD27" class="bars__item"></li>
|
||||
<li style="background-color:#FBB631" class="bars__item"></li>
|
||||
<li style="background-color:#FFA500" class="bars__item"></li>
|
||||
<li style="background-color:#FF8000" class="bars__item"></li>
|
||||
<li style="background-color:#663300" class="bars__item"></li>
|
||||
<li style="background-color:#F88D2D" class="bars__item"></li>
|
||||
<li style="background-color:#F08C35" class="bars__item"></li>
|
||||
<li style="background-color:#FF7102" class="bars__item"></li>
|
||||
<li style="background-color:#F4731C" class="bars__item"></li>
|
||||
<li style="background-color:#F45800" class="bars__item"></li>
|
||||
<li style="background-color:#E44600" class="bars__item"></li>
|
||||
<li style="background-color:#EE6123" class="bars__item"></li>
|
||||
<li style="background-color:#EE672F" class="bars__item"></li>
|
||||
<li style="background-color:#FF4A00" class="bars__item"></li>
|
||||
<li style="background-color:#FF4500" class="bars__item"></li>
|
||||
<li style="background-color:#DD4814" class="bars__item"></li>
|
||||
<li style="background-color:#E6461A" class="bars__item"></li>
|
||||
<li style="background-color:#FF3300" class="bars__item"></li>
|
||||
<li style="background-color:#EB4924" class="bars__item"></li>
|
||||
<li style="background-color:#F14E32" class="bars__item"></li>
|
||||
<li style="background-color:#DD4B39" class="bars__item"></li>
|
||||
<li style="background-color:#E74430" class="bars__item"></li>
|
||||
<li style="background-color:#C41200" class="bars__item"></li>
|
||||
<li style="background-color:#EE3322" class="bars__item"></li>
|
||||
<li style="background-color:#E62B1E" class="bars__item"></li>
|
||||
<li style="background-color:#D51007" class="bars__item"></li>
|
||||
<li style="background-color:#B92B27" class="bars__item"></li>
|
||||
<li style="background-color:#CD201F" class="bars__item"></li>
|
||||
<li style="background-color:#990000" class="bars__item"></li>
|
||||
<li style="background-color:#FF6B6B" class="bars__item"></li>
|
||||
<li style="background-color:#E12828" class="bars__item"></li>
|
||||
<li style="background-color:#E2373C" class="bars__item"></li>
|
||||
<li style="background-color:#ED1C24" class="bars__item"></li>
|
||||
<li style="background-color:#EC4047" class="bars__item"></li>
|
||||
<li style="background-color:#FF1B2D" class="bars__item"></li>
|
||||
<li style="background-color:#BD081C" class="bars__item"></li>
|
||||
<li style="background-color:#E6162D" class="bars__item"></li>
|
||||
<li style="background-color:#EF3F56" class="bars__item"></li>
|
||||
<li style="background-color:#FF2D55" class="bars__item"></li>
|
||||
<li style="background-color:#F94877" class="bars__item"></li>
|
||||
<li style="background-color:#F80046" class="bars__item"></li>
|
||||
<li style="background-color:#EA4C89" class="bars__item"></li>
|
||||
<li style="background-color:#C0379A" class="bars__item"></li>
|
||||
<li style="background-color:#AD29B6" class="bars__item"></li>
|
||||
<li style="background-color:#440099" class="bars__item"></li>
|
||||
<li style="background-color:#6441A5" class="bars__item"></li>
|
||||
<li style="background-color:#999999" class="bars__item"></li>
|
||||
<li style="background-color:#757575" class="bars__item"></li>
|
||||
<li style="background-color:#3A393C" class="bars__item"></li>
|
||||
<li style="background-color:#343434" class="bars__item"></li>
|
||||
<li style="background-color:#181717" class="bars__item"></li>
|
||||
<li style="background-color:#111111" class="bars__item"></li>
|
||||
<li style="background-color:#030303" class="bars__item"></li>
|
||||
<li style="background-color:#000000" class="bars__item"></li>
|
||||
<li style="background-color:#000000" class="bars__item"></li>
|
||||
<li style="background-color:#000000" class="bars__item"></li>
|
||||
<li style="background-color:#000000" class="bars__item"></li>
|
||||
<li style="background-color:#000000" class="bars__item"></li>
|
||||
<li style="background-color:#000000" class="bars__item"></li>
|
||||
<li style="background-color:#000000" class="bars__item"></li>
|
||||
</ul>
|
||||
<h1 class="title">Simple Icons</h1>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|