mirrors/caddy-website
1
0
Fork 0
mirror of https://github.com/caddyserver/website.git synced 2025-04-29 16:29:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Work on homepage more

Browse source
This commit is contained in:
Matthew Holt 2023-11-08 17:40:38 -07:00 • committed by Francis Lavoie
parent 94930e119c
commit e25c900669
No known key found for this signature in database
GPG key ID: C5204D4F28147FC8
6 changed files with 365 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

35
new/resources/css/home.css
View file

@ -45,10 +45,15 @@ h1 .subheading {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
margin: 100px auto 150px auto;
align-items: center;
}
.hero-content .asides {
margin-top: 0;
margin-bottom: 75px;
}
.asides.top {
align-items: stretch;
}
@ -64,6 +69,11 @@ h1 .subheading {
margin-right: 0;
}
.asides-40-60 > :first-child { max-width: 40%; }
.asides-40-60 > :last-child { max-width: 60%; }
.asides-60-40 > :first-child { max-width: 60%; }
.asides-60-40 > :last-child { max-width: 40%; }
.asides h2 {
text-align: left;
max-width: none;
@ -87,6 +97,9 @@ h1 .subheading {
margin-top: 10px;
font-size: 14px;
text-align: center;
}
.hero-content .caption {
color: #fff;
}
@ -140,6 +153,7 @@ div.ap-wrapper:fullscreen div.ap-player {
.display code.light {
background: #fff linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(241,241,241,0.5) 46%,rgba(225,225,225,0.5) 46.25%,rgba(246,246,246,0) 100%);
color: #222;
}
.display code.dark,
@ -149,6 +163,14 @@ div.ap-wrapper:fullscreen div.ap-player {
color: #fff;
}
.light .display code.dark {
background: #333 linear-gradient(135deg, rgba(0, 0, 0, 0) 0%,rgba(125, 125, 125, 0.3) 46%,rgba(45, 45, 45, 0.8) 46.8%,rgba(0, 0, 0, 0) 100%);
}
.display .comment {
color: gray;
}
.blinking {
animation: blinking 1s infinite;
background-color: #fff;
@ -168,6 +190,17 @@ div.ap-wrapper:fullscreen div.ap-player {
}
.rollover-green,
.rollover-purple,
.rollover-blue,
.rollover-yellow {
transition: background-color 250ms;
}
.rollover-green.show { background-color: #41e68fc7; }
.rollover-purple.show { background-color: #a52fa59d; }
.rollover-blue.show { background-color: #0a62aaa3; }
.rollover-yellow.show { background-color: #ffcb50; }