Page MenuHomeMusing Studio
Files F10387511

No OneTemporary
Actions

View Options

diff --git a/pages/login.tmpl b/pages/login.tmpl
index 6c1b3ed..345b171 100644
--- a/pages/login.tmpl
+++ b/pages/login.tmpl
@@ -1,40 +1,77 @@
{{define "head"}}<title>Log in &mdash; {{.SiteName}}</title>
<meta name="description" content="Log in to {{.SiteName}}.">
<meta itemprop="description" content="Log in to {{.SiteName}}.">
-<style>input{margin-bottom:0.5em;}</style>
+<style>
+input{margin-bottom:0.5em;}
+.or {
+ text-align: center;
+ margin-bottom: 3.5em;
+}
+.or p {
+ display: inline-block;
+ background-color: white;
+ padding: 0 1em;
+}
+.or hr {
+ margin-top: -1.6em;
+ margin-bottom: 0;
+}
+hr.short {
+ max-width: 30rem;
+}
+.row.signinbtns {
+ justify-content: space-evenly;
+ font-size: 1em;
+ margin-top: 3em;
+ margin-bottom: 2em;
+}
+.loginbtn {
+ height: 40px;
+}
+#writeas-login {
+ box-sizing: border-box;
+ font-size: 17px;
+}
+</style>
{{end}}
{{define "content"}}
<div class="tight content-container">
<h1>Log in to {{.SiteName}}</h1>
{{if .Flashes}}<ul class="errors">
{{range .Flashes}}<li class="urgent">{{.}}</li>{{end}}
</ul>{{end}}
+ {{ if or .OauthSlack .OauthWriteAs }}
+ <div class="row content-container signinbtns">
+ {{ if .OauthSlack }}
+ <a class="loginbtn" href="/oauth/slack"><img alt="Sign in with Slack" height="40" width="172" src="/img/sign_in_with_slack.png" srcset="/img/sign_in_with_slack.png 1x, /img/sign_in_with_slack@2x.png 2x" /></a>
+ {{ end }}
+ {{ if .OauthWriteAs }}
+ <a class="btn cta loginbtn" id="writeas-login" href="/oauth/write.as">Sign in with <strong>Write.as</strong></a>
+ {{ end }}
+ </div>
+
+ <div class="or">
+ <p>or</p>
+ <hr class="short" />
+ </div>
+ {{ end }}
+
<form action="/auth/login" method="post" style="text-align: center;margin-top:1em;" onsubmit="disableSubmit()">
<input type="text" name="alias" placeholder="Username" value="{{.LoginUsername}}" {{if not .LoginUsername}}autofocus{{end}} /><br />
<input type="password" name="pass" placeholder="Password" {{if .LoginUsername}}autofocus{{end}} /><br />
{{if .To}}<input type="hidden" name="to" value="{{.To}}" />{{end}}
<input type="submit" id="btn-login" value="Login" />
</form>
{{if and (not .SingleUser) .OpenRegistration}}<p style="text-align:center;font-size:0.9em;margin:3em auto;max-width:26em;">{{if .Message}}{{.Message}}{{else}}<em>No account yet?</em> <a href="/">Sign up</a> to start a blog.{{end}}</p>{{end}}
- {{ if .OauthSlack }}
- <p style="text-align:center;font-size:0.9em;margin:3em auto;max-width:26em;">
- <a href="/oauth/slack">Sign-in with Slack.</a>
- </p>
- {{ end }}
- {{ if .OauthWriteAs }}
- <p style="text-align:center;font-size:0.9em;margin:3em auto;max-width:26em;">
- <a href="/oauth/write.as">Sign-in with Write.As.</a>
- </p>
- {{ end }}
<script type="text/javascript">
function disableSubmit() {
var $btn = document.getElementById("btn-login");
$btn.value = "Logging in...";
$btn.disabled = true;
}
</script>
{{end}}
diff --git a/static/img/sign_in_with_slack.png b/static/img/sign_in_with_slack.png
new file mode 100644
index 0000000..66e4298
Binary files /dev/null and b/static/img/sign_in_with_slack.png differ
diff --git a/static/img/sign_in_with_slack@2x.png b/static/img/sign_in_with_slack@2x.png
new file mode 100644
index 0000000..14a674a
Binary files /dev/null and b/static/img/sign_in_with_slack@2x.png differ

File Metadata

Mime Type
text/x-diff
Expires
Mon, Nov 25, 1:26 PM (1 d, 12 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
3106697

Event Timeline

musing studio · developers