From 1b717f5ed5d6a191ebaa9700f7dab3e52bb0f78a Mon Sep 17 00:00:00 2001 From: Vaclav Petras Date: Wed, 4 Sep 2024 23:01:44 -0400 Subject: [PATCH] Use inverted white logo for index page This uses a single color inverted logo in white (the grass plant is transparent, its background is white, everything else is white too). The mission text is in bold font used for headings and is white and little smaller. The grass photo in the background is not covered in gradient to white, but with transparent dark green overlay for contrast with white and for matching the green in the top bar. --- static/images/logos/grass_gis.svg | 354 ++++++++++++++++++++++++++++++ themes/grass/assets/css/style.css | 11 +- themes/grass/layouts/index.html | 4 +- 3 files changed, 360 insertions(+), 9 deletions(-) create mode 100644 static/images/logos/grass_gis.svg diff --git a/static/images/logos/grass_gis.svg b/static/images/logos/grass_gis.svg new file mode 100644 index 00000000..8cfd8193 --- /dev/null +++ b/static/images/logos/grass_gis.svg @@ -0,0 +1,354 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/themes/grass/assets/css/style.css b/themes/grass/assets/css/style.css index 0d830238..a2d3cc2c 100644 --- a/themes/grass/assets/css/style.css +++ b/themes/grass/assets/css/style.css @@ -421,10 +421,7 @@ pre { width: 100%; top: 0; left: 0; - background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 12%, rgba(255, 255, 255, 0.47) 59%, rgba(255, 255, 255, 0) 100%); - background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 12%, rgba(255, 255, 255, 0.47) 59%, rgba(255, 255, 255, 0) 100%); - background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 12%, rgba(255, 255, 255, 0.47) 59%, rgba(255, 255, 255, 0) 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); + background: rgb(5, 83, 32, 0.5); } .overlayg { position: relative; @@ -648,9 +645,9 @@ pre { background: transparent; } .banner p { - font-size: 24px; - color: #000000; - background: rgba(255, 255, 255, .45) + font-family: open_sansbold; + font-size: 22px; + color: #ffffff; } .banner .text-dark { color: var(--dark-color); diff --git a/themes/grass/layouts/index.html b/themes/grass/layouts/index.html index 8feebf18..70fc0f05 100644 --- a/themes/grass/layouts/index.html +++ b/themes/grass/layouts/index.html @@ -13,8 +13,8 @@
-

GRASS GIS

{{ with .Site.Params.banner.description }} -

{{ . }}

{{ end }} +

GRASS GIS

{{ with .Site.Params.banner.description }} +

{{ . }}

{{ end }}