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

More homepage/features content, screenshots, tweaks

Browse source
This commit is contained in:
Matthew Holt 2023-10-26 22:24:46 -06:00 • committed by Francis Lavoie
parent cb4141e9c1
commit f7295558c3
No known key found for this signature in database
GPG key ID: C5204D4F28147FC8
46 changed files with 744 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

49
new/resources/css/common.css
View file

@ -516,6 +516,28 @@ button.primary .hover-splash,
text-transform: capitalize;
}
.construction-images {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.construction img {
margin-left: 20px;
margin-right: 20px;
max-width: 100%;
}
.construction p {
width: 100%;
margin-left: auto;
margin-right: auto;
color: #e71414;
}
@ -545,6 +567,30 @@ footer .wrapper {
gap: 75px;
}
footer .nostalgia {
display: block;
text-align: center;
margin-top: 50px;
}
footer .nostalgia-badges {
gap: 25px;
align-items: center;
justify-content: center;
width: 100%;
display: flex;
}
footer .nostalgia p {
margin: 0 auto 15px;
color: #d2f7e7;
}
footer .w3c {
width: 80px;
line-height: 0;
}
footer .logo {
display: block;
margin-bottom: 15px;
@ -587,9 +633,6 @@ footer .link-col a:hover {
@media (max-width: 1150px) {
.dropdown {
display: none;

29
new/resources/css/features.css
View file

@ -93,6 +93,35 @@
}
.split {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 75px;
align-items: center;
}
.split > * {
flex: 1;
margin-right: 50px;
min-width: 0;
min-width: 300px;
}
.split img {
max-width: 100%;
}
.split img,
.benefits img {
margin: 2em 0 0;
max-width: 100%;
box-shadow: 0 6px 10px rgb(0 0 0 / .15);
border-radius: 8px;
}
/* TODO: Figure this out */
@media (max-width: 800px) {
.feature-row {

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

@ -295,7 +295,7 @@ div.ap-wrapper:fullscreen div.ap-player {
background: white;
max-width: 1600px;
margin: -350px auto 0;
padding: 50px 50px 0;
padding: 100px 50px 0;
border-radius: 20px;
z-index: 0;
position: relative;

13
new/resources/css/marketing.css
View file

@ -322,7 +322,10 @@ section.dark h3.blue {
.sponsor-experience,
.sponsorship-primer {
max-width: 700px; /* TODO: TEMPORARY! */
}
@ -332,7 +335,6 @@ section.dark h3.blue {
color: #fff;
display: flex;
flex-wrap: wrap;
max-width: 700px; /* TODO: TEMPORARY! */
column-gap: 50px;
}
@ -400,7 +402,8 @@ section.dark h3.blue {
border-radius: 10px;
background: linear-gradient(50deg, #670d7f, #531cc7);
padding: 40px 50px;
color: #edb7e8;
margin: 50px auto;
color: #ffcffb;
}
.sponsorship-primer h3 {
@ -410,10 +413,12 @@ section.dark h3.blue {
border: none;
padding-left: 0;
margin-left: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.sponsorship-primer p {
margin: 1em 0;
margin: 1em 0 1.5em;
font-weight: normal;
}