redesign #1

Merged
fred.boniface merged 115 commits from redesign into main 2022-10-29 20:12:58 +01:00
29 changed files with 17 additions and 5 deletions
Showing only changes of commit b37b926a71 - Show all commits

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 496 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 263 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 904 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 456 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 759 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 546 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,9 @@
Each set of header images should contain the following image widths. The minimum height should be 275px.
- 4096
- 2800
- 1920
- 1024
- 800
- 500
- 300

View File

@ -17,7 +17,6 @@ body {
/* PAGE HEADER */
.header_image {
background-color: rgb(29,49,49);
background-image: url("/images/headers/index/index_1024.webp");
background-repeat: no-repeat;
background-position: top;
background-size: cover;
@ -29,10 +28,14 @@ body {
position: sticky;
top: -145px;
}
#header_index{background-image: url("/images/headers/index/index_1024.webp")}
@media(min-width: 1025px){#header_index{background-image: url("/images/headers/index/index_1920.webp")}}
@media(min-width: 1921px){#header_index{background-image: url("/images/headers/index/index_2800.webp")}}
@media(min-width: 2801px){#header_index{background-image: url("/images/headers/index/index_4096.webp")}}
#header_index{background-color: #a04911}
@media(min-width: 100px){#header_index{background-image: url("/images/headers/index/300.webp")}}
@media(min-width: 301px){#header_index{background-image: url("/images/headers/index/500.webp")}}
@media(min-width: 501px){#header_index{background-image: url("/images/headers/index/800.webp")}}
@media(min-width: 801px){#header_index{background-image:url("/images/headers/index/1024.webp")}}
@media(min-width:1025px){#header_index{background-image:url("/images/headers/index/1920.webp")}}
@media(min-width:1921px){#header_index{background-image:url("/images/headers/index/2800.webp")}}
@media(min-width:2801px){#header_index{background-image:url("/images/headers/index/4096.webp")}}
#page_title { /* This may be best floating above content div rather than inside header div */
background-color: #2f4f4f8f;
font-family: indie-flower, cursive;