diff --git a/pages/login.tmpl b/pages/login.tmpl
index ed5b1cf..88a7b2b 100644
--- a/pages/login.tmpl
+++ b/pages/login.tmpl
@@ -1,84 +1,58 @@
 {{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;}
-.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;
-}
-#gitlab-login {
- box-sizing: border-box;
- font-size: 17px;
+#generic-oauth-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 .OauthGitlab }}
+	{{ if or .OauthSlack .OauthWriteAs .OauthGitlab .OauthGeneric }}
 		<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 }}
 		{{ if .OauthGitlab }}
 			<a class="btn cta loginbtn" id="gitlab-login" href="/oauth/gitlab">Sign in with <strong>{{.GitlabDisplayName}}</strong></a>
 		{{ end }}
+        {{ if .OauthGeneric }}
+            <a class="btn cta loginbtn" id="generic-oauth-login" href="/oauth/generic">Sign in with <strong>{{ .OauthGenericDisplayName }}</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="{{.SignupPath}}">Sign up</a> to start a blog.{{end}}</p>{{end}}
 
 <script type="text/javascript">
 function disableSubmit() {
 	var $btn = document.getElementById("btn-login");
 	$btn.value = "Logging in...";
 	$btn.disabled = true;
 }
 </script>
 {{end}}