Skip to content

Commit 4e89f45

Browse files
nanoparsecnanoparsec
committed
Tweak Login Page
1 parent 765cca2 commit 4e89f45

File tree

4 files changed

+4
-142
lines changed

4 files changed

+4
-142
lines changed

‎lib/components/login-form/_login-form.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
}
1616

1717
.login-form__text {
18+
margin-top: $spacer-sm;
1819
margin-bottom: $spacer-base;
1920
font-size: $font-size-md;
2021
}

‎lib/views/login_page/_login-page.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
11
.login-page {
2-
.login-form {
3-
margin-bottom: $spacer-lg;
4-
}
2+
min-height: 70vh;
53
}

‎lib/views/login_page/login_page.md

Lines changed: 0 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -2,35 +2,6 @@ title: Login Page
22
description: This view shows how the login page should look like
33

44
```html
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<scroll-nav>
7-
<nav class="navbar-wrapper">
8-
<div class="announcement">
9-
<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>
10-
</div>
11-
<div class="navbar">
12-
<a href="#" class="navbar__brand-link">
13-
<img class="navbar__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
14-
</a>
15-
<a href="#" class="navigation-login">Login</a>
16-
<input type="checkbox" id="navbar__checkbox" />
17-
<div class="navigation-main">
18-
<ul role="list" aria-label="Seitennavigation" class="navbar__items">
19-
<li><a href="#" class="navbar__item">Trainings</a></li>
20-
<li><a href="#" class="navbar__item">Trainer:innen</a></li>
21-
<li><a href="#" class="navbar__item">Preise</a></li>
22-
<li><a href="#" class="navbar__item">iSAQB</a></li>
23-
</ul>
24-
<ul class="navigation-meta" role="list" aria-label="Verfügbare Sprachen">
25-
<li><a lang="de" href="#" title="Zu Deutsch wechseln" aria-label="Zu Deutsch wechseln" class="navigation-meta__item">DE</a></li>
26-
<li><a lang="en" href="#" title="Switch to English" aria-label="Switch to English" aria-current="true" class="navigation-meta__item">EN</a></li>
27-
</ul>
28-
</div>
29-
<label class="navbar__burger" for="navbar__checkbox"></label>
30-
</div>
31-
</nav>
32-
</scroll-nav>
33-
345
<header class="header">
356
<div class="header__wrapper">
367
<div class="breadcrumb">
@@ -48,7 +19,6 @@ description: This view shows how the login page should look like
4819
<img class="login-form__image" src="/snippet/images/illustrations/iconteamrabatt.png" alt="" />
4920
<h1 class="login-form__headline">Socreatory Login</h1>
5021
<p class="login-form__text">Logge dich mit deiner E-Mail-Adresse ein.</p>
51-
5222
<form class="form" id="#" novalidate="novalidate" action="/contact_forms" accept-charset="UTF-8" method="post">
5323
<input type="hidden" name="authenticity_token" value="tPXLZMbkf1Q1ql0crdbMM0sWjRiEePOcopgX4Uxd4ekO70UI7Mn4dAhL_lp7Uwx_VXPL_g9j7iOWZQcuRmqrlw" />
5424
<div class="form__field field__size--full form__field--is-invalid">
@@ -61,43 +31,4 @@ description: This view shows how the login page should look like
6131
</div>
6232
</div>
6333
</main>
64-
65-
<footer>
66-
<div class="footer__top">
67-
<div class="footer__top__content">
68-
<img class="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
69-
<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>
70-
<form class="form" action="#" method="post" target="_blank">
71-
<div class="form__field">
72-
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
73-
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
74-
</div>
75-
<div class="form__field">
76-
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
77-
<input class="form__input" type="email" name="email" id="text8475487" />
78-
</div>
79-
</form>
80-
<div class="footer__linkarea">
81-
<ul class="footer__links">
82-
<li class="footer__link"><a href="#">Trainings</a></li>
83-
<li class="footer__link"><a href="#">Trainer:innen</a></li>
84-
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
85-
<li class="footer__link"><a href="#">News</a></li>
86-
</ul>
87-
<ul class="footer__links">
88-
<li class="footer__link"><a href="#">Impressum</a></li>
89-
<li class="footer__link"><a href="#">Datenschutz</a></li>
90-
<li class="footer__link"><a href="#">AGB</a></li>
91-
<li class="footer__link"><a href="#">Kontakt</a></li>
92-
</ul>
93-
</div>
94-
</div>
95-
</div>
96-
<div class="footer__bottom">
97-
<div class="footer__bottom__content">
98-
<span class="footer__company">socreatory — The Software Creators’ Academy</span>
99-
<span class="footer__copyright">©2023</span>
100-
</div>
101-
</div>
102-
</footer>
10334
```

‎lib/views/login_page_success/login_page_success.md

Lines changed: 2 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -2,35 +2,6 @@ title: Login Page Successs
22
description: This view shows how the login page should look like after sending the magic link
33

44
```html
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<scroll-nav>
7-
<nav class="navbar-wrapper">
8-
<div class="announcement">
9-
<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>
10-
</div>
11-
<div class="navbar">
12-
<a href="#" class="navbar__brand-link">
13-
<img class="navbar__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
14-
</a>
15-
<a href="#" class="navigation-login">Login</a>
16-
<input type="checkbox" id="navbar__checkbox" />
17-
<div class="navigation-main">
18-
<ul role="list" aria-label="Seitennavigation" class="navbar__items">
19-
<li><a href="#" class="navbar__item">Trainings</a></li>
20-
<li><a href="#" class="navbar__item">Trainer:innen</a></li>
21-
<li><a href="#" class="navbar__item">Preise</a></li>
22-
<li><a href="#" class="navbar__item">iSAQB</a></li>
23-
</ul>
24-
<ul class="navigation-meta" role="list" aria-label="Verfügbare Sprachen">
25-
<li><a lang="de" href="#" title="Zu Deutsch wechseln" aria-label="Zu Deutsch wechseln" class="navigation-meta__item">DE</a></li>
26-
<li><a lang="en" href="#" title="Switch to English" aria-label="Switch to English" aria-current="true" class="navigation-meta__item">EN</a></li>
27-
</ul>
28-
</div>
29-
<label class="navbar__burger" for="navbar__checkbox"></label>
30-
</div>
31-
</nav>
32-
</scroll-nav>
33-
345
<header class="header">
356
<div class="header__wrapper">
367
<div class="breadcrumb">
@@ -46,48 +17,9 @@ description: This view shows how the login page should look like after sending t
4617
<div class="container container--centered">
4718
<div class="login-form">
4819
<img class="login-form__image" src="/snippet/images/illustrations/iconteamrabatt.png" alt="" />
49-
<h1 class="login-form__headline">Socreatory Login</h1>
50-
<p class="login-form__text--success">Vielen Dank, wir haben eine email an deine Adresse geschickt.</p>
20+
<h1 class="login-form__headline">socreatory Login</h1>
21+
<p class="login-form__text login-form__text--success">Vielen Dank, wir haben eine email an deine Adresse geschickt.</p>
5122
</div>
5223
</div>
5324
</main>
54-
55-
<footer>
56-
<div class="footer__top">
57-
<div class="footer__top__content">
58-
<img class="footer__logo" src="/snippet/images/logos/soc_logo.svg" alt="Software Creators Academy Logo" />
59-
<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>
60-
<form class="form" action="#" method="post" target="_blank">
61-
<div class="form__field">
62-
<label class="form__label" for="cr_form-input--text8475472">Wie heißt Du? <abbr title="required">*</abbr></label>
63-
<input class="form__input" type="text" name="1121423" id="cr_form-input--text8475472" />
64-
</div>
65-
<div class="form__field">
66-
<label class="form__label" for="text8475487">E-Mail <abbr title="required">*</abbr></label>
67-
<input class="form__input" type="email" name="email" id="text8475487" />
68-
</div>
69-
</form>
70-
<div class="footer__linkarea">
71-
<ul class="footer__links">
72-
<li class="footer__link"><a href="#">Trainings</a></li>
73-
<li class="footer__link"><a href="#">Trainer:innen</a></li>
74-
<li class="footer__link"><a href="#">Modulbaukasten</a></li>
75-
<li class="footer__link"><a href="#">News</a></li>
76-
</ul>
77-
<ul class="footer__links">
78-
<li class="footer__link"><a href="#">Impressum</a></li>
79-
<li class="footer__link"><a href="#">Datenschutz</a></li>
80-
<li class="footer__link"><a href="#">AGB</a></li>
81-
<li class="footer__link"><a href="#">Kontakt</a></li>
82-
</ul>
83-
</div>
84-
</div>
85-
</div>
86-
<div class="footer__bottom">
87-
<div class="footer__bottom__content">
88-
<span class="footer__company">socreatory — The Software Creators’ Academy</span>
89-
<span class="footer__copyright">©2023</span>
90-
</div>
91-
</div>
92-
</footer>
9325
```

0 commit comments

Comments
 (0)