{content}
{if FACEBOOK_PUBLIC_KEY !== '' && FACEBOOK_PRIVATE_KEY !== ''}
<li id="facebookAuth" class="thirdPartyLogin">
- <a href="{link controller='FacebookAuth'}{/link}" class="button thirdPartyLoginButton facebookLoginButton">{icon size=24 name='facebook' type='brand'} <span>{lang}wcf.user.3rdparty.facebook.login{/lang}</span></a>
+ <a
+ href="{link controller='FacebookAuth'}{/link}"
+ class="button thirdPartyLoginButton facebookLoginButton"
+ rel="nofollow"
- ><span class="icon icon24 fa-facebook-official"></span> <span>{lang}wcf.user.3rdparty.facebook.login{/lang}</span></a>
++ >{icon size=24 name='facebook' type='brand'} <span>{lang}wcf.user.3rdparty.facebook.login{/lang}</span></a>
</li>
{/if}
{if GOOGLE_PUBLIC_KEY !== '' && GOOGLE_PRIVATE_KEY !== ''}
<li id="googleAuth" class="thirdPartyLogin">
- <a href="{link controller='GoogleAuth'}{/link}" class="button thirdPartyLoginButton googleLoginButton">{icon size=24 name='google' type='brand'} <span>{lang}wcf.user.3rdparty.google.login{/lang}</span></a>
+ <a
+ href="{link controller='GoogleAuth'}{/link}"
+ class="button thirdPartyLoginButton googleLoginButton"
+ rel="nofollow"
- ><span class="icon icon24 fa-google"></span> <span>{lang}wcf.user.3rdparty.google.login{/lang}</span></a>
++ >{icon size=24 name='google' type='brand'} <span>{lang}wcf.user.3rdparty.google.login{/lang}</span></a>
</li>
{/if}
{if TWITTER_PUBLIC_KEY !== '' && TWITTER_PRIVATE_KEY !== ''}
<li id="twitterAuth" class="thirdPartyLogin">
- <a href="{link controller='TwitterAuth'}{/link}" class="button thirdPartyLoginButton twitterLoginButton">{icon size=24 name='twitter' type='brand'} <span>{lang}wcf.user.3rdparty.twitter.login{/lang}</span></a>
+ <a
+ href="{link controller='TwitterAuth'}{/link}"
+ class="button thirdPartyLoginButton twitterLoginButton"
+ rel="nofollow"
- ><span class="icon icon24 fa-twitter"></span> <span>{lang}wcf.user.3rdparty.twitter.login{/lang}</span></a>
++ >{icon size=24 name='twitter' type='brand'} <span>{lang}wcf.user.3rdparty.twitter.login{/lang}</span></a>
</li>
{/if}
{if GITHUB_PUBLIC_KEY !== '' && GITHUB_PRIVATE_KEY !== ''}
<li id="githubAuth" class="thirdPartyLogin">
- <a href="{link controller='GithubAuth'}{/link}" class="button thirdPartyLoginButton githubLoginButton">{icon size=24 name='github' type='brand'} <span>{lang}wcf.user.3rdparty.github.login{/lang}</span></a>
+ <a
+ href="{link controller='GithubAuth'}{/link}"
+ class="button thirdPartyLoginButton githubLoginButton"
+ rel="nofollow"
- ><span class="icon icon24 fa-github"></span> <span>{lang}wcf.user.3rdparty.github.login{/lang}</span></a>
++ >{icon size=24 name='github' type='brand'} <span>{lang}wcf.user.3rdparty.github.login{/lang}</span></a>
</li>
{/if}
</li>
</ul>
</nav>
- <a href="{link controller='Login' url=$__wcf->getRequestURI()}{/link}" class="userPanelLoginLink jsTooltip" title="{lang}wcf.user.loginOrRegister{/lang}">
+{if $__wcf->user->userID}
+ <button type="button" class="pageHeaderUserMobile" aria-expanded="false" aria-label="{lang}wcf.menu.user{/lang}">
+ <span class="pageHeaderUserMobileInactive">
+ {@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(32, false)}
+ </span>
+ <span class="pageHeaderUserMobileActive">
+ {icon size=32 name='xmark'}
+ </span>
+ </button>
+{else}
++ <a
++ href="{link controller='Login' url=$__wcf->getRequestURI()}{/link}"
++ class="userPanelLoginLink jsTooltip"
++ title="{lang}wcf.user.loginOrRegister{/lang}"
++ rel="nofollow"
++ >
+ {icon size=32 name='arrow-right-to-bracket'}
+ </a>
+{/if}
<h2 class="sectionTitle">{lang}wcf.user.login{/lang}</h2>
<p>{lang}wcf.page.error.loginAvailable{/lang}</p>
- <p style="margin-top: 20px"><a href="{link controller='Login' url=$__wcf->getRequestURI()}{/link}" class="button">{icon name='key'} {lang}wcf.user.loginOrRegister{/lang}</a></p>
+ <p style="margin-top: 20px">
+ <a
+ href="{link controller='Login' url=$__wcf->getRequestURI()}{/link}"
+ class="button"
+ rel="nofollow"
- ><span class="icon icon16 fa-key"></span> {lang}wcf.user.loginOrRegister{/lang}</a>
++ >{icon name='key'} {lang}wcf.user.loginOrRegister{/lang}</a>
+ </p>
</section>
{/if}