web/simple-icons
1
0
Fork 0
mirror of https://github.com/simple-icons/simple-icons.git synced 2025-01-05 01:20:39 +02:00
Code Releases Activity

Order icons alphabetically

Browse Source
This commit is contained in:
Eric Cornelissen 2017-12-21 22:32:01 +01:00
parent 360348257f
commit 98cf145270
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@ -36,11 +36,13 @@
{% endcase %} {% endcase %}
{% unless forloop.last %}{% assign rgbString = rgbString | append: "," %}{% endunless %} {% unless forloop.last %}{% assign rgbString = rgbString | append: "," %}{% endunless %}
{% endfor %} {% endfor %}
{% assign rgbArray = rgbString | split: "," %} {% assign rgbArray = rgbString | split: "," %}
{% assign rgbRed = rgbArray[0] | times: 16 | plus: rgbArray[1] | divided_by: 255.0 | round: 2 %} {% assign rgbRed = rgbArray[0] | times: 16 | plus: rgbArray[1] | divided_by: 255.0 | round: 2 %}
{% assign rgbGreen = rgbArray[2] | times: 16 | plus: rgbArray[3] | divided_by: 255.0 | round: 2 %} {% assign rgbGreen = rgbArray[2] | times: 16 | plus: rgbArray[3] | divided_by: 255.0 | round: 2 %}
{% assign rgbBlue = rgbArray[4] | times: 16 | plus: rgbArray[5] | divided_by: 255.0 | round: 2 %} {% assign rgbBlue = rgbArray[4] | times: 16 | plus: rgbArray[5] | divided_by: 255.0 | round: 2 %}
{% assign rgbMax = 0.0 %} {% assign rgbMax = 0.0 %}
{% if rgbRed > rgbMax %} {% if rgbRed > rgbMax %}
{% assign rgbMax = rgbRed %} {% assign rgbMax = rgbRed %}
{% endif %} {% endif %}
@ -105,18 +107,17 @@
{% endif %} {% endif %}
{% assign hslHue = hslHue | plus: 90.0 | modulo: 360.0 %} {% assign hslHue = hslHue | plus: 90.0 | modulo: 360.0 %}
{% endif %} {% endif %}
{% if hslSaturation < 10 %} {% if hslSaturation < 10 %}
{% assign hslLuminance = hslLuminance | round: 0 | prepend: "000" | slice: -3, 3 %} {% assign hslLuminance = hslLuminance | round: 0 | prepend: "000" | slice: -3, 3 %}
{% capture greyscaleIconsUnsortedString %}{{ greyscaleIconsUnsortedString }}{{ hslLuminance }},{{ filename }},{{ hslHue }},{{ hslSaturation }},{{ hex }},{{ title }},{{ class }}{% unless forloop.last %};{% endunless %}{% endcapture %} {% capture greyscaleIconsUnsortedString %}{{ greyscaleIconsUnsortedString }}{{ hslLuminance }},{{ filename }},{{ hslHue }},{{ hslSaturation }},{{ hex }},{{ title }},{{ class }},{{ forloop.index }}{% unless forloop.last %};{% endunless %}{% endcapture %}
{% else %} {% else %}
{% assign hslHue = hslHue | round: 0 | prepend: "000" | slice: -3, 3 %} {% assign hslHue = hslHue | round: 0 | prepend: "000" | slice: -3, 3 %}
{% capture iconsUnsortedString %}{{ iconsUnsortedString }}{{ hslHue }},{{ hslSaturation }},{{ hslLuminance }},{{ filename }},{{ hex }},{{ title }},{{ class }}{% unless forloop.last %};{% endunless %}{% endcapture %} {% capture iconsUnsortedString %}{{ iconsUnsortedString }}{{ hslHue }},{{ hslSaturation }},{{ hslLuminance }},{{ filename }},{{ hex }},{{ title }},{{ class }},{{ forloop.index }}{% unless forloop.last %};{% endunless %}{% endcapture %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% assign iconsArray = iconsUnsortedString | split: ";" %} {% assign iconsArray = iconsUnsortedString | split: ";" | sort %}
{% assign iconsArray = iconsArray | sort %} {% assign greyscaleIconsArray = greyscaleIconsUnsortedString | split: ";" | sort | reverse %}
{% assign greyscaleIconsArray = greyscaleIconsUnsortedString | split: ";" %}
{% assign greyscaleIconsArray = greyscaleIconsArray | sort | reverse %}
<!doctype html> <!doctype html>
<html lang="en-gb"> <html lang="en-gb">
@ -498,24 +499,24 @@
</li> </li>
{% for icon in iconsArray %} {% for icon in iconsArray %}
{% assign iconArray = icon | split: "," %} {% assign iconArray = icon | split: "," %}
<li class="grid-item {{ iconArray[6] }}" style="background-color: #{{ iconArray[4] }}"> <li class="grid-item {{ iconArray[6] }}" style="background-color: #{{ iconArray[4] }}; order: {{ iconArray[7] }}">
<a class="grid-item__link" href="/icons/{{ iconArray[3] }}.svg" download> <a class="grid-item__link" href="/icons/{{ iconArray[3] }}.svg" download>
{% assign filePath = iconArray[3] | prepend: "icons/" | append: ".svg" %} {% assign filePath = iconArray[3] | prepend: "icons/" | append: ".svg" %}
{% include_relative {{ filePath }} %} {% include_relative {{ filePath }} %}
<h2 class="grid-item__title">{{ iconArray[5] }}</h2> <h2 class="grid-item__title">{{ iconArray[5] }}</h2>
</a> </a>
<p class="grid-item__subtitle">#{{ iconArray[4] }}</p> <p class="grid-item__subtitle">#{{ iconArray[4] }} - {{ iconArray[7] }}</p>
</li> </li>
{% endfor %} {% endfor %}
{% for icon in greyscaleIconsArray %} {% for icon in greyscaleIconsArray %}
{% assign iconArray = icon | split: "," %} {% assign iconArray = icon | split: "," %}
<li class="grid-item {{ iconArray[6] }}" style="background-color: #{{ iconArray[4] }}"> <li class="grid-item {{ iconArray[6] }}" style="background-color: #{{ iconArray[4] }}; order: {{ iconArray[7] }}">
<a class="grid-item__link" href="/icons/{{ iconArray[1] }}.svg" download> <a class="grid-item__link" href="/icons/{{ iconArray[1] }}.svg" download>
{% assign filePath = iconArray[1] | prepend: "icons/" | append: ".svg" %} {% assign filePath = iconArray[1] | prepend: "icons/" | append: ".svg" %}
{% include_relative {{ filePath }} %} {% include_relative {{ filePath }} %}
<h2 class="grid-item__title">{{ iconArray[5] }}</h2> <h2 class="grid-item__title">{{ iconArray[5] }}</h2>
</a> </a>
<p class="grid-item__subtitle">#{{ iconArray[4] }}</p> <p class="grid-item__subtitle">#{{ iconArray[4] }} - {{ iconArray[7] }}</p>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>