3pp-mirror/pomerium
1
0
Fork 0
mirror of https://github.com/pomerium/pomerium.git synced 2025-05-10 15:47:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

Docs: Update Community Page (#2713)

Browse source 
* Update readme.md

* bulleted list for updates

* copy edits

* add mailchimp plugin

* Update readme.md

* invoke custom component

* style custom mailchimp form

* List Discourse for support

Co-authored-by: alexfornuto <alex@fornuto.com>
This commit is contained in:
cmo-pomerium 2021-11-01 07:10:58 -07:00 • committed by GitHub
parent 811059dbfd
commit 90f2b00bb6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 84 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

61
docs/.vuepress/components/Newsletter.vue Normal file
View file

@ -0,0 +1,61 @@
<template>
<SimpleNewsletter v-slot="{ slotProps }">
<div class="newsletter__wrap">
<div class="my-title">{{ slotProps.title }}</div>
<div class="my-content">{{ slotProps.content }}</div>
<input
class="my-input"
type="email"
name="email"
aria-label="Email"
placeholder="Email"
v-model="slotProps.mail"
required
autocapitalize="off"
autocorrect="off"
data-cy="email"
/>
<button type="submit" class="my-button" data-cy="submit">
{{ slotProps.submitText }}
</button>
</div>
</SimpleNewsletter>
</template>
<style>
.my-title {
font-size: 1.7rem;
display: block;
text-align: center;
}
.my-content {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
line-height: 1.7rem;
}
.my-input {
font-size: inherit;
border: 1px solid #e8e8fb;
padding: 0.6rem 1.2rem;
box-sizing: border-box;
border-radius: 3px;
margin-bottom: 0.8rem;
outline: none;
}
.my-button {
font-size: inherit;
border: none;
cursor: pointer;
background: #6f43e7;
color: #fff;
padding: 0.6rem 1.8rem;
box-sizing: border-box;
border-radius: 3px;
outline: none;
}
</style>