Adjust hero top bar paddings

This commit is contained in:
Helen Chong 2024-04-23 15:57:54 +08:00
parent 5abb93e85f
commit a1f44a609c
89 changed files with 109 additions and 93 deletions

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -4,7 +4,7 @@
<subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
<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>
<author>
<name>Leilukin</name>

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {
@ -125,6 +125,10 @@
}
function getBlurbHtml(day) {
const releaseDate = new Date("2020-04-23").getFullYear();
const currentYear = new Date().getFullYear();
const anniversary = currentYear - releaseDate;
switch (day) {
case "Michelle's Birthday":
return `
@ -133,7 +137,7 @@
break;
case "ASE Anniversary":
return `
Today is the anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
Today is the ${anniversary}-year anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
`;
break;
case "Cecelia's Birthday":

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {
@ -125,6 +125,10 @@
}
function getBlurbHtml(day) {
const releaseDate = new Date("2020-04-23").getFullYear();
const currentYear = new Date().getFullYear();
const anniversary = currentYear - releaseDate;
switch (day) {
case "Michelle's Birthday":
return `
@ -133,7 +137,7 @@
break;
case "ASE Anniversary":
return `
Today is the anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
Today is the ${anniversary}-year anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
`;
break;
case "Cecelia's Birthday":

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {
@ -125,6 +125,10 @@
}
function getBlurbHtml(day) {
const releaseDate = new Date("2020-04-23").getFullYear();
const currentYear = new Date().getFullYear();
const anniversary = currentYear - releaseDate;
switch (day) {
case "Michelle's Birthday":
return `
@ -133,7 +137,7 @@
break;
case "ASE Anniversary":
return `
Today is the anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
Today is the ${anniversary}-year anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
`;
break;
case "Cecelia's Birthday":

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {
@ -125,6 +125,10 @@
}
function getBlurbHtml(day) {
const releaseDate = new Date("2020-04-23").getFullYear();
const currentYear = new Date().getFullYear();
const anniversary = currentYear - releaseDate;
switch (day) {
case "Michelle's Birthday":
return `
@ -133,7 +137,7 @@
break;
case "ASE Anniversary":
return `
Today is the anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
Today is the ${anniversary}-year anniversary of the release of <cite>A Summers End — Hong Kong 1986</cite>!
`;
break;
case "Cecelia's Birthday":

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -79,7 +79,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -72,7 +72,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {

View File

@ -20,7 +20,7 @@
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0;
padding: 0.5em 0.7em;
}
.hero__img {