Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 14:59:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Minor update to styles and content

Browse source
This commit is contained in:
Yarmo Mackenbach 2021-11-07 16:07:29 +01:00
parent 8157f9fefb
commit 3b2bc4187c
No known key found for this signature in database
GPG key ID: 37367F4AF4087AD1
3 changed files with 69 additions and 64 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
static/styles.css
View file

@ -44,7 +44,7 @@ body {
min-height: 100vh; min-height: 100vh;
margin: 0; margin: 0;
padding: 1.6rem 0 0; padding: 1.6rem 0 0;
line-height: 1.6rem; line-height: 1.4rem;
font-family: sans-serif; font-family: sans-serif;
color: var(--grey-900); color: var(--grey-900);
} }
@ -109,11 +109,6 @@ footer {
} }
.container { .container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.narrow {
width: 100%; width: 100%;
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
@ -127,7 +122,7 @@ section.profile p, .demo p {
.card { .card {
margin: 0 0 1.6rem; margin: 0 0 1.6rem;
padding: 0 1.6rem; padding: 0 1.2rem;
background-color: #fff; background-color: #fff;
background-color: var(--purple-50); background-color: var(--purple-50);
border: 2px solid var(--purple-200); border: 2px solid var(--purple-200);
@ -152,7 +147,6 @@ section.profile p, .demo p {
.card--small-profile { .card--small-profile {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 1rem;
text-align: center; text-align: center;
} }
.card--small-profile-dummy { .card--small-profile-dummy {
@ -164,10 +158,14 @@ section.profile p, .demo p {
} }
.card--small-profile p { .card--small-profile p {
margin-top: 0; margin-top: 0;
}
.card--small-profile p span.fingerprint {
display: inline-block;
width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
font-size: 0.8rem;
} }
#profileName { #profileName {
font-size: 1.6rem; font-size: 1.6rem;
@ -180,13 +178,10 @@ section.profile p, .demo p {
.hcards { .hcards {
display: grid; display: grid;
grid-gap: 1.6rem; grid-gap: 1.2rem;
grid-template-columns: repeat(auto-fit, minmax(256px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
margin-bottom: 1.6rem; margin-bottom: 1.6rem;
} }
.hcards--features {
text-align: center;
}
.hcards .card { .hcards .card {
margin: 0; margin: 0;
} }

98
views/index.pug
View file

@ -7,7 +7,7 @@ block js
script(type='application/javascript' defer src='/static/scripts.js' charset='utf-8') script(type='application/javascript' defer src='/static/scripts.js' charset='utf-8')
block content block content
.demo.narrow .demo
kx-claim.kx-item(data-claim= demoData data-skip="true") kx-claim.kx-item(data-claim= demoData data-skip="true")
details details
summary summary
@ -32,22 +32,21 @@ block content
else else
p Proof link: not accessible from browser p Proof link: not accessible from browser
.narrow #search.form-wrapper.card
#search.form-wrapper.card h2#searchTitle Generate a profile
h2#searchTitle Generate a profile form(action="post")
form(action="post") label#searchQuery(for="query") Query for fingerprint or email identifier
label#searchQuery(for="query") Query for fingerprint or email identifier input#query(type="search" name="query" required placeholder="3637202523e7c1309ab79e99ef2dc5827b445f4b, test@doip.rocks" aria-labelledby="searchTitle searchQuery")
input#query(type="search" name="query" required placeholder="3637202523e7c1309ab79e99ef2dc5827b445f4b, test@doip.rocks" aria-labelledby="searchTitle searchQuery")
fieldset(role="radiogroup").radio-wrapper fieldset(role="radiogroup").radio-wrapper
legend Protocol legend Protocol
input#protocol-hkp(type="radio" name="protocol" value="hkp" checked="true") input#protocol-hkp(type="radio" name="protocol" value="hkp" checked="true")
label(for="protocol-hkp") HKP label(for="protocol-hkp") HKP
input#protocol-wkd(type="radio" name="protocol" value="wkd") input#protocol-wkd(type="radio" name="protocol" value="wkd")
label(for="protocol-wkd") WKD label(for="protocol-wkd") WKD
input#protocol-sig(type="radio" name="protocol" value="sig") input#protocol-sig(type="radio" name="protocol" value="sig")
label(for="protocol-sig") Signature label(for="protocol-sig") Signature
input(type="submit" value="Generate profile") input(type="submit" value="Generate profile")
if highlights.length > 0 if highlights.length > 0
h2 Highlights h2 Highlights
@ -68,44 +67,57 @@ block content
- n++ - n++
h2 About Keyoxide h2 About Keyoxide
.hcards.hcards--features.hcards--max-3 .hcards.hcards--features
.card .card
h3 Online identity h3 Online identity
p Establish an identity by verifiably linking your online accounts. p Establish an identity by verifiably linking your online accounts.
a(href='/about#basic') Read more
.card .card
h3 Decentralized h3 Decentralized
p No central server or database. Control how your data is stored and accessed. p No central server or database. Control how your data is stored and accessed.
a(href='/about#decentralized') Read more
.card .card
h3 Privacy h3 Privacy
p No data is collected. Your data is yours and yours only. p No data is collected. Your data is yours and yours only.
a(href='/privacy') Read more
.card .card
h3 Cryptography h3 Cryptography
p Your online identity verifiably signed with widely-used OpenPGP. p Your online identity verifiably signed with widely-used OpenPGP.
a(href='/about#cryptography') Read more
.card .card
h3 Open Source h3 Open Source
p All Keyoxide projects are licensed under AGPL-3.0-or-later. p All Keyoxide projects are licensed under AGPL-3.0-or-later.
a(href='/about#open-source') Read more
.card .card
h3 Transparent funding h3 Transparent funding
p Funded by donations. Keyoxide stands against VC and surveillance capitalism. p Funded by donations. Keyoxide stands against VC and surveillance capitalism.
a(href='/about#funding-and-the-flow-of-money') Read more
h2 Community
.card
p
| Discussion of the Keyoxide project happens primarily on the
a(href="https://matrix.to/#/#keyoxide:matrix.org") #keyoxide matrix channel
| . There is also the
a(href="https://lists.sr.ht/~yarmo/keyoxide-devel") keyoxide-devel mailing list
| .
p
| Bug reports and feature requests can be submitted on the
a(href="https://codeberg.org/keyoxide/keyoxide-web/issues") source code issue tracker
| or the
a(href="https://lists.sr.ht/~yarmo/keyoxide-devel") keyoxide-devel mailing list
| .
p
| The project is also present on the fediverse as
a(href="https://fosstodon.org/@keyoxide") @keyoxide@fosstodon.org
| .
h2 Fund the project h2 Fund the project
.narrow .card
.card p
p | The development of Keyoxide and the Decentralized OpenPGP Identity Proofs ecosystem is entirely funded by donations.
| The development of Keyoxide and the Decentralized OpenPGP Identity Proofs ecosystem is entirely funded by donations. p
p | The Keyoxide project was awarded a NGI Zero grant from the
| The Keyoxide project was awarded a NGI Zero grant from the a(href='https://nlnet.nl/') NLnet Foundation
a(href='https://nlnet.nl/') NLnet Foundation | .
| . p
p | We rely on your support to keep working on Big Tech-independent secure online identity.
| We rely on your support to keep working on secure online identity and fight Big Tech's grasp on the internet. p
p a.button.button--liberapay(href='https://liberapay.com/Keyoxide/')
a.button.button--liberapay(href='https://liberapay.com/Keyoxide/') i(class='fa fa-liberapay' aria-hidden='true')
i(class='fa fa-liberapay' aria-hidden='true') | Donate via Liberapay
| Donate via Liberapay

12
views/partials/footer.pug
View file

@ -11,20 +11,18 @@ footer
h1 Keyoxide project h1 Keyoxide project
a(href="https://keyoxide.org") Keyoxide.org a(href="https://keyoxide.org") Keyoxide.org
br br
a(href="https://blog.keyoxide.org") Keyoxide blog
br
a(href="https://docs.keyoxide.org") Keyoxide docs a(href="https://docs.keyoxide.org") Keyoxide docs
br br
a(href="https://fosstodon.org/@keyoxide") Keyoxide on Fediverse a(href="https://blog.keyoxide.org") Keyoxide blog
br br
a(href="https://keytoidentity.foundation") Key to Identity Foundation a(href="https://keytoidentity.foundation") KeyToIdentity Foundation
div div
h1 Development h1 Development
a(href="https://codeberg.org/keyoxide/") Source code a(href="https://codeberg.org/keyoxide/") Source code
br br
a(href="https://drone.keyoxide.org/keyoxide/web") CI/CD a(href="https://doip.rocks") doip.rocks
br br
a(href="https://js.doip.rocks") doip.js a(href="https://ariadne.id") ariadne.id
p.copyright © 2021 Keyoxide project contributors p.copyright © 2021 Keyoxide project contributors