Skip to content

Commit 4d28f9d

Browse files
stampaaaronstampaaaron
committed
feat(mockup): introduce index navigation screen
1 parent 870c56f commit 4d28f9d

File tree

2 files changed

+224
-38
lines changed

2 files changed

+224
-38
lines changed

‎apps/mockup/index.html

Lines changed: 9 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,7 @@ <h2 class="visuallyhidden">Quicklinks und Sprachwechsel</h2>
145145
<section class="Intro">
146146
<div class="Intro--inner">
147147
<div class="Intro--top">
148-
<h1 class="Intro--title">Sign in</h1>
148+
<h1 class="Intro--title">Welcome!</h1>
149149
</div>
150150
</div>
151151
</section>
@@ -155,51 +155,22 @@ <h1 class="Intro--title">Sign in</h1>
155155
class="Form js-Form"
156156
id="form-uid-28"
157157
method="get"
158-
action="./dashboard.html"
158+
action="./login.html"
159159
enctype="multipart/form-data"
160160
>
161161
<div class="Form--body">
162-
<!-- component: FormInput -->
163-
<div class="FormInput">
164-
<!-- component: FormLabel --><label
165-
class="FormLabel"
166-
for="input-1"
167-
>Email<span title="Pflichtfeld">*</span></label
168-
><!-- /component: FormLabel -->
169-
<!-- component: Input --><input
170-
class="Input"
171-
autocomplete="off"
172-
id="input-1"
173-
name="input-1"
174-
type="text"
175-
required="required"
176-
/><!-- /component: Input -->
177-
</div>
178-
<!-- /component: FormInput -->
179-
<!-- component: FormInput -->
180-
<div class="FormInput">
181-
<!-- component: FormLabel --><label
182-
class="FormLabel"
183-
for="input-1"
184-
>Password<span title="Pflichtfeld">*</span></label
185-
><!-- /component: FormLabel -->
186-
<!-- component: Input --><input
187-
class="Input"
188-
autocomplete="off"
189-
id="input-1"
190-
name="input-1"
191-
type="password"
192-
required="required"
193-
/><!-- /component: Input -->
194-
</div>
195-
<!-- /component: FormInput -->
196-
<!-- component: FormButtons -->
197162
<div class="FormButtons">
198163
<!-- component: Button --><button
199164
class="Button color-primary size-large"
200165
type="submit"
201166
>
202-
<span class="Button--inner">Sign in</span></button
167+
<span class="Button--inner">Admin</span></button
168+
><!-- /component: Button -->
169+
<!-- component: Button --><a
170+
class="Button color-primary size-large"
171+
href="start-questionnaire.html"
172+
>
173+
<span class="Button--inner">Questionnaire</span></a
203174
><!-- /component: Button -->
204175
</div>
205176
<!-- /component: FormButtons -->

‎apps/mockup/login.html

Lines changed: 215 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,215 @@
1+
<!DOCTYPE html>
2+
<html lang="de" data-template="all">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Language Exposure Questionnaire</title>
7+
<link rel="stylesheet" href="./css/main.css?v=2024-03-20" />
8+
<link rel="modulepreload" href="./js/ui.mjs" />
9+
<link href="/pages/ct01/all-corporate-components.html" rel="canonical" />
10+
<link href="https://www.uzh.ch" rel="alternate" hreflang="x-default" />
11+
<link
12+
rel="preload"
13+
href="./fonts/WOFF2/SourceSans3-Regular.otf.woff2"
14+
as="font"
15+
type="font/woff2"
16+
crossorigin="anonymous"
17+
/>
18+
<link
19+
rel="preload"
20+
href="./fonts/WOFF2/SourceSans3-Semibold.otf.woff2"
21+
as="font"
22+
type="font/woff2"
23+
crossorigin="anonymous"
24+
/>
25+
<link
26+
rel="apple-touch-icon"
27+
sizes="180x180"
28+
href="/favicons/apple-touch-icon.png"
29+
/>
30+
<link
31+
rel="icon"
32+
type="image/png"
33+
sizes="32x32"
34+
href="/favicons/favicon-32x32.png"
35+
/>
36+
<link
37+
rel="icon"
38+
type="image/png"
39+
sizes="16x16"
40+
href="/favicons/favicon-16x16.png"
41+
/>
42+
<link rel="manifest" href="/favicons/site.webmanifest" />
43+
<link rel="shortcut icon" href="/favicons/favicon.ico" />
44+
<meta name="msapplication-TileColor" content="#ffffff" />
45+
<meta name="msapplication-config" content="/favicons/browserconfig.xml" />
46+
<meta name="theme-color" content="#ffffff" />
47+
<meta name="description" content="Page description" />
48+
<meta property="og:type" content="website" />
49+
<meta
50+
property="og:url"
51+
content="/pages/ct01/all-corporate-components.html"
52+
/>
53+
<meta property="og:title" content="All Components (Corporate)" />
54+
<meta property="og:description" content="Page description" />
55+
<meta
56+
property="og:image"
57+
content="../../dummy/shareimage_example_1200x630.jpg"
58+
/>
59+
<meta
60+
property="twitter:url"
61+
content="/pages/ct01/all-corporate-components.html"
62+
/>
63+
<meta property="twitter:title" content="All Components (Corporate)" />
64+
<meta property="twitter:description" content="Page description" />
65+
<meta
66+
property="twitter:image"
67+
content="../../dummy/shareimage_example_1200x630.jpg"
68+
/>
69+
<meta property="twitter:dnt" content="on" /></head
70+
><!-- Set template class here, e.g. template-s02-->
71+
72+
<body class="template-all">
73+
<!-- component: Header -->
74+
<header class="Header js-Header">
75+
<p class="visuallyhidden" aria-level="1" role="heading">
76+
Navigation auf uzh.ch
77+
</p>
78+
<div class="Header--top">
79+
<div class="Header--logo">
80+
<!-- component: Logo --><a class="Logo" href="index.html"
81+
><img
82+
src="./uzh_logo.svg"
83+
alt="Universität Zürich"
84+
width="208"
85+
height="92" /></a
86+
><!-- /component: Logo -->
87+
</div>
88+
<div class="Header--mobileButtons">
89+
<a
90+
class="Header--search"
91+
href="/node/pages/st04/st04_standard-inhaltseite-related-inpage.html"
92+
><span class="visuallyhidden">Suche</span
93+
><!-- component: Icon --><span class="Icon" data-name="24--search"
94+
><svg>
95+
<use xlink:href="#24--search"></use></svg></span
96+
><!-- /component: Icon --></a
97+
><button
98+
class="Header--burger js-Header--burger"
99+
type="button"
100+
aria-controls="main-nav"
101+
aria-expanded="false"
102+
>
103+
<span class="visuallyhidden">Navigation öffnen/schliessen</span
104+
><span class="Header--burger--open">
105+
<!-- component: Icon --><span class="Icon" data-name="24--menu"
106+
><svg>
107+
<use xlink:href="#24--menu"></use></svg></span
108+
><!-- /component: Icon --> </span
109+
><span class="Header--burger--close">
110+
<!-- component: Icon --><span class="Icon" data-name="24--close"
111+
><svg>
112+
<use xlink:href="#24--close"></use></svg></span
113+
><!-- /component: Icon -->
114+
</span>
115+
</button>
116+
</div>
117+
118+
<h2 class="Header--department">Language Exposure Questionnaire</h2>
119+
</div>
120+
<div class="Header--bottom js-Header--bottom">
121+
<div class="Header--bottom--inner">
122+
<!-- component: MainNav -->
123+
<div class="MainNav js-MainNav" id="main-nav" data-mode="lazy">
124+
<div class="MainNav--service js-Header--service">
125+
<!-- component: ServiceNav -->
126+
<h2 class="visuallyhidden">Quicklinks und Sprachwechsel</h2>
127+
<nav class="ServiceNav">
128+
<ul class="ServiceNav--list">
129+
<li class="ServiceNav--list--item">
130+
<a class="ServiceNav--link" href="">English</a>
131+
</li>
132+
</ul>
133+
</nav>
134+
<!-- /component: ServiceNav -->
135+
</div>
136+
</div>
137+
<!-- /component: MainNav -->
138+
</div>
139+
</div>
140+
</header>
141+
<!-- /component: Header -->
142+
<main>
143+
<section class="ContentArea">
144+
<!-- component: Intro -->
145+
<section class="Intro">
146+
<div class="Intro--inner">
147+
<div class="Intro--top">
148+
<h1 class="Intro--title">Sign in</h1>
149+
</div>
150+
</div>
151+
</section>
152+
<!-- /component: Intro -->
153+
<!-- component: Form -->
154+
<form
155+
class="Form js-Form"
156+
id="form-uid-28"
157+
method="get"
158+
action="./dashboard.html"
159+
enctype="multipart/form-data"
160+
>
161+
<div class="Form--body">
162+
<!-- component: FormInput -->
163+
<div class="FormInput">
164+
<!-- component: FormLabel --><label
165+
class="FormLabel"
166+
for="input-1"
167+
>Email<span title="Pflichtfeld">*</span></label
168+
><!-- /component: FormLabel -->
169+
<!-- component: Input --><input
170+
class="Input"
171+
autocomplete="off"
172+
id="input-1"
173+
name="input-1"
174+
type="text"
175+
required="required"
176+
/><!-- /component: Input -->
177+
</div>
178+
<!-- /component: FormInput -->
179+
<!-- component: FormInput -->
180+
<div class="FormInput">
181+
<!-- component: FormLabel --><label
182+
class="FormLabel"
183+
for="input-1"
184+
>Password<span title="Pflichtfeld">*</span></label
185+
><!-- /component: FormLabel -->
186+
<!-- component: Input --><input
187+
class="Input"
188+
autocomplete="off"
189+
id="input-1"
190+
name="input-1"
191+
type="password"
192+
required="required"
193+
/><!-- /component: Input -->
194+
</div>
195+
<!-- /component: FormInput -->
196+
<!-- component: FormButtons -->
197+
<div class="FormButtons">
198+
<!-- component: Button --><button
199+
class="Button color-primary size-large"
200+
type="submit"
201+
>
202+
<span class="Button--inner">Sign in</span></button
203+
><!-- /component: Button -->
204+
</div>
205+
<!-- /component: FormButtons -->
206+
</div>
207+
</form>
208+
<!-- /component: Form -->
209+
</section>
210+
<!-- /component: ContentArea -->
211+
</main>
212+
<!-- component: Footer -->
213+
<script></script>
214+
</body>
215+
</html>

0 commit comments

Comments
 (0)