Project Badge Links (#1617)

* Links and descriptions for HSF badges

* Actually have a proper badges page

Move the badge URL requests to a real page

* Spelling

* Fix spelling mistake in README.md

beyond spellcheckers capabilities... ;-)

---------

Co-authored-by: hegner <[email protected]>

Author: graeme-a-stewart

images/HSF-logo/README.md

@@ -14,6 +14,8 @@ version done my Joschka Lingemann.
 - `hsf-logo-shield-s-only.svg` shield logo that only has the interaction lines
   and the "S"
 
+## HSF Project Badges
+
 For shield logos, the SVG is base64 encoded, then passed in as a URL parameter.
 See [shields.io](https://shields.io/docs/logos) documentation.
 
@@ -23,10 +25,10 @@ To get the base64 encoding of one of the logos, try:
 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!
+Links for the current versions of the badges are on the [badges page](https://hepsoftwarefoundation.org/projects/badges.html).
 
 ## Colour Notes
 
 The HSF red is #aa0000. The lower text is grey 40%, aka #999999.
+
+For the HSF project affiliations, gold is #FFD700, silver is #C0C0C0 and bronze is #CD7F32 (the first two are also the standard HTML/CSS colour names *gold* and *silver*).

projects/affiliated.md

@@ -31,10 +31,17 @@ The recognition of bijective engagement with the HSF is displayed via *GitHub Ba
 Three levels distinguish mainly the level of maturity, community support and  engagement: Bronze, Silver and Gold.
 In broad terms, the attribution of the endorsement level is based on the following guidelines, which are detailed in the dedicated document on
 [Guidelines for HSF Affiliated Projects and Software, and Endorsement Badge Levels]({{ site.baseurl }}/projects/guidelines.html).
+
 * Bronze: new or young endeavour, likely evolving from and within a collaboration or experiment, but with the potential for other communities to use. It should be committed to meeting best practices in software engineering, e.g., documentation and a test suite.
 * Silver: aiming for gold but in an earlier phase towards strong community support (e.g., adoption is still modest, maintenance is not secured at least in the medium term by more than a single person). High standards of software engineering should be met.
 * Gold: endeavour adopted by several collaborations and/or experiments with a strong and long-term community support model.
 
+### HSF Project Badges
+
+Links to code snippets for HSF project badges are on our [badges page]({{ site.baseurl }}/projects/badges.html).
+
+### Annual Project Awards
+
 The HSF envisages a scheme for Annual Project Awards.
 A concrete proposal will be presented to the [HSF Advisory Group]({{ site.baseurl }}/organization/advisory-group.html) once the latter is put in place.