blob: d785b6ce8cb112e49f85ed810acf4efa9008241d (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
---
import getHeroImg from './Functions/get-hero-img.js'
const getImg = await getHeroImg() || 'https://source.unsplash.com/600x300/?space,cosmos'
---
<img src={getImg} class='heroImg' alt="A Image of Space"/>
<style lang='scss'>
.heroImg{
display: block;
--hero-radius: 50px 50px 100px 100px / 60px 60px 20px 20px;
border-radius: var(--hero-radius);
width: 100%;
height:15rem;
box-shadow: inset 5px -2px 7px 0px rgb(185 188 231 / 37%),
0px 8px 0px 0px var(--theme-divider);
border-radius: var(--hero-radius);
object-fit: cover;
}
</style>
|
