1
0
mirror of https://github.com/simple-icons/simple-icons.git synced 2024-11-26 01:00:27 +02:00

Improved sorting algorithm

This commit is contained in:
Dan Leech 2015-10-16 14:35:52 +01:00
parent 3447d2b8eb
commit 27e151aaf3
2 changed files with 17 additions and 5 deletions

View File

@ -15,7 +15,12 @@ for (var i = 0; i < source.icons.length; i++) {
var max = Math.max(red, green, blue);
var min = Math.min(red, green, blue);
var delta = max - min;
source.icons[i].luminance = 100 * (max - min) / 2;
source.icons[i].luminance = 100 * (max + min) / 2;
if (source.icons[i].luminance < 50) {
source.icons[i].saturation = 100 * (max - min) / (max + min);
} else {
source.icons[i].saturation = 100 * (max - min) / (2 - max - min);
}
if (delta === 0) {
var hue = 0;
} else {
@ -51,6 +56,13 @@ for (var i = 0; i < source.icons.length; i++) {
i--;
}
}
for (var i = 0; i < source.icons.length; i++) {
if (source.icons[i].saturation < 5) {
tmp.push(source.icons[i]);
source.icons.splice(i,1);
i--;
}
}
tmp.sort(function(a, b) {
return parseFloat(b.luminance) - parseFloat(a.luminance);
});
@ -82,7 +94,7 @@ for (var i = 0; i < source.icons.length; i++) {
filePath = filePath.replace('.', '');
filePath = filePath.replace('+', 'plus');
filePath = "./icons/" + filePath + ".svg";
console.log(source.icons[i].title + ", lum = " + source.icons[i].luminance);
console.log(source.icons[i].title + ", sat = " + source.icons[i].saturation);
var fs = require('fs');
var svg = fs.readFileSync(filePath, 'utf8');
main += "\t\t\t<li style=\"background-color:#" + source.icons[i].hex + "\"><a href=\"#\">" + svg + source.icons[i].title + "<br><span class=\"hex\">#" + source.icons[i].hex + "</span></a></li>\n";

View File

@ -136,6 +136,8 @@
<ul class="tiles"> <li style="background-color:#4574E0"><a href="#"><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="M7.998 16L1.07 11.998v-8L8 0l6.93 3.998L11 6.268 8 4.533 4.996 6.267v3.466l3.002 1.733 3-1.733 3.93 2.265L8 16z" fill="#fff"/></svg>Codio<br><span class="hex">#4574E0</span></a></li>
<li style="background-color:#3B5998"><a href="#"><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="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.476-1.195 1.176v1.54h2.39l-.31 2.416h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill="#fff" fill-rule="nonzero"/></svg>Facebook<br><span class="hex">#3B5998</span></a></li>
<li style="background-color:#4285F4"><a href="#"><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="M8.16 6.857V9.6h4.537c-.183 1.177-1.37 3.45-4.537 3.45-2.73 0-4.96-2.26-4.96-5.05s2.23-5.05 4.96-5.05c1.554 0 2.594.66 3.19 1.233l2.17-2.092C12.126.79 10.32 0 8.16 0c-4.423 0-8 3.577-8 8s3.577 8 8 8c4.617 0 7.68-3.246 7.68-7.817 0-.526-.057-.926-.126-1.326H8.16z" fill="#fff"/></svg>Google<br><span class="hex">#4285F4</span></a></li>
<li style="background-color:#36465D"><a href="#"><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="M9.708 16c-3.396 0-4.687-2.504-4.687-4.274V6.498H3.403V4.432C5.83 3.557 6.412 1.368 6.55.12c.01-.086.077-.12.115-.12H9.01v4.076h3.2v2.422H8.997v4.98c.01.667.25 1.58 1.472 1.58h.067c.424-.012.994-.136 1.29-.278l.77 2.283c-.288.424-1.594.916-2.77.936h-.12z" fill="#fff" fill-rule="nonzero"/></svg>Tumblr<br><span class="hex">#36465D</span></a></li>
<li style="background-color:#314359"><a href="#"><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"><g fill="#fff" fill-rule="nonzero"><path d="M14.634 12.716c-.103 0-.206-.03-.297-.09-.246-.167-.31-.5-.15-.74.493-.73.75-1.588.75-2.48 0-.892-.257-1.75-.75-2.48-.165-.246-.096-.578.144-.738.247-.166.572-.097.738.143.612.91.932 1.973.932 3.076s-.32 2.167-.932 3.076c-.097.154-.263.234-.434.234z"/><path d="M13.108 11.853c-.103 0-.206-.03-.298-.092-.246-.164-.308-.496-.143-.736.326-.48.498-1.035.498-1.618 0-.577-.172-1.137-.498-1.618-.165-.245-.103-.57.143-.737.246-.165.572-.102.738.144.446.657.68 1.423.68 2.212 0 .795-.234 1.56-.68 2.212-.097.155-.27.235-.44.235zM10.62 7.085c-.21-2.132-2.01-3.8-4.2-3.8C4.606 3.284 3 4.45 2.423 6.14 1.058 6.342 0 7.52 0 8.942c0 1.562 1.275 2.836 2.84 2.836h7.272c1.31 0 2.378-1.063 2.378-2.372 0-1.137-.8-2.086-1.87-2.32zm-.508 3.63h-7.27c-.978 0-1.78-.794-1.78-1.772 0-.977.796-1.772 1.78-1.772.473 0 .92.184 1.257.52.204.207.542.207.753 0 .206-.204.206-.542 0-.753-.366-.366-.817-.618-1.31-.743.504-1.11 1.625-1.852 2.876-1.852 1.743 0 3.16 1.417 3.16 3.155 0 .337-.05.67-.16.99-.09.28.058.576.338.673.057.018.114.03.166.03.222 0 .428-.144.503-.367.068-.21.12-.423.154-.64.493.19.84.663.84 1.218.007.726-.588 1.315-1.308 1.315z"/></g></svg>Mixcloud<br><span class="hex">#314359</span></a></li>
<li style="background-color:#3C80CA"><a href="#"><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="M7.21 15.725c-1.658.542-1.824.456-2.573-1.867l-1.835-5.68C2.366 6.833 1.032 3.207.807 2.512.392 1.22.392 1.15 2.827.357c1.91-.626 1.986-.605 2.68 1.548.56 1.735.918 3.132 1.49 4.904l1.563 4.834 4.993-1.633c.985-.324 1.314-.31 1.59.903l.202.916c.23 1.067-.308 1.338-.877 1.523L7.21 15.725z" fill="#fff" fill-rule="nonzero"/></svg>Lanyrd<br><span class="hex">#3C80CA</span></a></li>
<li style="background-color:#55ACEE"><a href="#"><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 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.375-1.337.648-2.085.795-.598-.638-1.45-1.036-2.396-1.036-1.812 0-3.282 1.468-3.282 3.28 0 .258.03.51.085.75C5.152 5.39 2.733 4.084 1.114 2.1.83 2.583.67 3.147.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.416-.02-.617-.058.418 1.304 1.63 2.253 3.067 2.28-1.124.88-2.54 1.404-4.077 1.404-.265 0-.526-.015-.783-.045 1.453.93 3.178 1.474 5.032 1.474 6.038 0 9.34-5 9.34-9.338 0-.143-.004-.284-.01-.425.64-.463 1.198-1.04 1.638-1.7z" fill="#fff" fill-rule="nonzero"/></svg>Twitter<br><span class="hex">#55ACEE</span></a></li>
<li style="background-color:#005EA5"><a href="#"><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"><g fill="#fff" fill-rule="nonzero"><path d="M1.597 8.686c.174-.425-.026-.914-.453-1.09-.42-.173-.906.033-1.08.458-.176.423.026.907.445 1.08.427.177.912-.025 1.087-.448M2.173 6.528c.175-.423-.026-.912-.454-1.09-.42-.172-.908.035-1.082.457-.175.424.027.91.447 1.083.428.177.914-.026 1.088-.45M2.984 5.8c.427.175.912-.027 1.087-.45.175-.424-.025-.914-.45-1.09-.422-.173-.91.033-1.083.456-.175.425.027.91.447 1.083M5.085 6.507c.428.177.914-.025 1.088-.448.174-.424-.026-.915-.454-1.09-.42-.174-.907.033-1.082.457-.174.422.028.908.447 1.08M14.402 8.686c.183.423.666.623 1.09.443.42-.175.62-.66.445-1.082-.177-.426-.664-.626-1.085-.452-.424.174-.627.663-.45 1.09M14.908 6.977c.425-.173.625-.66.448-1.086-.18-.422-.664-.625-1.087-.447-.425.174-.622.66-.448 1.086.177.425.664.626 1.086.447M13.006 5.806c.42-.175.622-.662.448-1.087-.177-.427-.664-.627-1.088-.454-.422.18-.623.666-.446 1.09.175.422.662.623 1.086.45M10.734 6.38c.42-.175.62-.662.446-1.083-.177-.425-.665-.626-1.09-.453-.42.18-.62.667-.444 1.093.175.42.662.62 1.088.442M6.27 3.302l.062 1.596 1.165-.614c.024.026.053.052.08.072-.12.477-.413 1.273-.595 1.713-.223.54.033 1.16.573 1.383.54.222 1.162-.036 1.386-.577.156-.377.08-.786-.164-1.078-.26-.45-.52-1.02-.664-1.457.037-.027.07-.063.096-.102l1.256.65.053-1.59-1.312.425c-.012-.02-.025-.035-.038-.05l.516-1.455-1.557-.044.462 1.427c-.04.025-.07.055-.1.087L6.27 3.302zM14.184 9.362c.106.587.124.854-.01 1.236-.19-.19-.36-.536-.498-1.06l-.58 1.856c.345-.23.608-.376.907-.38-.542 1.14-1.21 1.428-1.637 1.345-.523-.104-.765-.576-.673-.974.116-.56.7-.7.963-.045.528-1.042-.345-1.382-.91-1.08.874-.852.976-1.614.284-2.552-.974.736-.992 1.47-.566 2.51-.56-.656-1.45-.31-1.14.74.417-.632.953-.23.864.376-.073.525-.774.94-1.637.854-1.24-.117-1.305-.973-1.327-1.68.302-.055.85.234 1.313.896l.19-1.973c-.514.52-.978.624-1.49.633.176-.526.966-1.397.966-1.397l-2.467-.012s.784.874.956 1.405c-.513-.016-.974-.117-1.483-.647l.172 1.974c.467-.657 1.015-.94 1.32-.882-.032.707-.106 1.56-1.344 1.673-.864.075-1.557-.35-1.63-.874-.084-.603.46-1.003.87-.368.318-1.05-.567-1.4-1.135-.75.44-1.037.428-1.774-.546-2.518-.7.928-.6 1.696.266 2.56-.564-.312-1.44.017-.924 1.07.27-.655.85-.51.97.054.08.398-.16.866-.686.963-.43.08-1.094-.215-1.627-1.36.3.006.562.157.902.39l-.56-1.858c-.14.52-.32.864-.51 1.05-.128-.377-.11-.65.006-1.235L.57 9.717c.613.836 1.235 2.005 1.722 4.055 1.514-.253 4.096-.404 5.66-.4 1.562.01 4.143.185 5.65.454.51-2.048 1.142-3.208 1.762-4.038l-1.178-.426z"/></g></svg>GOV.UK<br><span class="hex">#005EA5</span></a></li>
@ -173,13 +175,11 @@
<li style="background-color:#F80046"><a href="#"><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="M4.366 12.52c-1.237 0-2.248-.226-3.065-1.068l1.273-1.272c.42.42 1.158.568 1.804.568.784 0 1.158-.26 1.158-.726 0-.194-.045-.353-.158-.478-.102-.102-.273-.182-.534-.216l-.976-.136c-.715-.102-1.26-.34-1.623-.715-.375-.386-.556-.93-.556-1.623C1.688 5.378 2.8 4.3 4.638 4.3c1.16 0 2.033.272 2.725.965l-1.25 1.248c-.51-.51-1.18-.477-1.53-.477-.693 0-.977.398-.977.75 0 .102.034.25.16.374.1.102.27.204.555.24l.977.135c.727.102 1.25.33 1.59.67.43.42.6 1.02.6 1.77 0 1.647-1.418 2.546-3.12 2.546zm9.51-10.752C12.787.955 11.58.408 10.06.158v7.25l2.174-3.026h2.377l-2.737 3.814s.63 1.006 1.006 1.603c.384.6.752.764 1.31.764h.378v1.877l-.58.002c-1.206 0-1.932-.22-2.477-1.052-.337-.54-1.45-2.286-1.45-2.286v3.33H8.073V0H8C5.432 0 3.66.62 2.126 1.768-.088 3.425 0 5.634 0 7.998c0 2.365-.088 4.578 2.126 6.235C3.66 15.383 5.432 16 8 16c2.568 0 4.34-.618 5.875-1.767C16.088 12.576 16 10.363 16 7.998c0-2.364.088-4.573-2.125-6.23z" fill="#fff" fill-rule="nonzero"/></svg>Songkick<br><span class="hex">#F80046</span></a></li>
<li style="background-color:#EA4C89"><a href="#"><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="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16C4.78 7.85 1.47 7.807 1.17 7.8l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z" fill="#fff"/></svg>Dribbble<br><span class="hex">#EA4C89</span></a></li>
<li style="background-color:#AD29B6"><a href="#"><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="M15.81 6.616h-5.59l-3.266 3.28h4.485c-.59 1.316-1.902 2.04-3.432 2.04-2.072 0-3.758-1.78-3.758-3.848 0-2.075 1.686-3.808 3.758-3.808.755 0 1.458.196 2.04.58l3.027-3.04C11.693.687 9.927 0 8 0 3.58 0 0 3.578 0 8c0 4.415 3.58 8 8 8s8-3.41 8-7.826c0-.597-.068-.9-.19-1.558z" fill="#fff" fill-rule="nonzero"/></svg>JustGiving<br><span class="hex">#AD29B6</span></a></li>
<li style="background-color:#314359"><a href="#"><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"><g fill="#fff" fill-rule="nonzero"><path d="M14.634 12.716c-.103 0-.206-.03-.297-.09-.246-.167-.31-.5-.15-.74.493-.73.75-1.588.75-2.48 0-.892-.257-1.75-.75-2.48-.165-.246-.096-.578.144-.738.247-.166.572-.097.738.143.612.91.932 1.973.932 3.076s-.32 2.167-.932 3.076c-.097.154-.263.234-.434.234z"/><path d="M13.108 11.853c-.103 0-.206-.03-.298-.092-.246-.164-.308-.496-.143-.736.326-.48.498-1.035.498-1.618 0-.577-.172-1.137-.498-1.618-.165-.245-.103-.57.143-.737.246-.165.572-.102.738.144.446.657.68 1.423.68 2.212 0 .795-.234 1.56-.68 2.212-.097.155-.27.235-.44.235zM10.62 7.085c-.21-2.132-2.01-3.8-4.2-3.8C4.606 3.284 3 4.45 2.423 6.14 1.058 6.342 0 7.52 0 8.942c0 1.562 1.275 2.836 2.84 2.836h7.272c1.31 0 2.378-1.063 2.378-2.372 0-1.137-.8-2.086-1.87-2.32zm-.508 3.63h-7.27c-.978 0-1.78-.794-1.78-1.772 0-.977.796-1.772 1.78-1.772.473 0 .92.184 1.257.52.204.207.542.207.753 0 .206-.204.206-.542 0-.753-.366-.366-.817-.618-1.31-.743.504-1.11 1.625-1.852 2.876-1.852 1.743 0 3.16 1.417 3.16 3.155 0 .337-.05.67-.16.99-.09.28.058.576.338.673.057.018.114.03.166.03.222 0 .428-.144.503-.367.068-.21.12-.423.154-.64.493.19.84.663.84 1.218.007.726-.588 1.315-1.308 1.315z"/></g></svg>Mixcloud<br><span class="hex">#314359</span></a></li>
<li style="background-color:#36465D"><a href="#"><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="M9.708 16c-3.396 0-4.687-2.504-4.687-4.274V6.498H3.403V4.432C5.83 3.557 6.412 1.368 6.55.12c.01-.086.077-.12.115-.12H9.01v4.076h3.2v2.422H8.997v4.98c.01.667.25 1.58 1.472 1.58h.067c.424-.012.994-.136 1.29-.278l.77 2.283c-.288.424-1.594.916-2.77.936h-.12z" fill="#fff" fill-rule="nonzero"/></svg>Tumblr<br><span class="hex">#36465D</span></a></li>
<li style="background-color:#757575"><a href="#"><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="M15.996 7.87c-.003-.063-.007-.124-.012-.186V7.68c-.06-.675-.283-1.306-.66-1.877-.17-.254-.363-.485-.58-.692-.314-.304-.68-.555-1.09-.754-.62-.297-1.305-.446-2.036-.446-.07 0-.146 0-.22.004-.514.023-1.01.12-1.477.292-.47.17-.88.395-1.214.664-.068.054-.142.12-.22.194l-.06.056-.077.083-.037.037-.018.02-.093.098c-.07.077-.136.155-.197.232L8 5.59c-.128.156-.247.318-.334.463-.06.093-.117.188-.172.284L6.73 7.883h.002l-.04.08-.084.17c-.168.34-.347.678-.548.957-.448.49-.954.73-1.604.73-.045 0-.092 0-.14-.004-.39-.015-.727-.108-1.026-.284l-.092-.06c-.244-.16-.43-.368-.57-.627-.157-.294-.227-.594-.217-.913l.002-.023c.02-.507.214-.9.603-1.242.095-.08.194-.15.297-.212.015-.01.03-.017.044-.025.29-.156.618-.235.995-.235l.118.004c.6.02 1.062.21 1.43.574L7.054 4.7c-.277-.186-.59-.345-.933-.475l-.04-.014c-.04-.014-.08-.03-.123-.043-.366-.122-.75-.197-1.144-.23-.01-.003-.02-.004-.03-.005l-.184-.014c-.067-.003-.133-.004-.198-.004h-.037c-.727.002-1.402.15-2.02.446-.69.333-1.252.82-1.668 1.444-.414.626-.64 1.32-.673 2.065-.002.063-.004.126-.004.188 0 1.043.38 1.96 1.135 2.73.788.806 1.813 1.24 3.045 1.292.08.004.156.006.234.006.697 0 1.34-.124 1.92-.372.144-.062.284-.134.427-.215.08-.046.153-.093.226-.144l.054-.036.09-.063c.11-.078.212-.163.312-.253l.034-.033c.06-.055.117-.11.173-.17l.206-.234.08-.1.036-.053.036-.053c.308-.517 1.31-2.4 1.31-2.4v-.003l.06-.115.05-.09c.147-.27.254-.46.395-.66l.004-.006c.33-.478.896-.82 1.564-.876 1.12-.096 2.103.64 2.193 1.644.09 1.004-.746 1.896-1.866 1.993-.233.02-.46.005-.674-.042l-.005.002c-.822-.17-1.345-.77-1.603-1.04L8.357 10.75s.335.338.564.507c.23.168.528.334.765.437.575.245 1.2.392 1.892.392.08 0 .064 0 .147-.003 1.23-.05 2.326-.523 3.117-1.33.75-.767 1.156-1.642 1.16-2.678v-.03c0-.06-.002-.116-.004-.175z" fill="#fff" fill-rule="nonzero"/></svg>Coursera<br><span class="hex">#757575</span></a></li>
<li style="background-color:#3A393C"><a href="#"><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 8c0 4.418-3.582 8-8 8s-8-3.582-8-8 3.582-8 8-8 8 3.582 8 8zM8 3.442L3.057 10.89h1.01l1.125-1.767h5.616l1.124 1.766h1.01L8 3.44zm-2.16 4.88L8 5.064l2.16 3.256H5.84z" fill="#fff"/></svg>App.net<br><span class="hex">#3A393C</span></a></li>
<li style="background-color:#181717"><a href="#"><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="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.083-.202-.358-1.015.077-2.117 0 0 .672-.215 2.2.82.638-.178 1.323-.266 2.003-.27.68.004 1.364.092 2.003.27 1.527-1.035 2.198-.82 2.198-.82.437 1.102.163 1.915.08 2.117.513.56.823 1.274.823 2.147 0 3.073-1.87 3.75-3.653 3.947.287.246.543.735.543 1.48 0 1.07-.01 1.933-.01 2.195 0 .215.144.463.55.385C13.71 14.53 16 11.534 16 8c0-4.418-3.582-8-8-8" fill="#fff"/></svg>GitHub<br><span class="hex">#181717</span></a></li>
<li style="background-color:#000000"><a href="#"><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="M8 0c4.415 0 8 3.585 8 8s-3.585 8-8 8-8-3.585-8-8 3.585-8 8-8zm0 12.8c-2.187 0-4.107-1.493-4.64-3.6-.053-.24.08-.507.32-.56.24-.053.507.08.56.32.453 1.707 2 2.907 3.76 2.907 1.76 0 3.307-1.2 3.76-2.907.053-.24.32-.4.56-.32.24.053.4.32.32.56-.533 2.107-2.453 3.6-4.64 3.6z" fill="#fff"/></svg>Ello<br><span class="hex">#000000</span></a></li>
<li style="background-color:#000000"><a href="#"><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"><g fill="#fff" fill-rule="nonzero"><path d="M3.226 6.763v.38h.023c.68-.41 1.38-.444 1.8-.444 1.135 0 1.52.323 1.668.442.26-.15.827-.443 1.79-.443 1.928 0 1.928.76 1.928 1.067V9.56H8.882V7.962c0-.33 0-.697-.827-.697-.408 0-.828.124-.975.307-.136.156-.193.297-.193.642V9.56H5.334V8.025c0-.474.01-.76-.804-.76-.41 0-.828.108-.987.27-.124.123-.204.253-.204.664v1.36H1.786V6.762h1.44zM14.18 7.382h-1.127v1.12c0 .396 0 .525.46.525.22 0 .413-.025.62-.064l.047-.006.146.57c-.545.1-1.14.11-1.31.11-.507 0-1.162-.074-1.404-.283-.206-.17-.23-.337-.23-.76V7.38h-.764v-.584h.763v-.553l1.673-.433v.986h1.127v.584zM1.027 11.14C.41 10.208 0 9.1 0 7.986 0 6.67.517 5.6 1.04 4.846h.624C1.2 5.873.886 6.746.886 8.014c0 1.455.516 2.577.75 3.085.007.007.022.033.022.04h-.63zM14.973 4.86C15.59 5.792 16 6.9 16 8.014c0 1.314-.517 2.387-1.04 3.14h-.624c.463-1.028.78-1.9.78-3.168 0-1.456-.518-2.576-.753-3.086-.007-.007-.02-.033-.02-.04h.63z"/></g></svg>MediaTemple<br><span class="hex">#000000</span></a></li>
<li style="background-color:#757575"><a href="#"><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="M15.996 7.87c-.003-.063-.007-.124-.012-.186V7.68c-.06-.675-.283-1.306-.66-1.877-.17-.254-.363-.485-.58-.692-.314-.304-.68-.555-1.09-.754-.62-.297-1.305-.446-2.036-.446-.07 0-.146 0-.22.004-.514.023-1.01.12-1.477.292-.47.17-.88.395-1.214.664-.068.054-.142.12-.22.194l-.06.056-.077.083-.037.037-.018.02-.093.098c-.07.077-.136.155-.197.232L8 5.59c-.128.156-.247.318-.334.463-.06.093-.117.188-.172.284L6.73 7.883h.002l-.04.08-.084.17c-.168.34-.347.678-.548.957-.448.49-.954.73-1.604.73-.045 0-.092 0-.14-.004-.39-.015-.727-.108-1.026-.284l-.092-.06c-.244-.16-.43-.368-.57-.627-.157-.294-.227-.594-.217-.913l.002-.023c.02-.507.214-.9.603-1.242.095-.08.194-.15.297-.212.015-.01.03-.017.044-.025.29-.156.618-.235.995-.235l.118.004c.6.02 1.062.21 1.43.574L7.054 4.7c-.277-.186-.59-.345-.933-.475l-.04-.014c-.04-.014-.08-.03-.123-.043-.366-.122-.75-.197-1.144-.23-.01-.003-.02-.004-.03-.005l-.184-.014c-.067-.003-.133-.004-.198-.004h-.037c-.727.002-1.402.15-2.02.446-.69.333-1.252.82-1.668 1.444-.414.626-.64 1.32-.673 2.065-.002.063-.004.126-.004.188 0 1.043.38 1.96 1.135 2.73.788.806 1.813 1.24 3.045 1.292.08.004.156.006.234.006.697 0 1.34-.124 1.92-.372.144-.062.284-.134.427-.215.08-.046.153-.093.226-.144l.054-.036.09-.063c.11-.078.212-.163.312-.253l.034-.033c.06-.055.117-.11.173-.17l.206-.234.08-.1.036-.053.036-.053c.308-.517 1.31-2.4 1.31-2.4v-.003l.06-.115.05-.09c.147-.27.254-.46.395-.66l.004-.006c.33-.478.896-.82 1.564-.876 1.12-.096 2.103.64 2.193 1.644.09 1.004-.746 1.896-1.866 1.993-.233.02-.46.005-.674-.042l-.005.002c-.822-.17-1.345-.77-1.603-1.04L8.357 10.75s.335.338.564.507c.23.168.528.334.765.437.575.245 1.2.392 1.892.392.08 0 .064 0 .147-.003 1.23-.05 2.326-.523 3.117-1.33.75-.767 1.156-1.642 1.16-2.678v-.03c0-.06-.002-.116-.004-.175z" fill="#fff" fill-rule="nonzero"/></svg>Coursera<br><span class="hex">#757575</span></a></li>
</ul>
</main>
<footer class="footer" role="contentinfo">