Skip to content

Commit

Permalink
Update site icons (#28, #978)
Browse files Browse the repository at this point in the history
The 'hourglass not done' icon from Openmoji (https://openmoji.org/library/emoji-23F3/) was used.

Derived icons for various usage were generated using https://realfavicongenerator.net/ (from the SVG icon). All icons were placed in the 'assets' directory, except favicon.ico. The theme mandates its path to be /favicon.ico, and it seems a lot of browsers assume this location anyway (https://stackoverflow.com/questions/21359342/is-putting-your-favicon-ico-file-in-a-non-root-path-a-bad-idea/21359390#21359390).

New files, browserconfig.xml and manifest.json were also added. It is not clear if browserconfig.xml is still useful (https://webmasters.stackexchange.com/q/131077) but it does not hurt. manifest.json is useful for PWA (https://developer.mozilla.org/en-US/docs/Web/Manifest).

A new section has been added to the README in order to give credits to the softwares used in the project. This is mandated by at least the use of an Openmoji icon as this site logo.

Note that I would have prefer to use the 'link' tag to generate image URLs (https://jekyllrb.com/docs/liquid/tags/#link). But those are slowing down significantly the build (10s -> 40s).
  • Loading branch information
marcwrobel committed Nov 24, 2022
1 parent 765062f commit e0a6876
Show file tree
Hide file tree
Showing 23 changed files with 137 additions and 3 deletions.
15 changes: 15 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,23 @@ While participating in the project, you must abide by its [Code of Conduct](CODE
## API

An API is available for integration with CI platforms. API documentation is available at https://endoflife.date/docs/api. The API is currently in Alpha, and breaking changes can happen.

## License

Licensed under the [MIT License](LICENSE).

## Credits

endoflife.date is relying on various amazing software and components :

- [GitHub](https://github.com/), an Internet hosting service for software development and version control,
- [Jekyll](https://jekyllrb.com/), a static site generator.
- [Ruby](https://jekyllrb.com/), a dynamic and open source programming language with a focus on simplicity and
productivity.
- [Just the Docs](https://github.com/just-the-docs/just-the-docs), a documentation theme for Jekyll.
- [Stoplight Elements](https://stoplight.io/open-source/elements), a collection of UI components for displaying
beautiful developer documentation from any OpenAPI document.
- [Openmoji](https://openmoji.org/), open source emojis for designers, developers and everyone else!
- [Netlify](https://www.netlify.com/), an all-in-one platform for automating modern web projects.

[hacktoberfest]: https://github.com/endoflife-date/endoflife.date/issues/408
2 changes: 1 addition & 1 deletion _config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ defaults:
- scope:
path: ""
values:
image: /logo.png
image: /logo-512.png
- scope:
path: "products"
values:
Expand Down
11 changes: 11 additions & 0 deletions _includes/head_custom.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,3 +7,14 @@
{% endcapture %}
<meta name="description" content="{{ d | strip }}" />
<meta property="og:description" content="{{ d | strip }}" />

<!-- favicons - see https://realfavicongenerator.net -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/apple-touch-icon.png' | relative_url }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/favicon-32x32.png' | relative_url }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/favicon-16x16.png' | relative_url }}">
<link rel="manifest" href="{{ 'manifest.json' | relative_url }}">
<link rel="mask-icon" href="{{ '/assets/safari-pinned-tab.svg' | relative_url }}" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="{{ '/browserconfig.xml' | relative_url }}">
<meta name="theme-color" content="#ffffff">

Binary file added assets/apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/favicon-16x16.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/favicon-32x32.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/favicon.ico
Binary file not shown.
Binary file removed assets/icon.png
Binary file not shown.
1 change: 0 additions & 1 deletion assets/icon.svg

This file was deleted.

Binary file added assets/logo-192x192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/logo-512x512.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/logo.png
Binary file not shown.
25 changes: 25 additions & 0 deletions assets/logo.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/mstile-144x144.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/mstile-150x150.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/mstile-310x150.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/mstile-310x310.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/mstile-70x70.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
49 changes: 49 additions & 0 deletions assets/safari-pinned-tab.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions browserconfig.xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
---
# See https://webmasters.stackexchange.com/q/131077
---
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="{{ '/assets/mstile-150x150.png' | absolute_url }}"/>
<TileColor>#da532c</TileColor>
</tile>
</msapplication>
</browserconfig>
Binary file added favicon.ico
Binary file not shown.
2 changes: 1 addition & 1 deletion humans.txt
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,4 @@ Contributors: https://github.com/endoflife-date/endoflife.date/graphs/contributo

/* SITE */
Software: Jekyll, Netlify, GitHub, Ruby, GitHub Actions
Components: Just the Docs Jekyll Theme, Stoplight Elements
Components: Just the Docs Jekyll Theme, Stoplight Elements, Openmoji
23 changes: 23 additions & 0 deletions manifest.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
---
# See https://web.dev/add-manifest/
---
{
"name": "",
"short_name": "",
"icons": [
{
"src": "{{ '/assets/logo-192x192.png' | absolute_url }}",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "{{ '/assets/logo-512x512.png' | absolute_url }}",
"sizes": "512x512",
"type": "image/png"
}
],
"start_url": "{{ '/' | absolute_url }}?utm_source=homescreen",
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}

0 comments on commit e0a6876

Please sign in to comment.