-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
2585855
commit 80fdfdf
Showing
32 changed files
with
492 additions
and
979 deletions.
There are no files selected for viewing
File renamed without changes.
File renamed without changes
File renamed without changes.
File renamed without changes.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,21 @@ | ||
<style> | ||
body { | ||
background: var(--black); | ||
color: var(--white); | ||
} | ||
</style> | ||
--- | ||
date: 08.22.2024 | ||
cover: 'DSC0439.JPG' | ||
backgroundColor: '#1f1c19' | ||
textColor: '#faead6' | ||
accentColor: palevioletred | ||
youtube: https://www.youtube.com/watch?v=k-WbLdzU2jc | ||
summary: '' | ||
--- | ||
Exploring themselves at the intersection of meditative improvisations and psychedelic oscillations, | ||
with their broad sound spectrum, can wink at any genre of jazz and world music. | ||
|
||
This is us. This is about us. | ||
Having released their first album and live session video in 2019, Uç! Uç! followed up with the “Faery Journey” album | ||
and the “Sadness of Illusion” single in November 2023. | ||
|
||
In August 2024, they released the album “Feeding the crows by hand” | ||
|
||
Onur Nevşehir (Keyboards) | ||
Tarık Akyol (Electronics) | ||
Mustafa Kemal Emirel (Drums) | ||
Hakan Öktem (Visuals) |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,218 @@ | ||
.subpage { | ||
--background-color: var(--black); | ||
--text-color: var(--white); | ||
--title-color: var(--text-color, var(--white)); | ||
--accent-color: hotpink; | ||
--gap: min(5vw, 12vh); | ||
--padding-top: 35dvw; | ||
padding-top: var(--padding-top); | ||
min-height: 100dvh; | ||
padding-bottom: 2rem; | ||
display: grid; | ||
grid-template-columns: repeat( | ||
auto-fit, | ||
minmax( | ||
calc(49vw - var(--gap) / 2), | ||
1fr | ||
) | ||
); | ||
justify-items: center; | ||
align-items: center; | ||
gap: var(--gap); | ||
background: var(--background-color); | ||
color: var(--text-color); | ||
} | ||
|
||
.subpage-header,.subpage-footer { | ||
align-self: center; | ||
justify-self: center; | ||
grid-column-start: 1; | ||
grid-column-end: -1; | ||
position: relative; | ||
} | ||
|
||
.subpage-category-name { | ||
position: absolute; | ||
display: none; | ||
top: 0; | ||
left: 50%; | ||
transform: translateX(-50%) translateY(-120%); | ||
color: var(--accent-color); | ||
text-decoration: none; | ||
font-family: monospace; | ||
font-variant: small-caps; | ||
letter-spacing: 0.1em; | ||
font-size: 1.3em; | ||
font-size: clamp(.8rem, 1.5rem, 2.5dvmin); | ||
} | ||
|
||
.subpage-title { | ||
font-size: clamp(.08rem, 6rem, 7dvmin); | ||
font-family: "Montagu Slab", serif; | ||
font-optical-sizing: auto; | ||
font-weight: 600; | ||
font-style: normal; | ||
text-align: center; | ||
line-height: 1.1; | ||
color: var(--title-color); | ||
} | ||
|
||
@keyframes title-weight { | ||
33% { | ||
font-weight: 700 | ||
} | ||
to { | ||
font-weight: 600 | ||
} | ||
} | ||
|
||
.subpage-title-link { | ||
color: inherit; | ||
text-decoration-style: wavy; | ||
text-decoration-thickness: 0.08em; | ||
text-underline-offset: 0.2em; | ||
} | ||
|
||
.subpage-released { | ||
margin: 0; | ||
display: none; | ||
padding-top: 1em; | ||
font-size: clamp(.8rem, 1.2rem, 2dvmin); | ||
font-family: times, serif; | ||
font-style: italic; | ||
text-align: center; | ||
} | ||
|
||
.subpage-content { | ||
font-size: clamp(1rem, 2rem, 3vmin); | ||
} | ||
|
||
.subpage-content p { | ||
font-size: clamp(1.1rem, 1.5rem, 4vmin); | ||
padding: 1em 1em 0; | ||
line-height: 1.4; | ||
text-wrap: balance; | ||
letter-spacing: -0.02em; | ||
word-spacing: 0.01em; | ||
} | ||
|
||
.subpage-content p:first-of-type { | ||
margin-block-start: 0; | ||
} | ||
|
||
.subpage-cover { | ||
text-align: end; | ||
} | ||
|
||
.only-card .subpage-cover { | ||
text-align: center; | ||
} | ||
|
||
.subpage-spotify { | ||
width: clamp(100%, 320px, 20vw); | ||
height: 55dvh; | ||
} | ||
|
||
.subpage-youtube { | ||
width: 100%; | ||
aspect-ratio: 16/9; | ||
max-width: initial; | ||
max-height: initial; | ||
} | ||
|
||
/* | ||
* In listing view of subpage (.subpage.summary), | ||
* if there are both cover and spotify or youtube cards (cards taking priority in mobile), | ||
* then initially hide the cover (then adapt to viewport later). | ||
* | ||
* Set display: none to the cover's card. | ||
* Obviously we want to do it when the cover's card is among many. | ||
* */ | ||
.subpage.summary .grid-card:not(.only-card):not(.grid-card-wide):has(.subpage-cover) { | ||
display: none; | ||
} | ||
|
||
/* and get the mobile card to quack like a .only-card */ | ||
.subpage.summary .grid-card:not(.only-card):not(.grid-card-wide):has(.subpage-mobile-poster):nth-child(even) { | ||
grid-column: span 2; | ||
justify-self: center; | ||
padding: 0 1em; | ||
box-sizing: border-box; | ||
} | ||
|
||
@media (min-height: 321px) { | ||
.subpage { | ||
--padding-top: 50dvw; | ||
} | ||
} | ||
|
||
@media (min-width: 431px) { | ||
.subpage { | ||
--padding-top: 15dvh; | ||
} | ||
|
||
.subpage-released { | ||
display: block; | ||
} | ||
} | ||
|
||
@media (min-height: 500px) { | ||
.subpage-category-name { | ||
display: inline-block; | ||
} | ||
} | ||
|
||
/* | ||
* Dotted underline renders as squares in mobile, | ||
* so use them only on bigger screens. | ||
* | ||
* Similarly, variable font animation is smooth | ||
* only in bigger screens. | ||
* */ | ||
@media ((min-width: 420px) and (min-height: 900px)), | ||
((min-width: 900px) and (min-height: 420px)) { | ||
.subpage-title-link { | ||
text-decoration-thickness: 0.12em; | ||
text-decoration-style: dotted; | ||
text-underline-offset: 0.09em; | ||
} | ||
|
||
.subpage-title { | ||
font-weight: 100; | ||
} | ||
|
||
.active-panel .subpage-title, | ||
.Page-subpage .subpage-title { | ||
animation: title-weight 1s forwards; | ||
} | ||
} | ||
|
||
@media (min-width: 700px) { | ||
.subpage-content .subpage-cover { | ||
float: left; | ||
width: 100%; | ||
margin: 0 1.5rem 1.25rem 0; | ||
} | ||
|
||
.style-abstract .subpage-cover-image { | ||
object-fit: cover; | ||
height: 50dvh; | ||
} | ||
|
||
.subpage-content p { | ||
padding: 0; | ||
} | ||
|
||
/* | ||
* revert the fabricated card-only effect in listing-view (subpage summary) | ||
* */ | ||
.subpage.summary .grid-card:not(.only-card):not(.grid-card-wide):has(.subpage-cover) { | ||
display: flex; | ||
} | ||
|
||
.subpage.summary .grid-card:not(.only-card):not(.grid-card-wide):has(.subpage-mobile-poster):nth-child(even) { | ||
grid-column: initial; | ||
justify-self: start; | ||
padding: initial; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.