diff --git a/images/headers/index/1024.jpg b/images/headers/index/1024.jpg new file mode 100644 index 0000000..1d5fa87 Binary files /dev/null and b/images/headers/index/1024.jpg differ diff --git a/images/headers/index/1024.jxl b/images/headers/index/1024.jxl new file mode 100644 index 0000000..2495479 Binary files /dev/null and b/images/headers/index/1024.jxl differ diff --git a/images/headers/index/1024.webp b/images/headers/index/1024.webp new file mode 100644 index 0000000..34833d9 Binary files /dev/null and b/images/headers/index/1024.webp differ diff --git a/images/headers/index/1920.jpg b/images/headers/index/1920.jpg new file mode 100644 index 0000000..5dae712 Binary files /dev/null and b/images/headers/index/1920.jpg differ diff --git a/images/headers/index/1920.jxl b/images/headers/index/1920.jxl new file mode 100644 index 0000000..f17e1ac Binary files /dev/null and b/images/headers/index/1920.jxl differ diff --git a/images/headers/index/1920.webp b/images/headers/index/1920.webp new file mode 100644 index 0000000..0387bad Binary files /dev/null and b/images/headers/index/1920.webp differ diff --git a/images/headers/index/2800.jpg b/images/headers/index/2800.jpg new file mode 100644 index 0000000..963eae1 Binary files /dev/null and b/images/headers/index/2800.jpg differ diff --git a/images/headers/index/2800.jxl b/images/headers/index/2800.jxl new file mode 100644 index 0000000..14eb486 Binary files /dev/null and b/images/headers/index/2800.jxl differ diff --git a/images/headers/index/2800.webp b/images/headers/index/2800.webp new file mode 100644 index 0000000..a0eee30 Binary files /dev/null and b/images/headers/index/2800.webp differ diff --git a/images/headers/index/300.jpg b/images/headers/index/300.jpg new file mode 100644 index 0000000..9bd167a Binary files /dev/null and b/images/headers/index/300.jpg differ diff --git a/images/headers/index/300.jxl b/images/headers/index/300.jxl new file mode 100644 index 0000000..bb568a8 Binary files /dev/null and b/images/headers/index/300.jxl differ diff --git a/images/headers/index/300.webp b/images/headers/index/300.webp new file mode 100644 index 0000000..aca8bfa Binary files /dev/null and b/images/headers/index/300.webp differ diff --git a/images/headers/index/4096.jpg b/images/headers/index/4096.jpg new file mode 100644 index 0000000..9d8307f Binary files /dev/null and b/images/headers/index/4096.jpg differ diff --git a/images/headers/index/4096.jxl b/images/headers/index/4096.jxl new file mode 100644 index 0000000..a1c3969 Binary files /dev/null and b/images/headers/index/4096.jxl differ diff --git a/images/headers/index/4096.webp b/images/headers/index/4096.webp new file mode 100644 index 0000000..96ff307 Binary files /dev/null and b/images/headers/index/4096.webp differ diff --git a/images/headers/index/500.jpg b/images/headers/index/500.jpg new file mode 100644 index 0000000..94dc8ca Binary files /dev/null and b/images/headers/index/500.jpg differ diff --git a/images/headers/index/500.jxl b/images/headers/index/500.jxl new file mode 100644 index 0000000..7b18219 Binary files /dev/null and b/images/headers/index/500.jxl differ diff --git a/images/headers/index/500.webp b/images/headers/index/500.webp new file mode 100644 index 0000000..69af17b Binary files /dev/null and b/images/headers/index/500.webp differ diff --git a/images/headers/index/800.jpg b/images/headers/index/800.jpg new file mode 100644 index 0000000..f40918a Binary files /dev/null and b/images/headers/index/800.jpg differ diff --git a/images/headers/index/800.jxl b/images/headers/index/800.jxl new file mode 100644 index 0000000..89e92ee Binary files /dev/null and b/images/headers/index/800.jxl differ diff --git a/images/headers/index/800.webp b/images/headers/index/800.webp new file mode 100644 index 0000000..d5f9f56 Binary files /dev/null and b/images/headers/index/800.webp differ diff --git a/images/headers/index/full.jpg b/images/headers/index/full.jpg new file mode 100644 index 0000000..737de09 Binary files /dev/null and b/images/headers/index/full.jpg differ diff --git a/images/headers/index/index_1024.webp b/images/headers/index/index_1024.webp deleted file mode 100644 index 142c91d..0000000 Binary files a/images/headers/index/index_1024.webp and /dev/null differ diff --git a/images/headers/index/index_1920.webp b/images/headers/index/index_1920.webp deleted file mode 100644 index ea71842..0000000 Binary files a/images/headers/index/index_1920.webp and /dev/null differ diff --git a/images/headers/index/index_2800.webp b/images/headers/index/index_2800.webp deleted file mode 100644 index 264e36f..0000000 Binary files a/images/headers/index/index_2800.webp and /dev/null differ diff --git a/images/headers/index/index_4096.webp b/images/headers/index/index_4096.webp deleted file mode 100644 index 31c0f6a..0000000 Binary files a/images/headers/index/index_4096.webp and /dev/null differ diff --git a/images/headers/index/index_full.jpg b/images/headers/index/index_full.jpg deleted file mode 100644 index 1aeacb9..0000000 Binary files a/images/headers/index/index_full.jpg and /dev/null differ diff --git a/images/headers/readme.txt b/images/headers/readme.txt new file mode 100644 index 0000000..ef0867d --- /dev/null +++ b/images/headers/readme.txt @@ -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 diff --git a/style/new_style.css b/style/new_style.css index 7f9506b..d5bc6b8 100644 --- a/style/new_style.css +++ b/style/new_style.css @@ -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;