mirror of
https://github.com/caddyserver/website.git
synced 2025-04-25 22:46:16 -04:00

* Initial commit; starting new design Dropdown menu * Begin docs layout of new design * Get themes under control; button hover splash * Some basic responsiveness * Finish responsive layout; several bug fixes * Avoid flash during color scheme change * Begin building top of homepage * docs: Start building quick-assist feature * Work on homepage a little more * Keep working on homepage * More homepage progress * Some sponsor SVGs * Add sponsor features * Implement basic Sponsor Experience box * Reorganize some styles * WIP sponsors page * Start features page WIP * Minor improvements * Fix headings; work on features page * WIP features page * Continue work on marketing pages * Continue work on features page * More features WIP * Continue features page... * More work on features page * Keeping going :) * Continue home and features pages * More homepage/features content, screenshots, tweaks * Minor fixes to features page * Minor tweaks * Work on testimonials * Work on homepage more * More homepage work * Continue work on homepage * Add some sponsor logos * Some citation screenshots * Add citations * Start making homepage responsive * Re-add cache busting Fix docs * Use markdown syntax highlighting on frontpage * Rework AJQuery to $_ to not interfere with jQuery * Rewrite quick assist with AlpineJS, use markdown for contents * More work on marketing pages * Rebase and fix code displays * Syntax highlight on-demand example, fix rollover * Adjust on-demand demo * Work on responsiveness * Keep working on responsiveness * Mainly finish making design responsive * Thiccer favicon * More work on marketing pages * Keep on going * Fix link * Move new site into src folder * Add open graph image * Add recorded demo for homepage * Tweak caption * Fix Poppins font for now * Minor tweaks * Trim demo ending * Remove unfinished pages Also update Framer logo --------- Co-authored-by: Francis Lavoie <lavofr@gmail.com>
74 lines
No EOL
954 B
CSS
74 lines
No EOL
954 B
CSS
h1 {
|
|
line-height: auto;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.plans {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-bottom: 150px;
|
|
}
|
|
|
|
.plan {
|
|
background: white;
|
|
padding: 2em;
|
|
color: #222;
|
|
border-radius: 15px;
|
|
width: 100%;
|
|
}
|
|
|
|
.plan.community {
|
|
max-width: calc(min(400px, 85%));
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
background: rgb(255 255 255 / .85)
|
|
}
|
|
|
|
.plan.sponsor {
|
|
max-width: 600px;
|
|
box-shadow: 0 0 25px rgb(0 0 0 / .5);
|
|
}
|
|
|
|
.plan-title {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
|
|
.plan.sponsor .plan-title {
|
|
color: #9227da;
|
|
}
|
|
|
|
.plan p,
|
|
.plan ul {
|
|
margin: 1.5em 0;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.plan ul {
|
|
margin: -1em 0 2em 2em;
|
|
}
|
|
|
|
.plan a {
|
|
color: #3465f6;
|
|
}
|
|
|
|
.plan a:hover {
|
|
color: #7134f6;
|
|
}
|
|
|
|
@media (max-width: 900px) {
|
|
.plans {
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.plan {
|
|
min-width: 300px;
|
|
}
|
|
|
|
.plan.community {
|
|
border-top-left-radius: 0;
|
|
border-bottom-right-radius: 15px;
|
|
}
|
|
} |