Add SVG logos (#1558)

These are the HSF logo redone in SVG (Inkscape).

There are versions without the bottom (no-text) and a pale version (text pale).

The shield versions are more suited to making shields on shields.io. The SVG can be passed as
a POST argument in base64.

Author: graeme-a-stewart

images/HSF-logo/README.md

@@ -0,0 +1,32 @@
+# HSF Logos
+
+This directory contains the HSF logo redone in SVG (Inkscape), after the original
+version done my Joschka Lingemann.
+
+- `hsf-logo-text.svg` classic HSF logo, including the full "HEP Software
+  Foundation" text at the bottom
+- `hsf-logo-no-text.svg` no text at the bottom
+- `hsf-logo-text-pale.svg` interaction lines in white, with the bottom text
+  lighter grey
+- `hsf-logo-shield-full.svg` chunkier version of the logo much more suited to
+  making shields on <shields.io> (as these logos are dark, the interaction lines
+  are white in this version)
+- `hsf-logo-shield-s-only.svg` shield logo that only has the interaction lines
+  and the "S"
+
+For shield logos, the SVG is base64 encoded, then passed in as a URL parameter.
+See [shields.io](https://shields.io/docs/logos) documentation.
+
+To get the base64 encoding of one of the logos, try:
+
+```shell
+base64 -o - -i hsf-logo-shield-full.svg
+```
+
+Then [this](https://img.shields.io/badge/HSF-Gold_Project-gold?logo=data:image/svg%2bxml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMTIwbW0iCiAgIGhlaWdodD0iODBtbSIKICAgdmlld0JveD0iMCAwIDEyMCA4MCIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4zICgwZTE1MGVkLCAyMDIzLTA3LTIxKSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iaHNmLWxvZ28tc2hpZWxkLWZ1bGwuc3ZnIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8dGl0bGUKICAgICBpZD0idGl0bGUxIj5IU0Y6IEdvbGQgUHJvamVjdDwvdGl0bGU+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0idHJ1ZSIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOnpvb209IjEuMTg5MzA0NCIKICAgICBpbmtzY2FwZTpjeD0iMTkxLjcwODciCiAgICAgaW5rc2NhcGU6Y3k9IjE5Ny41OTQ0OSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0NTYiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iODE5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSI1NyIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNDEiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiCiAgICAgc2hvd2d1aWRlcz0idHJ1ZSIgLz4KICA8ZGVmcwogICAgIGlkPSJkZWZzMSI+CiAgICA8cmVjdAogICAgICAgeD0iMjQ1LjUyMTY3IgogICAgICAgeT0iNjM5LjAyODk5IgogICAgICAgd2lkdGg9IjMyNC41NTk0NSIKICAgICAgIGhlaWdodD0iMjUzLjkyOTk1IgogICAgICAgaWQ9InJlY3Q1IiAvPgogICAgPHJlY3QKICAgICAgIHg9IjI0NS41MjE2NyIKICAgICAgIHk9IjYzOS4wMjg5OSIKICAgICAgIHdpZHRoPSIzMjQuNTU5NDUiCiAgICAgICBoZWlnaHQ9IjI1My45Mjk5NSIKICAgICAgIGlkPSJyZWN0NiIgLz4KICA8L2RlZnM+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNhYTAwMDA7c3Ryb2tlLXdpZHRoOjkuNTQ4NzY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjE7ZmlsbC1vcGFjaXR5OjEiCiAgICAgICBkPSJtIDU5Ljc4ODYzNSw5Ljc3NzUzMTEgYyAwLDAgLTE4LjIxNTUwMSw1LjU0ODY2NjkgLTE4LjIyMDI0OCwxOS45OTk5OTk5IDAuMTM5MjIsMTIuMTM3MTU3IDguNjQyMzc0LDEwLjM5NzY5NCAxOC40OTgzODMsMTAuMjc4OTY2IDkuOTIwMTYzLC0wLjExOTUwMSAxNy4xODg5NzQsMS4zNzA5MzkgMTcuMjc0NzA2LDEwLjM4ODQ0MSAwLjA1NTc3LDExLjQxNDU4MiAtMTcuNTUyODQxLDE5LjMzMjU5MyAtMTcuNTUyODQxLDE5LjMzMjU5MyIKICAgICAgIGlkPSJwYXRoNiIKICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NzY2MiIC8+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6ODtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgIGQ9Ik0gNC40NDU4MzE5LDc1LjY0MTg3MiA1OS43MTczMDUsNzEuNTQwNjMyIDExNi45MDQxLDc0Ljk3NDQ2NSIKICAgICAgIGlkPSJwYXRoNSIKICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjIiAvPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjg7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICBkPSJNIDIuODg4NTQ5Miw0LjAxODcxMTkgQyAzNy4xMzc2OTEsNS4zNTIwNDUgNDUuMTE2MDAyLDYuOTA3ODQ3MSA1OS43ODUwODUsOC4yNDExODAyIDgzLjgwMzY2Miw2LjkwNzg0NzEgMTEwLjkwNTc4LDUuMzUyMDQ1IDExNi42ODE2Myw0LjAxODcxMTkiCiAgICAgICBpZD0icGF0aDEiCiAgICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjYyIgLz4KICAgIDx0ZXh0CiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIgogICAgICAgc3R5bGU9ImZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOjU3LjEyMDFweDtmb250LWZhbWlseTonQXJpYWwgTmFycm93JzstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOidBcmlhbCBOYXJyb3cnO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1jYXBzOm5vcm1hbDtmb250LXZhcmlhbnQtbnVtZXJpYzpub3JtYWw7Zm9udC12YXJpYW50LWVhc3QtYXNpYW46bm9ybWFsO2xldHRlci1zcGFjaW5nOjkuMzEzNDZweDt3b3JkLXNwYWNpbmc6MC4wNDI4NDAycHg7ZmlsbDpub25lO3N0cm9rZTojYWEwMDAwO3N0cm9rZS13aWR0aDo2LjQ0MTM7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjE7ZmlsbC1vcGFjaXR5OjEiCiAgICAgICB4PSIyLjYyMTQxNTEiCiAgICAgICB5PSI1Ni43OTYzOTQiCiAgICAgICBpZD0idGV4dDEiCiAgICAgICB0cmFuc2Zvcm09InNjYWxlKDAuOTI0NTI0MTYsMS4wODE2Mzc1KSI+PHRzcGFuCiAgICAgICAgIHNvZGlwb2RpOnJvbGU9ImxpbmUiCiAgICAgICAgIGlkPSJ0c3BhbjEiCiAgICAgICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6Ni40NDEzO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtmaWxsOm5vbmU7c3Ryb2tlOiNhYTAwMDA7c3Ryb2tlLW9wYWNpdHk6MTtmaWxsLW9wYWNpdHk6MSIKICAgICAgICAgeD0iMi42MjE0MTUxIgogICAgICAgICB5PSI1Ni43OTYzOTQiPkg8L3RzcGFuPjwvdGV4dD4KICAgIDx0ZXh0CiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIgogICAgICAgc3R5bGU9ImZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOjU3LjEyMDFweDtmb250LWZhbWlseTonQXJpYWwgTmFycm93JzstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOidBcmlhbCBOYXJyb3cnO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1jYXBzOm5vcm1hbDtmb250LXZhcmlhbnQtbnVtZXJpYzpub3JtYWw7Zm9udC12YXJpYW50LWVhc3QtYXNpYW46bm9ybWFsO2xldHRlci1zcGFjaW5nOjkuMzEzNDZweDt3b3JkLXNwYWNpbmc6MC4wNDI4NDAycHg7ZmlsbDpub25lO3N0cm9rZTojYWEwMDAwO3N0cm9rZS13aWR0aDo2LjQ0MTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MTtmaWxsLW9wYWNpdHk6MSIKICAgICAgIHg9Ijk0LjAzMTc2MSIKICAgICAgIHk9IjU3LjMzNTk4NyIKICAgICAgIGlkPSJ0ZXh0MS03IgogICAgICAgdHJhbnNmb3JtPSJzY2FsZSgwLjkyNDUyNDE2LDEuMDgxNjM3NSkiPjx0c3BhbgogICAgICAgICBzb2RpcG9kaTpyb2xlPSJsaW5lIgogICAgICAgICBpZD0idHNwYW4xLTUiCiAgICAgICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6Ni40NDE7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZTojYWEwMDAwO3N0cm9rZS1vcGFjaXR5OjE7ZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICB4PSI5NC4wMzE3NjEiCiAgICAgICAgIHk9IjU3LjMzNTk4NyI+RjwvdHNwYW4+PC90ZXh0PgogIDwvZz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOnRpdGxlPkhTRjogR29sZCBQcm9qZWN0PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+Cjwvc3ZnPgo=) is the URL request for the gold logo.
+
+N.B. This is quite big (6109 chars), but `shields.io` doesn't seem to mind!
+
+## Colour Notes
+
+The HSF red is #aa0000. The lower text is grey 40%, aka #999999.