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

Implement basic Sponsor Experience box

Browse source
This commit is contained in:
Matthew Holt 2023-09-27 18:12:23 -06:00 • committed by Francis Lavoie
parent 0c27e10bfe
commit e2f44be7dc
No known key found for this signature in database
GPG key ID: C5204D4F28147FC8
2 changed files with 97 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

65
new/resources/css/marketing.css Normal file
View file

@ -0,0 +1,65 @@
.sponsor-experience {
border-radius: 10px;
padding: 30px 50px 40px;
color: #fff;
display: flex;
flex-wrap: wrap;
max-width: 700px; /* TODO: TEMPORARY! */
column-gap: 50px;
}
.sponsor-experience::before {
content: "Sponsor Experience";
text-transform: uppercase;
letter-spacing: 4px;
color: rgb(255 255 255 / .7);
font-size: 12px;
font-weight: 800;
text-align: center;
display: block;
width: 100%;
}
.sponsor-experience .experience-content {
flex: 1;
margin-top: 40px;
}
.sponsor-experience .experience-quote {
margin-bottom: 1em;
}
.sponsor-experience .experience-logo {
width: 150px;
}
.sponsor-experience .experience-credit {
display: flex;
gap: 1em;
align-items: center;
}
.sponsor-experience cite {
font-style: normal;
font-size: 14px;
color: rgb(255 255 255 / .7);
}
.sponsor-experience cite b {
display: block;
font-size: 125%;
color: #fff;
}
.sponsor-experience .experience-picture {
width: 3em;
height: 3em;
border-radius: 50%;
object-fit: cover;
background-color: gray;
}
.sponsor-experience.stripe {
background: linear-gradient(to right, #635bff 30%, #d4b8ff);
}