diff --git a/users/aspen/goodcry-band/flower-icon.svg b/users/aspen/goodcry-band/flower-icon.svg new file mode 100644 index 000000000..b6be59029 --- /dev/null +++ b/users/aspen/goodcry-band/flower-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/users/aspen/goodcry-band/flower-leaves.svg b/users/aspen/goodcry-band/flower-leaves.svg new file mode 100644 index 000000000..5a3b6771a --- /dev/null +++ b/users/aspen/goodcry-band/flower-leaves.svg @@ -0,0 +1 @@ + diff --git a/users/aspen/goodcry-band/flower.png b/users/aspen/goodcry-band/flower.png new file mode 100644 index 000000000..b5ad24bac Binary files /dev/null and b/users/aspen/goodcry-band/flower.png differ diff --git a/users/aspen/goodcry-band/index.css b/users/aspen/goodcry-band/index.css new file mode 100644 index 000000000..cd7b51af4 --- /dev/null +++ b/users/aspen/goodcry-band/index.css @@ -0,0 +1,160 @@ +@import "./reset.css"; + +:root { + --gray: #b4ada5; + --black: #2f2715; + --background: #fff9f4; + --blue: #195f9a; + --lavender: #5f6eb2; +} + +html { + width: 100%; +} + +body { + background-color: var(--background); + color: var(--black); + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + overflow-x: hidden; + font-family: "Helvetica", sans-serif; +} + +h1, +h2, +subtitle { + font-family: "Playfair Display", serif; +} + +header { + display: flex !important; + flex-direction: column; + align-items: center; + font-size: 30px; + display: inline-block; + text-align: center; + max-width: 100%; + overflow-x: hidden; +} + +@media (min-width: 800px) { + header { + overflow-x: initial; + } +} + +subtitle { + display: block; + padding-top: 0.5rem; + padding-bottom: 2.7rem; +} + +header hr { + border-top-style: none; + border-left-style: none; + border-right-style: none; + border-color: var(--gray); + margin-bottom: 2.7rem; + width: 35%; +} + +.header-image { + width: 100%; + max-width: 100%; + transform: translateX(4%); + margin-top: 1rem; +} + +@media (min-width: 800px) { + .header-image { + max-width: 800px; + margin-bottom: 1.2rem; + } +} + +h2 { + margin-bottom: 1.4rem; + border-bottom: 1px solid var(--gray); + padding-bottom: 0.5rem; +} + +a { + color: var(--blue); + text-decoration: none; +} + +p { + margin-bottom: 1.5rem; + text-align: center; + max-width: 400px; +} + +a:active { + text-decoration: underline; + color: var(--lavender); +} + +.link-list { + padding: 0 1rem; + list-style: none; + font-size: 1.2em; + text-align: center; + margin-bottom: 1rem; +} + +@media (min-width: 800px) { + .link-list { + padding: 0; + } +} + +.link-list li > * { + display: block; + padding: 0.4rem 0; +} + +.social-links { + margin-top: 3rem; + display: flex; + flex-direction: row; + align-items: center; +} + +.social-links > * + * { + margin-left: 0.5rem; +} + +.social-links svg { + fill: var(--gray); +} + +.social-links a { + color: var(--gray); + font-size: 24px; + vertical-align: middle; +} + +.social-links a:hover { + color: var(--blue); +} + +.social-links a:active { + color: var(--lavender); + text-decoration: none; +} + +.social-links a:hover svg { + fill: var(--blue); +} + +.social-links a:active svg { + fill: var(--lavender); +} + +footer img { + width: 80px; + margin: 3rem 0; +} diff --git a/users/aspen/goodcry-band/index.html b/users/aspen/goodcry-band/index.html new file mode 100644 index 000000000..15b1fba8a --- /dev/null +++ b/users/aspen/goodcry-band/index.html @@ -0,0 +1,64 @@ + + + + + + Good Cry + + + + + + + + +
+ Flower +

Good Cry

+ just let it all out, baby +
+
+

+ Good Cry is rock n roll by way of grief for an unreachable future. Good + Cry is songs about the trials and tribulations of NYC trans love and + community. Good Cry is the joy in the heartache +

+

Shows

+ +

+ DM us + on Instagram for + booking inquiries +

+ + + + diff --git a/users/aspen/goodcry-band/reset.css b/users/aspen/goodcry-band/reset.css new file mode 100644 index 000000000..23dcf53d2 --- /dev/null +++ b/users/aspen/goodcry-band/reset.css @@ -0,0 +1,45 @@ +*, +*::before, +*::after { + box-sizing: border-box; +} + +* { + margin: 0; +} + +body { + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} + +img, +picture, +video, +canvas, +svg { + display: block; + max-width: 100%; +} + +input, +button, +textarea, +select { + font: inherit; +} + +p, +h1, +h2, +h3, +h4, +h5, +h6 { + overflow-wrap: break-word; +} + +#root, +#__next { + isolation: isolate; +}