More website tweaks.

These are some more changes that came up when Pablo and I were reviewing the previous docs PR.

In no particular order:

- Fix "related posts" on the blog section, and hide the section if there are none.

- Minor style changes to several pages (guided by various style guides).

- Redirect the root of get.pinniped.dev to our main page (shouldn't really be hit, but it's nice to do something).

- Add more mobile-friendly CSS for our docs.

- Reword the "getting started" CTA, and hide it on the docs pages (you're already there).

- Fix the "Learn how Pinniped provides identity services to Kubernetes" link on the landing page.

- Add a date to our blog post cards.

- Rewrite the hero text on the landing page.

- Fix the docs link for the "Get Started with Pinniped" button on the landing page.

- Rework the landing page grid text.

- Add Margo and Nanci to the team section and sort it alphabetically.

Signed-off-by: Matt Moyer <moyerm@vmware.com>
This commit is contained in:
Matt Moyer 2021-02-23 13:55:42 -06:00
parent a6d74ea876
commit 827e6e0dc0
No known key found for this signature in database
GPG Key ID: EAE88AD172C5AE2D
20 changed files with 81 additions and 37 deletions

View File

@ -22,3 +22,13 @@ markup:
noClasses: false noClasses: false
style: monokailight style: monokailight
tabWidth: 4 tabWidth: 4
related:
includeNewer: true
indices:
- name: tags
weight: 50
- name: date
weight: 50
threshold: 0
toLower: true

View File

@ -35,7 +35,7 @@ layout: section
</div> </div>
<div class="content"> <div class="content">
<h3><a href="{{< param "community_url" >}}">Community Meetings</a></h3> <h3><a href="{{< param "community_url" >}}">Community Meetings</a></h3>
<p>Pinniped Community Meetings are held every 1st and 3rd Thursday of the month at 9AM PT / 12PM ET</p> <p>Pinniped Community Meetings are held every first and third Thursday of the month at 9 AM PT / 12 PM ET</p>
<p>Join our <a href="https://groups.google.com/u/1/g/project-pinniped">Google Group</a> to receive invites to the meeting</p> <p>Join our <a href="https://groups.google.com/u/1/g/project-pinniped">Google Group</a> to receive invites to the meeting</p>
<p>Watch previous community meetings on our <a href="https://www.youtube.com/playlist?list=PL7bmigfV0EqQ8qYn8ornuJnuGvCt0belt">YouTube playlist</a></p> <p>Watch previous community meetings on our <a href="https://www.youtube.com/playlist?list=PL7bmigfV0EqQ8qYn8ornuJnuGvCt0belt">YouTube playlist</a></p>
</div> </div>

View File

@ -5,7 +5,7 @@ date: 2020-11-12
author: Pablo Schuhmacher author: Pablo Schuhmacher
image: /img/logo.svg image: /img/logo.svg
excerpt: "Pinniped intends to bring that dream state — log in once and youre done — to reality." excerpt: "Pinniped intends to bring that dream state — log in once and youre done — to reality."
tags: ['Pablo Schuhmacher'] tags: ['Pablo Schuhmacher', 'release']
--- ---
Kubernetes, containers, microservices: Theyve all turned conventional application development wisdom inside out. But for all the wonders introduced and new technologies released, there are still a few things that remain difficult, cumbersome, or just really really frustrating when it comes to Kubernetes. We have set out to make one of those things easier and more understandable: authentication. Kubernetes, containers, microservices: Theyve all turned conventional application development wisdom inside out. But for all the wonders introduced and new technologies released, there are still a few things that remain difficult, cumbersome, or just really really frustrating when it comes to Kubernetes. We have set out to make one of those things easier and more understandable: authentication.

View File

@ -1,3 +1,8 @@
[[redirects]]
from = "/"
to = "https://pinniped.dev"
status = 302
force = true
[[redirects]] [[redirects]]
from = "/latest/*" from = "/latest/*"

File diff suppressed because one or more lines are too long

View File

@ -407,6 +407,11 @@
.side-nav { .side-nav {
width: 25%; width: 25%;
float: left; float: left;
@include breakpoint(small-medium) {
width: 100%;
float: none;
}
ul { ul {
padding-left: 0px; padding-left: 0px;
margin-bottom: 35px; margin-bottom: 35px;
@ -435,6 +440,10 @@
.docs-content { .docs-content {
width: 75%; width: 75%;
float: right; float: right;
@include breakpoint(small-medium) {
width: 100%;
float: none;
}
a { a {
font-size: 16px; font-size: 16px;
} }
@ -512,6 +521,7 @@
} }
.button { .button {
white-space: nowrap;
a { a {
font-size: 14px; font-size: 14px;
} }

View File

@ -19,7 +19,6 @@
<body> <body>
{{ partial "header" . }} {{ partial "header" . }}
{{ block "main" . }}{{ end }} {{ block "main" . }}{{ end }}
{{ partial "getting-started" . }}
{{ partial "footer" . }} {{ partial "footer" . }}
</body> </body>
</html> </html>

View File

@ -2,7 +2,7 @@
<main> <main>
<div class="hero subpage"> <div class="hero subpage">
<div class="wrapper"> <div class="wrapper">
<h2>Pinniped Blog</h2> <h2>Pinniped blog</h2>
</div> </div>
</div> </div>
<div class="wrapper blog landing"> <div class="wrapper blog landing">
@ -14,4 +14,5 @@
{{ partial "pagination.html" . }} {{ partial "pagination.html" . }}
</div> </div>
</main> </main>
{{ partial "getting-started" . }}
{{ end }} {{ end }}

View File

@ -2,6 +2,7 @@
<main> <main>
{{ .Content }} {{ .Content }}
</main> </main>
{{ partial "getting-started" . }}
{{ end }} {{ end }}

View File

@ -3,7 +3,7 @@
<article> <article>
<div class="hero subpage"> <div class="hero subpage">
<div class="wrapper"> <div class="wrapper">
<h1>Pinniped Blog</h1> <h1>Pinniped blog</h1>
</div> </div>
</div> </div>
<div class="wrapper blog"> <div class="wrapper blog">
@ -15,18 +15,19 @@
<p class="date">{{ dateFormat "Jan 2, 2006" .Date }}</p> <p class="date">{{ dateFormat "Jan 2, 2006" .Date }}</p>
{{ .Content }} {{ .Content }}
</div> </div>
<h2>Related Content</h2>
<div class="grid three">
{{ $related := (where (.Site.RegularPages.Related .) "Type" "posts") | first 3 }} {{ $related := (where (.Site.RegularPages.Related .) "Type" "posts") | first 3 }}
{{ with $related }} {{ with $related }}
<h2>Related content</h2>
<div class="grid three">
{{ range . }} {{ range . }}
{{ partial "blog-post-card.html" . }} {{ partial "blog-post-card.html" . }}
{{ end }} {{ end }}
{{ end }}
</div> </div>
{{ end }}
</div> </div>
</article> </article>
</main> </main>
{{ partial "getting-started" . }}
{{ end }} {{ end }}

View File

@ -13,4 +13,5 @@
</div> </div>
</div> </div>
</main> </main>
{{ partial "getting-started" . }}
{{ end }} {{ end }}

View File

@ -6,7 +6,7 @@
<div class="wrapper grid two"> <div class="wrapper grid two">
<div class="col"> <div class="col">
<p class="strong">Introduction to Pinniped</p> <p class="strong">Introduction to Pinniped</p>
<p><a href="https://pinniped.dev/docs/demo/">Learn how Pinniped</a> provides identity services to Kubernetes</p> <p><a href="https://pinniped.dev/docs/">Learn how Pinniped</a> provides identity services to Kubernetes</p>
</div> </div>
<div class="col"> <div class="col">
<p class="strong">How do you use Pinniped?</p> <p class="strong">How do you use Pinniped?</p>
@ -17,4 +17,5 @@
{{ partial "use-cases.html" . }} {{ partial "use-cases.html" . }}
{{ partial "team.html" . }} {{ partial "team.html" . }}
</main> </main>
{{ partial "getting-started" . }}
{{ end }} {{ end }}

View File

@ -4,6 +4,7 @@
</div> </div>
<div class="content"> <div class="content">
<h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3> <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
<time>{{ .Date.Format "January 2, 2006" }}</time>
<p>{{ .Params.Excerpt }}</p> <p>{{ .Params.Excerpt }}</p>
</div> </div>
</div> </div>

View File

@ -2,10 +2,10 @@
<div class="wrapper clearfix"> <div class="wrapper clearfix">
<div class="left-side"> <div class="left-side">
<h2>Getting started</h2> <h2>Getting started</h2>
<p>To help you get started, see the documentation.</p> <p>Learn how Pinniped works, see how to use it on your clusters, and dive into internals of Pinniped's APIs and architecture.</p>
</div> </div>
<div class="right-side"> <div class="right-side">
<a href="/docs/" class="button">Get started</a> <a href="/docs/" class="button">Read the docs</a>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,10 +1,10 @@
<div class="hero homepage"> <div class="hero homepage">
<div class="wrapper"> <div class="wrapper">
<div class="text-block"> <div class="text-block">
<h2>Pinniped - Simplify user authentication for any Kubernetes cluster: log in once and youre done.</h2> <h2>Batteries-included for Kubernetes authentication</h2>
<p>Pinniped delivers a consistent Kubernetes user authentication experience while prioritizing security, interoperability and low-effort management at scale.</p> <p>Pinniped is the easy, secure way to login to your Kubernetes clusters.</p>
<div class="buttons"> <div class="buttons">
<a class="button" href="https://github.com/vmware-tanzu/pinniped/blob/main/README.md">Get Started with Pinniped</a> <a class="button" href="/docs/">Get Started with Pinniped</a>
<a class="button secondary" href="https://github.com/vmware-tanzu/pinniped/releases">Download Latest Release</a> <a class="button secondary" href="https://github.com/vmware-tanzu/pinniped/releases">Download Latest Release</a>
</div> </div>
</div> </div>

View File

@ -4,17 +4,17 @@
<div class="card"> <div class="card">
<img src="/img/simple.svg" /> <img src="/img/simple.svg" />
<h3>Simple</h3> <h3>Simple</h3>
<p>Install and integrate with nearly any cluster in one step</p> <p>Easily install on almost any Kubernetes cluster</p>
</div> </div>
<div class="card"> <div class="card">
<img src="/img/frictionless.svg" /> <img src="/img/frictionless.svg" />
<h3>Frictionless</h3> <h3>Frictionless</h3>
<p>Log in once to safely access many clusters</p> <p>Use native command-line tools like kubectl</p>
</div> </div>
<div class="card"> <div class="card">
<img src="/img/seamless.svg" /> <img src="/img/seamless.svg" />
<h3>Seamless</h3> <h3>Seamless</h3>
<p>Leverage first class integration with Kubernetes and kubectl CLI</p> <p>Log in once to safely access all your clusters</p>
</div> </div>
</div> </div>
</div> </div>

View File

@ -2,13 +2,6 @@
<div class="wrapper"> <div class="wrapper">
<h2>The Pinniped Project Team:</h2> <h2>The Pinniped Project Team:</h2>
<div class="grid three"> <div class="grid three">
<div class="bio">
<div class="image"><img src="/img/matt-moyer.png" /></div>
<div class="info">
<p class="name">Matt Moyer</p>
<p class="position">Engineer</p>
</div>
</div>
<div class="bio"> <div class="bio">
<div class="image"><img src="/img/andrew-keesler.png" /></div> <div class="image"><img src="/img/andrew-keesler.png" /></div>
<div class="info"> <div class="info">
@ -17,9 +10,16 @@
</div> </div>
</div> </div>
<div class="bio"> <div class="bio">
<div class="image"><img src="/img/ryan-richard.png" /></div> <div class="image"><img src="/img/margo-crawford.png" /></div>
<div class="info"> <div class="info">
<p class="name">Ryan Richard</p> <p class="name">Margo Crawford</p>
<p class="position">Engineer</p>
</div>
</div>
<div class="bio">
<div class="image"><img src="/img/matt-moyer.png" /></div>
<div class="info">
<p class="name">Matt Moyer</p>
<p class="position">Engineer</p> <p class="position">Engineer</p>
</div> </div>
</div> </div>
@ -30,6 +30,13 @@
<p class="position">Engineer</p> <p class="position">Engineer</p>
</div> </div>
</div> </div>
<div class="bio">
<div class="image"><img src="/img/nanci-lancaster.png" /></div>
<div class="info">
<p class="name">Nanci Lancaster</p>
<p class="position">Community Manager</p>
</div>
</div>
<div class="bio"> <div class="bio">
<div class="image"><img src="/img/pablo-schuhmacher.png" /></div> <div class="image"><img src="/img/pablo-schuhmacher.png" /></div>
<div class="info"> <div class="info">
@ -37,8 +44,15 @@
<p class="position">Product Manager</p> <p class="position">Product Manager</p>
</div> </div>
</div> </div>
<div class="bio">
<div class="image"><img src="/img/ryan-richard.png" /></div>
<div class="info">
<p class="name">Ryan Richard</p>
<p class="position">Engineer</p>
</div>
</div>
</div> </div>
<h3>Contributing:</h3> <h3>Contributing:</h3>
<p>The Pinniped project team welcomes contributions from the community, please see our <a href="https://github.com/vmware-tanzu/pinniped/blob/main/CONTRIBUTING.md">contributors guide</a> for more information.</p> <p>The Pinniped project team welcomes contributions from the community, please see the <a href="https://github.com/vmware-tanzu/pinniped/blob/main/CONTRIBUTING.md">contributors guide</a> for more information.</p>
</div> </div>
</div> </div>

View File

@ -1,18 +1,18 @@
<div class="wrapper use-cases"> <div class="wrapper use-cases">
<h2>Use Cases</h2> <h2>Use cases</h2>
<div class="grid two"> <div class="grid two">
<div class="col image"> <div class="col image">
<img src="/img/administration.svg" /> <img src="/img/administration.svg" />
</div> </div>
<div class="col text"> <div class="col text">
<p class="strong">Cluster Administration</p> <p class="strong">Cluster administration</p>
<p>Easily plug in external IDPs into Kubernetes clusters while offering a simple install and configuration experience. Leverage first class integration with Kubernetes and kubectl CLI.</p> <p>Easily plug in external identity providers into Kubernetes clusters while offering a simple install and configuration experience. Leverage first class integration with Kubernetes and kubectl command-line.</p>
<!-- <p><a href="#" class="button tertiary">Read More</a></p> --> <!-- <p><a href="#" class="button tertiary">Read More</a></p> -->
</div> </div>
</div> </div>
<div class="grid two image-right"> <div class="grid two image-right">
<div class="col text"> <div class="col text">
<p class="strong">Seamless Authentication</p> <p class="strong">Seamless authentication</p>
<p>Give users a consistent, unified login experience across all your clusters, including on-premises and managed cloud environments.</p> <p>Give users a consistent, unified login experience across all your clusters, including on-premises and managed cloud environments.</p>
<!-- <p><a href="#" class="button tertiary">Read More</a></p> --> <!-- <p><a href="#" class="button tertiary">Read More</a></p> -->
</div> </div>
@ -25,8 +25,8 @@
<img src="/img/security.svg" /> <img src="/img/security.svg" />
</div> </div>
<div class="col text"> <div class="col text">
<p class="strong">Security for Enterprises & Teams Alike</p> <p class="strong">Security for enterprises & teams alike</p>
<p>Securely integrate with an enterprise IDP using standard protocols or use secure, externally-managed identities instead of relying on simple, shared credentials.</p> <p>Securely integrate with an enterprise IDP using standard protocols or use secure, externally managed identities instead of relying on simple, shared credentials.</p>
<!-- <p><a href="#" class="button tertiary">Read More</a></p> --> <!-- <p><a href="#" class="button tertiary">Read More</a></p> -->
</div> </div>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB