Adjust hero top bar paddings
This commit is contained in:
parent
5abb93e85f
commit
a1f44a609c
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<subtitle>Leilukin's personal website.</subtitle>
|
<subtitle>Leilukin's personal website.</subtitle>
|
||||||
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
|
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
|
||||||
<link href="https://leilukin.neocities.org"/>
|
<link href="https://leilukin.neocities.org"/>
|
||||||
<updated>2024-04-23T02:15:06Z</updated>
|
<updated>2024-04-23T07:56:04Z</updated>
|
||||||
<id>https://leilukin.neocities.org</id>
|
<id>https://leilukin.neocities.org</id>
|
||||||
<author>
|
<author>
|
||||||
<name>Leilukin</name>
|
<name>Leilukin</name>
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
@ -125,6 +125,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
function getBlurbHtml(day) {
|
function getBlurbHtml(day) {
|
||||||
|
const releaseDate = new Date("2020-04-23").getFullYear();
|
||||||
|
const currentYear = new Date().getFullYear();
|
||||||
|
const anniversary = currentYear - releaseDate;
|
||||||
|
|
||||||
switch (day) {
|
switch (day) {
|
||||||
case "Michelle's Birthday":
|
case "Michelle's Birthday":
|
||||||
return `
|
return `
|
||||||
|
@ -133,7 +137,7 @@
|
||||||
break;
|
break;
|
||||||
case "ASE Anniversary":
|
case "ASE Anniversary":
|
||||||
return `
|
return `
|
||||||
Today is the anniversary of the release of <cite>A Summer’s End — Hong Kong 1986</cite>!
|
Today is the ${anniversary}-year anniversary of the release of <cite>A Summer’s End — Hong Kong 1986</cite>!
|
||||||
`;
|
`;
|
||||||
break;
|
break;
|
||||||
case "Cecelia's Birthday":
|
case "Cecelia's Birthday":
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
@ -125,6 +125,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
function getBlurbHtml(day) {
|
function getBlurbHtml(day) {
|
||||||
|
const releaseDate = new Date("2020-04-23").getFullYear();
|
||||||
|
const currentYear = new Date().getFullYear();
|
||||||
|
const anniversary = currentYear - releaseDate;
|
||||||
|
|
||||||
switch (day) {
|
switch (day) {
|
||||||
case "Michelle's Birthday":
|
case "Michelle's Birthday":
|
||||||
return `
|
return `
|
||||||
|
@ -133,7 +137,7 @@
|
||||||
break;
|
break;
|
||||||
case "ASE Anniversary":
|
case "ASE Anniversary":
|
||||||
return `
|
return `
|
||||||
Today is the anniversary of the release of <cite>A Summer’s End — Hong Kong 1986</cite>!
|
Today is the ${anniversary}-year anniversary of the release of <cite>A Summer’s End — Hong Kong 1986</cite>!
|
||||||
`;
|
`;
|
||||||
break;
|
break;
|
||||||
case "Cecelia's Birthday":
|
case "Cecelia's Birthday":
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
@ -125,6 +125,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
function getBlurbHtml(day) {
|
function getBlurbHtml(day) {
|
||||||
|
const releaseDate = new Date("2020-04-23").getFullYear();
|
||||||
|
const currentYear = new Date().getFullYear();
|
||||||
|
const anniversary = currentYear - releaseDate;
|
||||||
|
|
||||||
switch (day) {
|
switch (day) {
|
||||||
case "Michelle's Birthday":
|
case "Michelle's Birthday":
|
||||||
return `
|
return `
|
||||||
|
@ -133,7 +137,7 @@
|
||||||
break;
|
break;
|
||||||
case "ASE Anniversary":
|
case "ASE Anniversary":
|
||||||
return `
|
return `
|
||||||
Today is the anniversary of the release of <cite>A Summer’s End — Hong Kong 1986</cite>!
|
Today is the ${anniversary}-year anniversary of the release of <cite>A Summer’s End — Hong Kong 1986</cite>!
|
||||||
`;
|
`;
|
||||||
break;
|
break;
|
||||||
case "Cecelia's Birthday":
|
case "Cecelia's Birthday":
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
@ -125,6 +125,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
function getBlurbHtml(day) {
|
function getBlurbHtml(day) {
|
||||||
|
const releaseDate = new Date("2020-04-23").getFullYear();
|
||||||
|
const currentYear = new Date().getFullYear();
|
||||||
|
const anniversary = currentYear - releaseDate;
|
||||||
|
|
||||||
switch (day) {
|
switch (day) {
|
||||||
case "Michelle's Birthday":
|
case "Michelle's Birthday":
|
||||||
return `
|
return `
|
||||||
|
@ -133,7 +137,7 @@
|
||||||
break;
|
break;
|
||||||
case "ASE Anniversary":
|
case "ASE Anniversary":
|
||||||
return `
|
return `
|
||||||
Today is the anniversary of the release of <cite>A Summer’s End — Hong Kong 1986</cite>!
|
Today is the ${anniversary}-year anniversary of the release of <cite>A Summer’s End — Hong Kong 1986</cite>!
|
||||||
`;
|
`;
|
||||||
break;
|
break;
|
||||||
case "Cecelia's Birthday":
|
case "Cecelia's Birthday":
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
.hero__top-bar {
|
.hero__top-bar {
|
||||||
background-color: var(--clr-navbar-bg);
|
background-color: var(--clr-navbar-bg);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__img {
|
.hero__img {
|
||||||
|
|
Loading…
Reference in New Issue