diff --git a/icons/amazon-color.svg b/icons/amazon-color.svg index 4581b9b..890edc9 100644 --- a/icons/amazon-color.svg +++ b/icons/amazon-color.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/images/sunset-bg-blue.jpg b/images/sunset-bg-blue.jpg new file mode 100644 index 0000000..0acbd1c Binary files /dev/null and b/images/sunset-bg-blue.jpg differ diff --git a/index.html b/index.html index d5e3b65..12bed71 100644 --- a/index.html +++ b/index.html @@ -25,14 +25,14 @@ header p {font-size: clamp(1em, 5vw, 1.5em); line-height: 1.5; max-width: 32ch} h2 {font-size: 1.5em; line-height: 1.333} p {font-size: 1em; line-height: 1.5} /* layout */ -body {margin: auto} +body {margin: auto; min-height: 100vh} @media (min-width: 40em) { body {margin: 0; width: 20em} header h1 {font-size: 1.5em} header p {font-size: 1em} } header { - background: url(./images/sunset-bg.jpg); + background: url(./images/sunset-bg-blue.jpg); background-size: contain; width: 100%; aspect-ratio: 1; padding: 1em; @@ -60,16 +60,15 @@ body:before { height: 100vh; left: 0; top: 0; - background: url(./images/sunset-bg.jpg); + background: url(./images/sunset-bg-blue.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; - filter: blur(1em) hue-rotate(-135deg); + filter: blur(1em); opacity: 0.5; z-index: -1 } html {background-color: #212121} -header, section {background-color: #28201d; color: white; filter: hue-rotate(-135deg)} -a, img {filter: hue-rotate(135deg)} +body, header, section {background-color: #212128; color: white} a {color: #64b5f6} a:visited {color: #d1c4e9} img {color: white} @@ -103,7 +102,7 @@ img {color: white} - + triggerofsol @@ -115,11 +114,11 @@ img {color: white} view photos at birdsounds.media - + watch footage at obvious_humor - + buy prints at society6.com/trwnh