Skip to content

Commit

Permalink
Replace tour widget with bandsintown one.
Browse files Browse the repository at this point in the history
  • Loading branch information
tomyo committed Mar 22, 2024
1 parent a675b0f commit b087f79
Show file tree
Hide file tree
Showing 2 changed files with 238 additions and 89 deletions.
35 changes: 22 additions & 13 deletions index.css
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@
src: url("/assets/fonts/Aquatico-Regular.subset.ttf") format("truetype");
src: url("/assets/fonts/Aquatico-Regular.subset.otf") format("otf");
src: url("/assets/fonts/Aquatico-Regular.subset.woff2") format("woff2");
unicode-range: U+0043,U+0049,U+0053,U+0043,U+004f,U+0050,U+0045,U+004d,U+0041;
unicode-range: U+0043, U+0049, U+0053, U+0043, U+004f, U+0050, U+0045, U+004d,
U+0041;
/* CISCOPEMA */
}

Expand All @@ -21,8 +22,9 @@
unicode-range: U+0020-007E;
}

:root, ::backdrop {
--h: 0; /* Hue */
:root,
::backdrop {
--h: 0; /* Hue */
--s: 0%; /* Sasturation */
--ml: 98%; /* Main lightness */
--bl: 0%; /* Background lightness */
Expand All @@ -35,12 +37,11 @@
height: 100%;
}

* {
* {
font-family: inherit;
box-sizing: border-box;
}


h1 {
font-weight: normal;
font-stretch: normal;
Expand All @@ -52,10 +53,14 @@ h1 {

body {
margin: 0;
height: 100%;
font-family: var(--font-family-primary);
color: var(--main-color);
background-color: var(--background-color);
height: 100%;
background-image: url("/assets/images/cover-original.jpg");
background-position: center top;
background-size: contain;
background-repeat: no-repeat;
}

.background-image {
Expand All @@ -72,7 +77,7 @@ main {
align-items: center;
display: flex;
flex-flow: column nowrap;
padding-block: 4em;
padding-block: min(6rem, 40%);
padding-inline: 0.5em;
min-height: 100%;
gap: 3em;
Expand All @@ -95,10 +100,10 @@ main nav {
top: 1em;
right: 1em;
border: none;
width: min-content;
width: min-content;
appearance: push-button;
background-color: transparent;
color: var(--main-color);
color: var(--main-color);
}

#lang-switcher option {
Expand Down Expand Up @@ -126,9 +131,12 @@ main nav {
width: max-content;
margin: 0 auto;
cursor: default;
margin-block-end: 2rem;
}

.button, button, *::part(button) {
.button,
button,
*::part(button) {
padding: 0.6em 0.6em;
border: 1px solid var(--main-color);
border-radius: 1em;
Expand All @@ -142,7 +150,8 @@ main nav {
background-color: inherit;
}

.button:hover, button:hover {
.button:hover,
button:hover {
opacity: 1;
text-decoration: none;
}
Expand All @@ -158,7 +167,7 @@ dialog {
}

dialog::backdrop {
background-color: hsla(var(--h), var(--s), var(--bl), .5);
background-color: hsla(var(--h), var(--s), var(--bl), 0.5);
backdrop-filter: blur(1rem);
-webkit-backdrop-filter: blur(1rem);
}
Expand Down Expand Up @@ -189,4 +198,4 @@ tour-dates {

tour-dates::part(button) {
font-family: var(--font-family-primary);
}
}
Loading

0 comments on commit b087f79

Please sign in to comment.