commit d9fdc12895509ab19dcdbcc9ceea21fc53731d92 parent 4f103bff60f8fa8db18884ce9d86f4b30e0a3630 Author: Thomasorus <contact@thomasorus.com> Date: Wed, 12 Jan 2022 22:11:44 +0100 Added png version of the logo and graceful degradation on the header and nav for older browsers like netsurf Diffstat:
| A | html/assets/merveilles.png | | | 0 | |
| M | html/head.html | | | 45 | +++++++++++++++++++++++++++++++++++++++++++++ |
2 files changed, 45 insertions(+), 0 deletions(-)
diff --git a/html/assets/merveilles.png b/html/assets/merveilles.png Binary files differ. diff --git a/html/head.html b/html/head.html @@ -74,6 +74,51 @@ white-space: nowrap; width: 1px; } + + header nav { + float: right; + } + + header ul > li { + display: inline-block; + margin-left: 0.5rem; + } + + @supports (display: flex) { + header nav { + float: unset; + } + + header ul > li { + display: unset; + margin-left: unset; + } + } + + header > a { + background-image: url('/assets/merveilles.png'); + background-size: 100%; + background-repeat: no-repeat; + display: inline-block; + height: 48px; + width: 48px; + } + + header svg { + display: none; + } + + @supports (display: flex) { + header > a { + background-image: none; + background-size: unset; + background-repeat: unset; + } + + header svg { + display: initial; + } + } </style> <!-- <link href="/assets/style.css" rel="stylesheet"> -->
