index: en: cleanup

This commit is contained in:
He4eT 2025-04-18 03:01:39 +02:00
commit e329f4db96

View file

@ -8,8 +8,6 @@ indexPage: true
width: calc(18 * var(--step)); width: calc(18 * var(--step));
margin-inline: calc(4 * var(--step)); margin-inline: calc(4 * var(--step));
margin-block: calc(4 * var(--step)); margin-block: calc(4 * var(--step));
/* padding-block-start: calc(8 * var(--step)); */
/* padding-block-end: 0; */
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.tower { .tower {
@ -25,56 +23,41 @@ indexPage: true
align-items: flex-start; align-items: flex-start;
--hero-border: calc(0.5 * var(--step)) solid var(--color-inactive); --hero-border: calc(0.5 * var(--step)) solid var(--color-inactive);
/* border-bottom: var(--hero-border); */
/* border-width: calc(1 * var(--step)); */
/* outline: calc(1 * var(--step)) solid var(--color-inactive); */
font-family: Xecut; font-family: Xecut;
/* text-transform: uppercase; */
/* font-size: calc(3.5 * var(--step)); */
font-size: calc(3 * var(--step)); font-size: calc(3 * var(--step));
} }
.hero:before { .hero:before {
content: '|||||||||||';
content: ''; content: '';
position: absolute; position: absolute;
bottom: 0;
bottom: calc(1 * var(--step));
right: 0;
height: calc(1 * var(--step));
/* height: 50%; */
width: 100%;
/* width: calc(100 * var(--step)); */
border-right: var(--hero-border);
border-bottom: var(--hero-border);
/* border-width: calc(1 * var(--step)); */
/* border-color: var(--color-fg); */
z-index: -1; z-index: -1;
/* height: calc(10 * var(--step)); */
/* height: 10%; */ bottom: calc(1 * var(--step));
/* width: calc(0.5 * var(--step)); */ left: 0;
/* width: 10%; */
color: var(--color-inactive); height: calc(1 * var(--step));
/* opacity: 0.5; */ border-right: var(--hero-border);
width: 100%;
border-bottom: var(--hero-border);
} }
.hero:after { .hero:after {
content: ''; content: '';
position: absolute; position: absolute;
top: 10px;
top: 0px;
right: 0;
height: calc(1 * var(--step));
/* height: 50%; */
width: calc(0.5 * var(--step));
width: 100%;
border-right: var(--hero-border);
border-top: var(--hero-border);
/* border-width: calc(1 * var(--step)); */
/* border-color: var(--color-fg); */
z-index: -1; z-index: -1;
/* background: var(--color-fg); */
/* opacity: 0.5; */ top: 0;
left: 0;
height: calc(1 * var(--step));
border-right: var(--hero-border);
width: 100%;
border-top: var(--hero-border);
} }
.tags { .tags {
@ -82,13 +65,11 @@ indexPage: true
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
/* background: var(--color-inactive); */
} }
.tag { .tag {
/* flex-grow: 1; */ /* flex-grow: 1; */
padding: calc(0.25 * var(--step)) calc(1.5 * var(--step)); padding: calc(0.25 * var(--step)) calc(1.5 * var(--step));
/* text-align: center; */
border: var(--hero-border); border: var(--hero-border);
outline: var(--hero-border); outline: var(--hero-border);
background: var(--color-bg); background: var(--color-bg);
@ -98,7 +79,6 @@ indexPage: true
box-sizing: border-box; box-sizing: border-box;
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
align-items: flex-end;
align-items: center; align-items: center;
border: var(--hero-border); border: var(--hero-border);
outline: var(--hero-border); outline: var(--hero-border);