diff --git a/index.css b/index.css index 0b06d72..80b6c5a 100644 --- a/index.css +++ b/index.css @@ -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 */ } @@ -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 */ @@ -35,12 +37,11 @@ height: 100%; } -* { +* { font-family: inherit; box-sizing: border-box; } - h1 { font-weight: normal; font-stretch: normal; @@ -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 { @@ -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; @@ -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 { @@ -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; @@ -142,7 +150,8 @@ main nav { background-color: inherit; } -.button:hover, button:hover { +.button:hover, +button:hover { opacity: 1; text-decoration: none; } @@ -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); } @@ -189,4 +198,4 @@ tour-dates { tour-dates::part(button) { font-family: var(--font-family-primary); -} \ No newline at end of file +} diff --git a/index.html b/index.html index fdf8dc0..669d98c 100644 --- a/index.html +++ b/index.html @@ -1,86 +1,226 @@ + Cisco Pema + + -Cisco Pema - - + + + - - - + + + + - - - - + - - +
+ +
-
- -
+
+

Cisco Pema

+ -
-
- Tour Dates - -

... fetching tour dates

- -
-
-
+ +

Press Information

+

+ A charming blend of South American songwriting with jazz elements is the + center of Cisco Pema's music. Modern harmonic structures together with a + mix of traditional and contemporary rhythms make his music stand out from + the rest.
+ Born in Buenos Aires, and up on the stage since early childhood, Cisco + Pema moved to Austria to achieve the Jazz and Improvisation Music diploma + in the Bruckner University. Always working as a bass sideman, composer and + producer, he finally settles in Berlin where he launched his solo career + presenting his debut album in 2016.
+ Today after four studio albums and over hundred shows in Europe and South + America, Cisco Pema delivers a charismatic and fresh performance no one + should miss. +

+
+ +
+ - -

Press Information

-

- A charming blend of South American songwriting with jazz elements is the center of Cisco Pema's music. - Modern harmonic structures together with a mix of traditional and contemporary rhythms make his music stand out - from the rest.
- Born in Buenos Aires, and up on the stage since early childhood, Cisco Pema moved to Austria to - achieve the Jazz and Improvisation Music diploma in the Bruckner University. - Always working as a bass sideman, composer and producer, he finally settles in Berlin where he launched his solo - career presenting his debut album in 2016.
- Today after four studio albums and over hundred shows in Europe and South America, Cisco Pema delivers a - charismatic and fresh performance no one should miss. -

-
- -
- - - - Background photo - \ No newline at end of file + + Background photo + +