git: f75ac66793 - main - website: Replace website's top banner with a higher-resolution version
- Go to: [ bottom of page ] [ top of archives ] [ this month ]
Date: Mon, 01 Jul 2024 10:00:49 UTC
The branch main has been updated by 0mp:
URL: https://cgit.FreeBSD.org/doc/commit/?id=f75ac667937e189ee2269ae9e52d5c266fc0d267
commit f75ac667937e189ee2269ae9e52d5c266fc0d267
Author: Janek Szynal <mail@janek.ooo>
AuthorDate: 2024-06-28 13:52:01 +0000
Commit: Mateusz Piotrowski <0mp@FreeBSD.org>
CommitDate: 2024-07-01 09:59:40 +0000
website: Replace website's top banner with a higher-resolution version
The current banner is visibly low resolution. I made the following
graphical changes to the banner:
- upscaled by 2x
- overlayed a high-resolution version of the FreeBSD logo
which I exported from the Illustrator source file
(website/static/logo/logo-basic.ai)
- removed "FreeBSD" typography in Photoshop and placed a high-resolution
version in the same place (from logo-basic.ai as well)
- created a new ® sign
- applied a small patch of gradient to smooth out the line visible in
the top left corner of the banner, where the image borders on the
background of the rest of the navbar
Sadly, I was not able to do the same for "The Power To Serve",
since the .ai file does not contain it, and the font used for it is
not available anywhere either. I therefore stayed with the original
low-resolution version for that.
I then made the following changes:
- I included the new banner, removed the old one
- I decided to rename it from logo-red.png to banner-red.png, since it's
more accurate, and easier to test (replacing an image file without
renaming it was often causing preview issues for me, i.e., the old
image was often still displayed intend of the new one)
- I changed all instances of the usage to use the new asset and added
explicit height/width where necessary
Reviewed by: bcr, 0mp
Differential Revision: https://reviews.freebsd.org/D45782
---
website/content/en/cgi/cgi-style.pl | 2 +-
website/content/en/layout/images/banner-red.png | Bin 0 -> 83930 bytes
website/content/en/layout/images/logo-red.png | Bin 26193 -> 0 bytes
.../themes/beastie/layouts/partials/site-header.html | 2 +-
website/themes/beastie/static/images/banner-red.png | Bin 0 -> 83930 bytes
website/themes/beastie/static/images/logo-red.png | Bin 26193 -> 0 bytes
6 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/website/content/en/cgi/cgi-style.pl b/website/content/en/cgi/cgi-style.pl
index 06932fa80f..8708ced120 100644
--- a/website/content/en/cgi/cgi-style.pl
+++ b/website/content/en/cgi/cgi-style.pl
@@ -56,7 +56,7 @@ $i_topbar = qq`
<div id="headerlogoleft">
<a href="$hsty_base" title="FreeBSD"><img
- src="$hsty_base/layout/images/logo-red.png" width="457"
+ src="$hsty_base/layout/images/banner-red.png" width="457"
height="75" alt="FreeBSD" /></a>
</div>
diff --git a/website/content/en/layout/images/banner-red.png b/website/content/en/layout/images/banner-red.png
new file mode 100644
index 0000000000..59e3875a9b
Binary files /dev/null and b/website/content/en/layout/images/banner-red.png differ
diff --git a/website/content/en/layout/images/logo-red.png b/website/content/en/layout/images/logo-red.png
deleted file mode 100644
index fd00ed52e8..0000000000
Binary files a/website/content/en/layout/images/logo-red.png and /dev/null differ
diff --git a/website/themes/beastie/layouts/partials/site-header.html b/website/themes/beastie/layouts/partials/site-header.html
index 2f7109049a..4edba1e8be 100755
--- a/website/themes/beastie/layouts/partials/site-header.html
+++ b/website/themes/beastie/layouts/partials/site-header.html
@@ -1,7 +1,7 @@
<header>
<div>
<a href={{ absLangURL ($.Site.BaseURL ) }} title={{ i18n "freebsd" }}>
- <img src="{{ absLangURL ($.Site.BaseURL ) }}images/logo-red.png" alt={{ i18n "freebsdPowerServe" }} />
+ <img src="{{ absLangURL ($.Site.BaseURL ) }}images/banner-red.png" alt={{ i18n "freebsdPowerServe" }} width="457" height="75" />
</a>
</div>
<div id="headerlogoright">
diff --git a/website/themes/beastie/static/images/banner-red.png b/website/themes/beastie/static/images/banner-red.png
new file mode 100644
index 0000000000..59e3875a9b
Binary files /dev/null and b/website/themes/beastie/static/images/banner-red.png differ
diff --git a/website/themes/beastie/static/images/logo-red.png b/website/themes/beastie/static/images/logo-red.png
deleted file mode 100644
index fd00ed52e8..0000000000
Binary files a/website/themes/beastie/static/images/logo-red.png and /dev/null differ