New Website: Phase I (#357)

* 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>
This commit is contained in:
Matt Holt 2023-12-11 10:07:34 -07:00 committed by GitHub
parent 5bb6d92c63
commit 07c51663ab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
191 changed files with 13008 additions and 4970 deletions

View file

@ -0,0 +1,8 @@
{{define "account-head"}}
{{import "/old/includes/head.html"}}
{{template "head"}}
<link rel="stylesheet" href="/old/resources/css/account/common.css{{template "cacheBust"}}">
<script src="/old/resources/js/jquery-3.4.1.min.js"></script>
<script src="/old/resources/js/sweetalert.min.js"></script>
<script src="/old/resources/js/account/common.js{{template "cacheBust"}}"></script>
{{end}}

View file

@ -0,0 +1,16 @@
<nav>
<div class="logo-container">
<img src="/old/resources/images/caddy-lock.png" alt="Caddy Portal" title="Caddy Portal" class="logo">
<br>
<b>Portal</b>
<br>
<span class="help beta" title="Still experimental; subject to change or reset. Thanks for your patience and understanding.">(beta)</span>
</div>
<ul>
<li><a href="/account/">🎛 Dashboard</a></li>
<li><a href="/account/register-package">📦 Register Package</a></li>
<li><a href="/account/logout">🔒 Log Out</a></li>
<br>
<li><a href="/">⬅️ Main Site</a></li>
</ul>
</nav>

View file

@ -0,0 +1,18 @@
<div>
<div class="nonstandard-notice">
<b>This module does not come with Caddy.</b> It can be added by using <b><a href="/docs/build#xcaddy">xcaddy</a></b> or our <b><a href="/download">download page</a></b>. Non-standard modules may be developed by the community and are not officially endorsed or maintained by the Caddy project. The documentation is shown here only as a courtesy.
<br><br>
<b>Code repository: <a href="javascript:" class="nonstandard-project-link"></a></b>
<br><br>
<b>Custom builds:</b> <code class="bash">xcaddy build --with <span class="nonstandard-package-path"></span></code>
</div>
</div>
<h2 id="docs">Description</h2>
<div class="top-doc">
<!--Populated by JS-->
</div>
<h2 class="field-list-header">Field List</h2>
<dl class="field-list-contents">
<!--Populated by JS-->
</dl>

View file

@ -0,0 +1,13 @@
{{define "docs-head"}}
{{import "/old/includes/head.html"}}
{{template "head"}}
<link rel="stylesheet" href="/old/resources/css/docs.css{{template "cacheBust"}}">
<link rel="stylesheet" href="/old/resources/css/chroma.css{{template "cacheBust"}}">
{{$directives := list }}
{{range $i, $file := (listFiles "/docs/markdown/caddyfile/directives")}}
{{$directives = append $directives ($file | trimSuffix ".md")}}
{{end}}
<script type="text/javascript">window.CaddyfileDirectives = {{$directives | toJson}};</script>
<script src="/old/resources/js/jquery-3.4.1.min.js"></script>
<script src="/old/resources/js/docs.js{{template "cacheBust"}}"></script>
{{end}}

View file

@ -0,0 +1,12 @@
<header>
<div id="logo-container">
<div id="logo-docs-container">
<a href="/"><img src="/old/resources/images/caddy-logo.svg" id="logo" alt="Caddy"></a>
<div id="logo-docs">Documentation</div>
</div>
<div id="zerossl-project">
a <a href="https://zerossl.com"><img src="/old/resources/images/zerossl-logo.svg" id="zerossl-logo"></a> project
</div>
</div>
{{include "/old/includes/header-nav.html"}}
</header>

View file

@ -0,0 +1,14 @@
<div id="hovercard" class="arrow-box">
<div id="hovercard-docs" class="hovercard-elem"><!--Populated by JS--></div>
<div id="hovercard-module" class="hovercard-elem">
<p id="hovercard-namespace-box">
Fulfilled by modules in namespace: <span id="hovercard-namespace"><!--Populated by JS--></span>
</p>
<div id="hovercard-module-list"><!--Populated by JS--></div>
</div>
<div id="hovercard-inline-key" class="hovercard-elem">
<p class="explain">This property is <b>required</b> because it specifies the module name.</p>
</div>
<div id="hovercard-breadcrumb-siblings" class="hovercard-elem"><!--Populated by JS--></div>
<div id="hovercard-inline-link" class="hovercard-elem"><!--Populated by JS--></div>
</div>

View file

@ -0,0 +1,64 @@
<nav class="sidebar">
<ul>
<li><a href="/docs/">Welcome</a></li>
<li><a href="https://caddy.community/c/wiki/13">Wiki <img src="/old/resources/images/external-link.svg"></a></li>
<li class="heading">Get Caddy</li>
<li><a href="/docs/install">Install</a></li>
<li><a href="/docs/build">Build from source</a></li>
<li class="heading">Tutorials</li>
<li><a href="/docs/getting-started">Getting Started</a></li>
<li>
<a href="/docs/quick-starts">Quick-starts</a>
<ul>
<li><a href="/docs/quick-starts/api">Using the API</a></li>
<li><a href="/docs/quick-starts/caddyfile">Using a Caddyfile</a></li>
<li><a href="/docs/quick-starts/static-files">Static files</a></li>
<li><a href="/docs/quick-starts/reverse-proxy">Reverse proxy</a></li>
<li><a href="/docs/quick-starts/https">HTTPS</a></li>
</ul>
</li>
<li><a href="/docs/api-tutorial">Caddy API</a></li>
<li><a href="/docs/caddyfile-tutorial">Caddyfile</a></li>
<li class="heading">Reference</li>
<li><a href="/docs/command-line">Command Line</a></li>
<li><a href="/docs/api">API</a></li>
<li>
<a href="/docs/caddyfile">Caddyfile</a>
<ul>
<li><a href="/docs/caddyfile/concepts">Concepts</a></li>
<li><a href="/docs/caddyfile/directives">Directives</a></li>
<li><a href="/docs/caddyfile/matchers">Request matchers</a></li>
<li><a href="/docs/caddyfile/options">Global options</a></li>
<li><a href="/docs/caddyfile/patterns">Common patterns</a></li>
</ul>
</li>
<li><a href="/docs/modules/">Modules</a></li>
<li><a href="/docs/json/">JSON Config Structure</a></li>
<li><a href="/docs/automatic-https">Automatic HTTPS</a></li>
<li class="heading">Articles</li>
<li><a href="/docs/architecture">Caddy Architecture</a></li>
<li><a href="/docs/conventions">Conventions</a></li>
<li><a href="/docs/config-adapters">Config Adapters</a></li>
<li><a href="/docs/running">Keep Caddy Running</a></li>
<li><a href="/docs/logging">How Logging Works</a></li>
<li><a href="/docs/metrics">Monitoring Caddy</a></li>
<li><a href="/docs/signature-verification">Verifying Asset Signatures</a></li>
<li><a href="/docs/v2-upgrade">Upgrading to Caddy 2</a></li>
<li class="heading">Developers</li>
<li>
<a href="/docs/extending-caddy">Extending Caddy</a>
<ul>
<li><a href="/docs/extending-caddy/caddyfile">Caddyfile Support</a></li>
<li><a href="/docs/extending-caddy/config-adapters">Config Adapters</a></li>
</ul>
</li>
<li><a href="/docs/extending-caddy/namespaces">Module Namespaces</a></li>
<br>
<li><a href="/caddy-v1-docs-archive.tar.gz">v1 Docs <img src="/old/resources/images/external-link.svg"></a></li>
</ul>
</nav>

View file

@ -0,0 +1 @@
<pre><code class="json renderbox"><!--Populated by JS--></code></pre>

View file

@ -0,0 +1,24 @@
<div class="wrapper">
<footer>
<div>
<img src="/old/resources/images/caddy-logo.svg" alt="Caddy" id="footer-logo">
An <a href="https://github.com/caddyserver/caddy">open source</a> Go community project
<br>
in partnership with <a href="https://www.ardanlabs.com/">Ardan Labs</a>
<br>
<small><a href="https://usefathom.com/ref/AUKNWU">Privacy-respecting analytics by Fathom</a></small>
</div>
<div class="copyright">
&copy; {{now | date "2006"}} Stack Holdings. All rights reserved.
<br>
Caddy&reg; is a registered trademark of Stack Holdings GmbH.
</div>
</footer>
</div>
<!-- Fathom - beautiful, simple website analytics -->
<script src="https://cdn.usefathom.com/script.js" site="GVMGKAKP" honor-dnt="true" defer></script>
<!-- / Fathom -->
<!-- Algolia DocSearch -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>

View file

@ -0,0 +1,58 @@
{{define "cacheBust" -}}
{{- if fileExists "/.commit-hash" -}}
{{- $commitHash := (include "/.commit-hash") -}}
{{- trim (printf "?v=%v" $commitHash) -}}
{{- end -}}
{{- end}}
{{define "head"}}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://BH4D9OD16A-dsn.algolia.net" crossorigin />
<link rel="icon" href="/old/resources/images/favicon.png{{template "cacheBust"}}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:400,700|Maven+Pro:400,700,900|Montserrat:400,700|PT+Mono&display=swap">
<link rel="stylesheet" href="/old/resources/css/common.css{{template "cacheBust"}}">
<script src="/old/resources/js/common.js{{template "cacheBust"}}"></script>
<!-- General metatags -->
<meta name="author" content="Caddy Web Server">
<meta name="description" content="Caddy is a powerful, enterprise-ready, open source web server with automatic HTTPS written in Go">
<meta name="theme-color" content="#5ea9a2">
<!-- Open Graph tags -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://caddyserver.com/">
<meta property="og:description" content="Caddy is a powerful, enterprise-ready, open source web server with automatic HTTPS written in Go">
<meta property="og:image" content="https://caddyserver.com/resources/images/caddy-open-graph.jpg">
<!-- Twitter card tags additive with the og: tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:domain" value="caddyserver.com">
<meta name="twitter:description" value="Caddy is a powerful, enterprise-ready, open source web server with automatic HTTPS written in Go">
<meta name="twitter:image" content="https://caddyserver.com/resources/images/caddy-open-graph.jpg">
<meta name="twitter:url" value="https://caddyserver.com/">
<!-- Algolia DocSearch -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3">
<!-- Global site tag (gtag.js) - Google Analytics (Stack Holdings) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2DLB04LK4P"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2DLB04LK4P');
</script>
<!-- Alpine.js to augment markdown docs -->
<script src="https://cdn.jsdelivr.net/npm/@alpinejs/persist@3.x.x/dist/cdn.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
<!-- TODO: These don't work -- color values need to be tweaked if they do work -- I think because background-color is set on the body. -->
<meta name="theme-color" content="#123245" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#123245" media="(prefers-color-scheme: dark)">
{{end}}

View file

@ -0,0 +1,11 @@
<!--TODO: add class="current" to the current link-->
<nav>
<div id="search"></div>
<a href="/download">Download</a>
<a href="/docs/">Documentation</a>
<a href="https://caddy.community">Forum</a>
<a href="https://github.com/caddyserver/caddy">GitHub</a>
<a href="/account/">Account</a>
<a href="/support"><b>Support</b></a>
<a href="/sponsor" class="red button">Sponsor</a>
</nav>