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

More work on marketing pages

Browse source
This commit is contained in:
Matthew Holt 2023-12-05 20:55:44 -07:00 • committed by Francis Lavoie
parent 12564261f4
commit f44e6af8ad
No known key found for this signature in database
GPG key ID: 0F66EE1687682239
16 changed files with 479 additions and 145 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -18,6 +18,7 @@ h1 {
text-align: left;
text-transform: uppercase;
margin-bottom: 0;
line-height: .9;
background-image: unset;
-webkit-background-clip: unset;
@ -38,6 +39,9 @@ h1 .subheading {
margin-top: .75em;
}
h3 a {
color: inherit;
}
.sponsors-leaders {
@ -190,23 +194,27 @@ h1 .subheading {
.testimonials-container {
height: 100vh;
height: 80vh;
position: relative;
}
.testimonials {
--testimonial-spacing: 25px;
display: grid;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
gap: var(--testimonial-spacing);
padding-top: 150px;
padding-bottom: 150px;
display: flex;
flex-wrap: wrap;
padding-top: 75px;
padding-bottom: 75px;
height: 100%;
overflow-y: auto;
margin-top: 50px;
}
.testimonial-col {
flex: 1;
min-width: 250px;
}
.testimonials-container::before {
content: "";
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 400px, rgba(255,255,255,0) 600px, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, #f5f8f9 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 75%, #f5f8f9 100%);
position: absolute;
top: 0;
bottom: 0;
@ -227,6 +235,7 @@ h1 .subheading {
border-radius: 5px;
padding: 1em;
margin: var(--testimonial-spacing) 0;
background: white;
}
.testimonial-quote {
margin-bottom: 1em;
@ -240,6 +249,14 @@ h1 .subheading {
.testimonial-name {
font-weight: bold;
margin-bottom: .5em;
color: inherit;
text-decoration: none;
}
.testimonial-name:hover {
color: inherit;
}
.testimonial-name[href]:hover {
text-decoration: underline;
}
.testimonial-name::before {
content: '—';