Make relative
This commit is contained in:
3
gowatch.yml
Normal file
3
gowatch.yml
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
watch_exts:
|
||||||
|
- .html
|
||||||
|
- .go
|
||||||
26
index.html
26
index.html
@@ -1,4 +1,4 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
@@ -8,6 +8,12 @@
|
|||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spotify {
|
.spotify {
|
||||||
@@ -15,18 +21,26 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
column-gap: 16px;
|
column-gap: 16px;
|
||||||
|
|
||||||
|
padding: 0.5rem;
|
||||||
|
|
||||||
/* Font */
|
/* Font */
|
||||||
font-family: Inter;
|
font-family: Montserrat;
|
||||||
font-size: 24px;
|
font-size: clamp(24px, 21vh, 140px);
|
||||||
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
|
background-color: black;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
width: 52px;
|
aspect-ratio: 1;
|
||||||
height: 52px;
|
height: 100%;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: #e9e9e9;
|
background-color: #e9e9e9;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
|
max-height: 640px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cover {
|
#cover {
|
||||||
@@ -37,7 +51,7 @@
|
|||||||
|
|
||||||
#artist {
|
#artist {
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
font-size: 16px;
|
font-size: clamp(16px, 12vh, 70px);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
Reference in New Issue
Block a user