Skip to content

Commit

Permalink
Tweak Login Page
Browse files Browse the repository at this point in the history
  • Loading branch information
@nanoparsec
nanoparsec committed Jul 25, 2024
1 parent 765cca2 commit 4e89f45
Show file tree
Hide file tree
Showing 4 changed files with 4 additions and 142 deletions.
1 change: 1 addition & 0 deletions lib/components/login-form/_login-form.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
}

.login-form__text {
margin-top: $spacer-sm;
margin-bottom: $spacer-base;
font-size: $font-size-md;
}
Expand Down
4 changes: 1 addition & 3 deletions lib/views/login_page/_login-page.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@
.login-page {
.login-form {
margin-bottom: $spacer-lg;
}
min-height: 70vh;
}
69 changes: 0 additions & 69 deletions lib/views/login_page/login_page.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,35 +2,6 @@ title: Login Page
description: This view shows how the login page should look like

```html
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<scroll-nav>
<nav class="navbar-wrapper">
<div class="announcement">
<p class="announcement__text">🔥 It‘s H.O.T. <a class="announcement__link" href="/de/topics/data-mesh-workshop/">Get ice cream for free</a></p>
</div>
<div class="navbar">
<a href="#" class="navbar__brand-link">
<img class="navbar__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
</a>
<a href="#" class="navigation-login">Login</a>
<input type="checkbox" id="navbar__checkbox" />
<div class="navigation-main">
<ul role="list" aria-label="Seitennavigation" class="navbar__items">
<li><a href="#" class="navbar__item">Trainings</a></li>
<li><a href="#" class="navbar__item">Trainer:innen</a></li>
<li><a href="#" class="navbar__item">Preise</a></li>
<li><a href="#" class="navbar__item">iSAQB</a></li>
</ul>
<ul class="navigation-meta" role="list" aria-label="Verfügbare Sprachen">
<li><a lang="de" href="#" title="Zu Deutsch wechseln" aria-label="Zu Deutsch wechseln" class="navigation-meta__item">DE</a></li>
<li><a lang="en" href="#" title="Switch to English" aria-label="Switch to English" aria-current="true" class="navigation-meta__item">EN</a></li>
</ul>
</div>
<label class="navbar__burger" for="navbar__checkbox"></label>
</div>
</nav>
</scroll-nav>

<header class="header">
<div class="header__wrapper">
<div class="breadcrumb">
Expand All @@ -48,7 +19,6 @@ description: This view shows how the login page should look like
<img class="login-form__image" src="/snippet/images/illustrations/iconteamrabatt.png" alt="" />
<h1 class="login-form__headline">Socreatory Login</h1>
<p class="login-form__text">Logge dich mit deiner E-Mail-Adresse ein.</p>

<form class="form" id="#" novalidate="novalidate" action="/contact_forms" accept-charset="UTF-8" method="post">
<input type="hidden" name="authenticity_token" value="tPXLZMbkf1Q1ql0crdbMM0sWjRiEePOcopgX4Uxd4ekO70UI7Mn4dAhL_lp7Uwx_VXPL_g9j7iOWZQcuRmqrlw" />
<div class="form__field field__size--full form__field--is-invalid">
Expand All @@ -61,43 +31,4 @@ description: This view shows how the login page should look like
</div>
</div>
</main>

<footer>
<div class="footer__top">
<div class="footer__top__content">
<img class="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
<h2>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen.</h2>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
</div>
</form>
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="footer__bottom__content">
<span class="footer__company">socreatory — The Software Creators’ Academy</span>
<span class="footer__copyright">©2023</span>
</div>
</div>
</footer>
```
72 changes: 2 additions & 70 deletions lib/views/login_page_success/login_page_success.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,35 +2,6 @@ title: Login Page Successs
description: This view shows how the login page should look like after sending the magic link

```html
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<scroll-nav>
<nav class="navbar-wrapper">
<div class="announcement">
<p class="announcement__text">🔥 It‘s H.O.T. <a class="announcement__link" href="/de/topics/data-mesh-workshop/">Get ice cream for free</a></p>
</div>
<div class="navbar">
<a href="#" class="navbar__brand-link">
<img class="navbar__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
</a>
<a href="#" class="navigation-login">Login</a>
<input type="checkbox" id="navbar__checkbox" />
<div class="navigation-main">
<ul role="list" aria-label="Seitennavigation" class="navbar__items">
<li><a href="#" class="navbar__item">Trainings</a></li>
<li><a href="#" class="navbar__item">Trainer:innen</a></li>
<li><a href="#" class="navbar__item">Preise</a></li>
<li><a href="#" class="navbar__item">iSAQB</a></li>
</ul>
<ul class="navigation-meta" role="list" aria-label="Verfügbare Sprachen">
<li><a lang="de" href="#" title="Zu Deutsch wechseln" aria-label="Zu Deutsch wechseln" class="navigation-meta__item">DE</a></li>
<li><a lang="en" href="#" title="Switch to English" aria-label="Switch to English" aria-current="true" class="navigation-meta__item">EN</a></li>
</ul>
</div>
<label class="navbar__burger" for="navbar__checkbox"></label>
</div>
</nav>
</scroll-nav>

<header class="header">
<div class="header__wrapper">
<div class="breadcrumb">
Expand All @@ -46,48 +17,9 @@ description: This view shows how the login page should look like after sending t
<div class="container container--centered">
<div class="login-form">
<img class="login-form__image" src="/snippet/images/illustrations/iconteamrabatt.png" alt="" />
<h1 class="login-form__headline">Socreatory Login</h1>
<p class="login-form__text--success">Vielen Dank, wir haben eine email an deine Adresse geschickt.</p>
<h1 class="login-form__headline">socreatory Login</h1>
<p class="login-form__text login-form__text--success">Vielen Dank, wir haben eine email an deine Adresse geschickt.</p>
</div>
</div>
</main>

<footer>
<div class="footer__top">
<div class="footer__top__content">
<img class="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
<h2>Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen.</h2>
<form class="form" action="#" method="post" target="_blank">
<div class="form__field">
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
</div>
<div class="form__field">
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
<input class="form__input" type="email" name="email" id="text8475487" />
</div>
</form>
<div class="footer__linkarea">
<ul class="footer__links">
<li class="footer__link"><a href="#">Trainings</a></li>
<li class="footer__link"><a href="#">Trainer:innen</a></li>
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
<li class="footer__link"><a href="#">News</a></li>
</ul>
<ul class="footer__links">
<li class="footer__link"><a href="#">Impressum</a></li>
<li class="footer__link"><a href="#">Datenschutz</a></li>
<li class="footer__link"><a href="#">AGB</a></li>
<li class="footer__link"><a href="#">Kontakt</a></li>
</ul>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="footer__bottom__content">
<span class="footer__company">socreatory — The Software Creators’ Academy</span>
<span class="footer__copyright">©2023</span>
</div>
</div>
</footer>
```

0 comments on commit 4e89f45

Please sign in to comment.