aiforge/templates/user/auth/signin_inner.tmpl

<style>
.full.height{background-color: #F9F9F9;}
.ui.left:not(.action){ float:none;}
.ui.left{ float:none;}
.ui.secondary.pointing.menu{ border-bottom:none;}
</style>
		{{if or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeSignIn)}}
		{{template "base/alert" .}}
		{{end}}

		<div class="ui centered grid">
			<div class="sixteen wide mobile ten wide tablet ten wide computer column">
				<div class="ui bottom aligned two column grid">
          <div class="column">
						<h2 class="ui header">
							{{if .LinkAccountMode}}
								{{.i18n.Tr "auth.oauth_signin_title"}}
							{{else}}
								{{.i18n.Tr "auth.login_userpass"}}
							{{end}}
						</h2>
					</div>
				{{if .ShowRegistrationButton}}
                    <div class="ui right floated column">
						<a href="{{AppSubUrl}}/user/sign_up">{{.i18n.Tr "auth.sign_up_now" | Str2html}}</a>
					</div>
				{{end}}
				</div>

				<div class="ui grid">
          <div class="column">
						{{if .IsCourse}}
							<form class="ui form" action="{{.SignInLink}}?course=true" method="post">
						{{else}}
							<form class="ui form" action="{{.SignInLink}}" method="post">
						{{end}}
						{{.CsrfTokenHtml}}
						<div class="field">
							<div class="ui left icon input {{if and (.Err_UserName) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeSignIn))}}error{{end}}">
								<i class="user icon"></i>
								<input id="user_name" name="user_name" value="{{.user_name}}" placeholder="{{.i18n.Tr "home.login_uname_holder"}}" autofocus required>
							</div>
						</div>
						{{if or (not .DisablePassword) .LinkAccountMode}}
						<div class="field">
							<div class="ui left icon input {{if and (.Err_Password) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeSignIn))}}error{{end}}">
								<i class="lock icon"></i>
								<input id="password" name="password" type="password" value="{{.password}}" placeholder="{{.i18n.Tr "password"}}" autocomplete="off" required>
							</div>
						</div>
						{{end}}
						{{if not .LinkAccountMode}}
						<div class="two fields inline">
							<div class="field">
								<div class="ui checkbox">
									<label>{{.i18n.Tr "auth.remember_me"}}</label>
									<input name="remember" type="checkbox">
								</div>
							</div>
							<div class="field" style="padding-right: 0; text-align: right;">
								<a href="{{AppSubUrl}}/user/forgot_password">{{.i18n.Tr "auth.forgot_password"}}</a>
							</div>
						</div>
						{{end}}

						<div class="ui hidden divider"></div>

						<div class="center aligned field">
							<button class="fluid large ui blue button">
								{{if .LinkAccountMode}}
									{{.i18n.Tr "auth.oauth_signin_submit"}}
								{{else}}
									{{.i18n.Tr "sign_in"}}
								{{end}}
							</button>
						</div>

						{{if and .OrderedOAuth2Names .OAuth2Providers}}
						<div class="ui centered grid">
							<div class="sixteen wide mobile ten wide tablet ten wide computer column">
								<div class="oauth2 center">
									<div id="oauth2-login-loader" class="ui disabled centered  loader"></div>
									<div>
										<div id="oauth2-login-navigator">
											<p>{{.i18n.Tr "sign_in_with"}}</p>
											{{range $key := .OrderedOAuth2Names}}
												{{$provider := index $.OAuth2Providers $key}}
												<a href="{{AppSubUrl}}/user/oauth2/{{$key}}">
													<img
														alt="{{$provider.DisplayName}}{{if eq $provider.Name "openidConnect"}} ({{$key}}){{end}}"
														title="{{$provider.DisplayName}}{{if eq $provider.Name "openidConnect"}} ({{$key}}){{end}}"
														class="{{$provider.Name}}"
														src="{{AppSubUrl}}{{$provider.Image}}"
														onclick="window.onOAuthLoginClick()"
													></a>
											{{end}}
										</div>
									</div>
								</div>
							</div>
						</div>
						{{end}}
						</form>
					</div>
				</div>
			</div>
		</div>