sites/trwnh.com
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

remove huerotate, fix links

Browse source
This commit is contained in:
a 2022-01-14 22:16:03 -06:00
parent 80135018a3
commit b9601ad2af
3 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
icons/amazon-color.svg
View file

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="-352 -291 801 679"><path fill="#333" d="M262 134c-17-22-35-41-35-83V-90c0-60 5-115-40-156-35-34-93-45-138-45-87 0-184 32-204 138-2 12 6 18 13 19l89 10c8-1 14-9 16-17 8-37 39-54 73-54 19 0 41 7 52 23 13 19 11 44 11 66v12C46-88-23-85-73-63c-57 25-98 74-98 148 0 94 60 141 137 141 65 0 101-15 151-66 17 24 22 36 53 61 6 3 15 3 21-3v1l70-60c8-7 7-16 1-25zM82 94c-15 25-38 41-64 41-35 0-55-27-55-66 0-77 70-91 136-91v20c0 35 1 64-17 96z"/><g fill="#FF9201"><path d="M371 288a586 586 0 0 1-720-52c-8-7 0-17 9-11a796 796 0 0 0 698 43c15-6 28 10 13 20z"/><path d="M408 247c-12-15-74-7-103-4-8 1-10-6-2-12 50-35 132-25 142-13s-3 94-50 134c-7 6-14 3-10-5 10-27 34-86 23-100z"/></g></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="-352 -291 801 679" width="32" height="32"><path fill="#333" d="M262 134c-17-22-35-41-35-83V-90c0-60 5-115-40-156-35-34-93-45-138-45-87 0-184 32-204 138-2 12 6 18 13 19l89 10c8-1 14-9 16-17 8-37 39-54 73-54 19 0 41 7 52 23 13 19 11 44 11 66v12C46-88-23-85-73-63c-57 25-98 74-98 148 0 94 60 141 137 141 65 0 101-15 151-66 17 24 22 36 53 61 6 3 15 3 21-3v1l70-60c8-7 7-16 1-25zM82 94c-15 25-38 41-64 41-35 0-55-27-55-66 0-77 70-91 136-91v20c0 35 1 64-17 96z"/><g fill="#FF9201"><path d="M371 288a586 586 0 0 1-720-52c-8-7 0-17 9-11a796 796 0 0 0 698 43c15-6 28 10 13 20z"/><path d="M408 247c-12-15-74-7-103-4-8 1-10-6-2-12 50-35 132-25 142-13s-3 94-50 134c-7 6-14 3-10-5 10-27 34-86 23-100z"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 747 B

After

Width:  |  Height:  |  Size: 749 B

BIN
images/sunset-bg-blue.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1,012 KiB

17
index.html
View file

@ -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} h2 {font-size: 1.5em; line-height: 1.333}
p {font-size: 1em; line-height: 1.5} p {font-size: 1em; line-height: 1.5}
/* layout */ /* layout */
body {margin: auto} body {margin: auto; min-height: 100vh}
@media (min-width: 40em) { @media (min-width: 40em) {
body {margin: 0; width: 20em} body {margin: 0; width: 20em}
header h1 {font-size: 1.5em} header h1 {font-size: 1.5em}
header p {font-size: 1em} header p {font-size: 1em}
} }
header { header {
background: url(./images/sunset-bg.jpg); background: url(./images/sunset-bg-blue.jpg);
background-size: contain; background-size: contain;
width: 100%; aspect-ratio: 1; width: 100%; aspect-ratio: 1;
padding: 1em; padding: 1em;
@ -60,16 +60,15 @@ body:before {
height: 100vh; height: 100vh;
left: 0; left: 0;
top: 0; top: 0;
background: url(./images/sunset-bg.jpg); background: url(./images/sunset-bg-blue.jpg);
background-size: cover; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat;
background-position: center; background-position: center;
filter: blur(1em) hue-rotate(-135deg); filter: blur(1em);
opacity: 0.5; opacity: 0.5;
z-index: -1 z-index: -1
} }
html {background-color: #212121} html {background-color: #212121}
header, section {background-color: #28201d; color: white; filter: hue-rotate(-135deg)} body, header, section {background-color: #212128; color: white}
a, img {filter: hue-rotate(135deg)}
a {color: #64b5f6} a {color: #64b5f6}
a:visited {color: #d1c4e9} a:visited {color: #d1c4e9}
img {color: white} img {color: white}
@ -103,7 +102,7 @@ img {color: white}
<a href="https://www.youtube.com/channel/UCucHgl6cYb4G4THaXtw8PHA"> <a href="https://www.youtube.com/channel/UCucHgl6cYb4G4THaXtw8PHA">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 235 165" width="32" height="32"><path fill="currentColor" d="M93 118V48l62 35zm137-92c-3-10-11-18-21-21-18-5-92-5-92-5S44 0 26 5C16 8 8 16 5 26 0 44 0 83 0 83s0 38 5 57c3 10 11 18 21 20 18 5 91 5 91 5s74 0 92-5c10-2 18-10 21-20 5-19 5-57 5-57s0-39-5-57"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 235 165" width="32" height="32"><path fill="currentColor" d="M93 118V48l62 35zm137-92c-3-10-11-18-21-21-18-5-92-5-92-5S44 0 26 5C16 8 8 16 5 26 0 44 0 83 0 83s0 38 5 57c3 10 11 18 21 20 18 5 91 5 91 5s74 0 92-5c10-2 18-10 21-20 5-19 5-57 5-57s0-39-5-57"></path></svg>
</a> </a>
<a href="https://www.youtube.com/channel/UCucHgl6cYb4G4THaXtw8PHA"> <a href="https://steamcommunity.com/id/triggerofsol">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 259" width="32" height="32"><path fill="currentColor" d="M128 0C60 0 5 52 0 119l69 29a36 36 0 0 1 22-7l31-44v-1c0-27 21-49 48-49s48 22 48 49-21 49-48 49h-1l-44 31a37 37 0 0 1-36 39c-17 0-32-13-35-30L4 165c16 54 65 94 124 94 71 0 128-58 128-130C256 58 199 0 128 0ZM80 196l-15-6a27 27 0 0 0 49-2 28 28 0 0 0-14-36c-7-2-14-2-20 0l16 7c10 4 15 16 11 26-5 11-16 16-27 11ZM202 96c0-18-14-32-32-32s-32 14-32 32 14 33 32 33 32-15 32-33Zm-56 0c0-14 11-24 24-24 14 0 24 10 24 24 0 13-10 24-24 24-13 0-24-11-24-24Z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 259" width="32" height="32"><path fill="currentColor" d="M128 0C60 0 5 52 0 119l69 29a36 36 0 0 1 22-7l31-44v-1c0-27 21-49 48-49s48 22 48 49-21 49-48 49h-1l-44 31a37 37 0 0 1-36 39c-17 0-32-13-35-30L4 165c16 54 65 94 124 94 71 0 128-58 128-130C256 58 199 0 128 0ZM80 196l-15-6a27 27 0 0 0 49-2 28 28 0 0 0-14-36c-7-2-14-2-20 0l16 7c10 4 15 16 11 26-5 11-16 16-27 11ZM202 96c0-18-14-32-32-32s-32 14-32 32 14 33 32 33 32-15 32-33Zm-56 0c0-14 11-24 24-24 14 0 24 10 24 24 0 13-10 24-24 24-13 0-24-11-24-24Z"></path></svg>
</a> </a>
<span>triggerofsol</span> <span>triggerofsol</span>
@ -115,11 +114,11 @@ img {color: white}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="57 19 101 178" width="32" height="32" style="fill:currentColor"><path d="M741 366v173a70 70 0 0 0-69 17c-26 26-29 64-8 86 10 9 22 14 36 14 18 0 36-8 49-21a72 72 0 0 0 22-49V446l19 21c32 29 26 67 10 90l25 16c24-35 29-89-14-128-26-24-40-51-40-79zm46 114a13 13 0 0 0-13 13 13 13 0 0 0 13 13 13 13 0 0 0 13-13 13 13 0 0 0-13-13z" transform="translate(-200 -137) scale(.42587)"/><path d="m92 151-18 3-8 11c7-1 13 1 13 1l-17 8c-5 14-5 23-5 23s18-9 31-21c30-25 39-57 39-57l-11 7s1 4-5 11c-6 8-14-2-21 3l-9 7c7 1 11 4 11 4z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="57 19 101 178" width="32" height="32" style="fill:currentColor"><path d="M741 366v173a70 70 0 0 0-69 17c-26 26-29 64-8 86 10 9 22 14 36 14 18 0 36-8 49-21a72 72 0 0 0 22-49V446l19 21c32 29 26 67 10 90l25 16c24-35 29-89-14-128-26-24-40-51-40-79zm46 114a13 13 0 0 0-13 13 13 13 0 0 0 13 13 13 13 0 0 0 13-13 13 13 0 0 0-13-13z" transform="translate(-200 -137) scale(.42587)"/><path d="m92 151-18 3-8 11c7-1 13 1 13 1l-17 8c-5 14-5 23-5 23s18-9 31-21c30-25 39-57 39-57l-11 7s1 4-5 11c-6 8-14-2-21 3l-9 7c7 1 11 4 11 4z"/></svg>
<span>view photos at birdsounds.media</span> <span>view photos at birdsounds.media</span>
</a> </a>
<a href="https://birdsounds.media"> <a href="https://www.youtube.com/channel/UClJEUj0aSYHy-vcd9TW30Fw">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 235 165" width="32" height="32"><path fill="currentColor" d="M93 118V48l62 35zm137-92c-3-10-11-18-21-21-18-5-92-5-92-5S44 0 26 5C16 8 8 16 5 26 0 44 0 83 0 83s0 38 5 57c3 10 11 18 21 20 18 5 91 5 91 5s74 0 92-5c10-2 18-10 21-20 5-19 5-57 5-57s0-39-5-57"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 235 165" width="32" height="32"><path fill="currentColor" d="M93 118V48l62 35zm137-92c-3-10-11-18-21-21-18-5-92-5-92-5S44 0 26 5C16 8 8 16 5 26 0 44 0 83 0 83s0 38 5 57c3 10 11 18 21 20 18 5 91 5 91 5s74 0 92-5c10-2 18-10 21-20 5-19 5-57 5-57s0-39-5-57"></path></svg>
<span>watch footage at obvious_humor</span> <span>watch footage at obvious_humor</span>
</a> </a>
<a href="https://birdsounds.media"> <a href="https://society6.com/trwnh">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="32" height="32"><path fill="currentColor" d="M25 2a23 23 0 1 0 0 46 23 23 0 0 0 0-46zm13 10 1 1-3 1-3 2-4 6s2-2 6-2c7 0 5 7 4 9-1 3-5 6-9 6-3 0-6-1-7-5-1 3-2 5-8 5l-6-1-1-2c0-2 1-2 2-2 3 0 4 4 4 4s3 0 3-3-7-3-7-7 4-5 7-5c4 0 6 2 6 2 3-7 12-9 15-9zm-20 8s-3 0-3 3c0 2 5 2 7 5v-4h-1c-3 0-3-4-3-4zm13 3c-2 0-4 2-4 6 0 3 2 5 3 5 2 0 3-3 4-5 0-4-1-6-3-6z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="32" height="32"><path fill="currentColor" d="M25 2a23 23 0 1 0 0 46 23 23 0 0 0 0-46zm13 10 1 1-3 1-3 2-4 6s2-2 6-2c7 0 5 7 4 9-1 3-5 6-9 6-3 0-6-1-7-5-1 3-2 5-8 5l-6-1-1-2c0-2 1-2 2-2 3 0 4 4 4 4s3 0 3-3-7-3-7-7 4-5 7-5c4 0 6 2 6 2 3-7 12-9 15-9zm-20 8s-3 0-3 3c0 2 5 2 7 5v-4h-1c-3 0-3-4-3-4zm13 3c-2 0-4 2-4 6 0 3 2 5 3 5 2 0 3-3 4-5 0-4-1-6-3-6z"/></svg>
<span>buy prints at society6.com/trwnh</span> <span>buy prints at society6.com/trwnh</span>
</a> </a>