git.gnu.io has moved to IP address 209.51.188.249 -- please double check where you are logging in.

Commit 8dc5785b authored by Iko's avatar Iko Committed by Bryan Richter

Added footnote and form styles

* Removed meta description tag as per feedback for SD-157
* Added footnote styles
* Added reset-passphrase and create-account form styles
* Consolidated existing auth page styles with a common auth class
parent aa97f4d2
.auth
max-width: 51rem
margin: 0 auto
form input
width: 95%
......@@ -2,25 +2,12 @@
max-width: 36rem
margin: 0 auto
.login
h1
margin: 3rem 0 0 0
padding-bottom: 3rem
font-weight: 400
form
label
color: #{BrightBlueText}
padding: 1rem 0
display: block
input
background-color: #{White}
border: 0.1rem solid #{DarkBlue}
border-radius: 0.3rem
padding: 0.5rem 0.3rem
font-size: 2rem
font-family: "Nunito"
color: #{DarkBlue}
font-weight: 400
width: 95%
margin: 0
.bigbutton
margin: 1rem auto 3rem
display: block
......@@ -40,10 +27,9 @@
/*break2*/
@media (min-width: 391px)
.login
h1
margin: 6rem 0 0 0
form
input
width: 35rem
.bigbutton
margin: 0 auto 6rem
......@@ -31,12 +31,12 @@ body
*::selection
color: #{White};
background: #{DarkBlue};
background: #{DarkBlue}
text-shadow: none
*::-moz-selection
color: #{White};
background: #{DarkBlue};
background: #{DarkBlue}
text-shadow: none
p
......@@ -104,15 +104,27 @@ table
margin: 0 3rem
padding-bottom: 3rem
li, li p
padding-bottom: 1rem
padding-bottom: 1rem
form
label
color: #{BrightBlueText}
display: block
input
background-color: #{White}
border: 0.1rem solid #{DarkBlue}
border-radius: 0.3rem
padding: 0.5rem 0.3rem
margin-bottom: 1.5rem
font: 400 2rem "Nunito"
color: #{DarkBlue}
h1
font-weight: 600
font-size: 3rem
h2
font-weight: 600
font-size: 2.5rem
padding-bottom: 3rem;
padding-bottom: 3rem
h3
font-weight: 600
font-size: 2rem
......@@ -121,6 +133,40 @@ em
font-style: italic
strong
font-weight: 600
hr
margin-bottom: 3rem
.footnotes
font-size: 1.5rem
counter-reset: footnotes-count
ol
list-style: outside none
margin: 0 3rem
li:before
content: counter(footnotes-count)
counter-increment: footnotes-count
padding-right: 0.9rem
li p:first-child
display: inline
li p
margin-top: 1rem
.footnoteRef sup
vertical-align: super
font-size: 1.5rem
/* Auth forms */
.auth
h1
margin: 3rem 0 0 0
padding-bottom: 3rem
font-weight: 400
.bigbutton
margin: 3rem 0
display: block
@media (min-width: 391px)
.auth
h1
margin: 6rem 0 0 0
@keyframes fadein
0%
......
......@@ -32,8 +32,6 @@
*/
<title>#{pageTitle pc}
<meta name="description" content="Snowdrift.coop is a non-profit, cooperative platform for funding free/libre/open public goods of all sorts.">
<meta name="viewport"
content="width=device-width, minimum-scale=1.0, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
......
^{extra}
<p>
By registering, you agree to Snowdrift.coop's (exceptionally ethical)
<a href=@{TermsR}>Terms&nbsp;of&nbsp;Use
and
<a href=@{PrivacyR}>Privacy&nbsp;Policy</a>.
<table>
<tr>
<td>
<label for=#{fvId identView}>
Account name (private, used for logging in):
<td>
^{fvInput identView}
<tr>
<td>
<label for=#{fvId passph1View}>
Passphrase:
<td>
^{fvInput passph1View}
<tr>
<td>
<label for=#{fvId passph2View}>
Repeat passphrase:
<td>
^{fvInput passph2View}
<tr>
<td>
<label for=#{fvId nameView}>
Name (public, optional):
<td>
^{fvInput nameView}
<tr>
<td>
<label for=#{fvId emailView}>
Email (private, optional):
<td>
^{fvInput emailView}
<tr>
<td>
<label for=#{fvId avatarView}>
Avatar (link, optional):
<td>
^{fvInput avatarView}
<tr>
<td>
<label for=#{fvId nickView}>
IRC Nick (irc.freenode.net, optional):
<td>
^{fvInput nickView}
<.auth>
^{extra}
<h1>Create account
<p>
By registering, you agree to Snowdrift.coop's (exceptionally ethical)
<a href=@{TermsR}>Terms&nbsp;of&nbsp;Use
and
<a href=@{PrivacyR}>Privacy&nbsp;Policy</a>.
<label for=#{fvId identView}>Account name (private, used for logging in):
^{fvInput identView}
<label for=#{fvId passph1View}>Passphrase:
^{fvInput passph1View}
<label for=#{fvId passph2View}>Repeat passphrase:
^{fvInput passph2View}
<label for=#{fvId nameView}>Name (public, optional):
^{fvInput nameView}
<label for=#{fvId emailView}>Email (private, optional):
^{fvInput emailView}
<label for=#{fvId avatarView}>Avatar (link, optional):
^{fvInput avatarView}
<label for=#{fvId nickView}>IRC Nick (irc.freenode.net, optional):
^{fvInput nickView}
<button .bigbutton type=submit>
Submit
^{alphaRewriteNotice}
<p>
Please enter either your account name or email to reset the passphrase.
<br>
<em>Note: Passphrase-reset only works for accounts with verified emails.
<br>
<em>Note: Persona-based accounts have no passphrase to reset.
<form method=POST action=@{ResetPassphraseR} enctype=#{enctype}>
^{form}
<button>reset
<.auth>
<h1>Reset passphrase
<p>
To reset your passphrase, please enter either your account name <strong>or</strong> email.
<br>
<em>Note: Passphrase-reset only works for accounts with verified emails.
<form method=POST action=@{ResetPassphraseR} enctype=#{enctype}>
^{form}
<button .bigbutton type=submit>
Reset
.auth
max-width: 72rem
margin: 0 auto
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment