Page for PII review, styles

wwWallet · Sep 29, 2023 · cc3a3ca · cc3a3ca
1 parent b8fb450
commit cc3a3ca
Show file tree

Hide file tree

Showing 9 changed files with 76 additions and 12 deletions.
diff --git a/public/styles/header.css b/public/styles/header.css
@@ -1,4 +1,4 @@
-#Header .header {
+#Header .header, #Header .header-plain {
 	height: auto;
 	width: 100%;
 	background-color: var(--primary-color);
@@ -8,7 +8,9 @@
 	position: relative;
 	top: 0;
 }
-
+#Header .header-plain {
+	background-color: #162F44;
+}
 #Header .header-content {
 	font-family: var(--header-font);
 	font-size: 35px;

diff --git a/public/styles/login.css b/public/styles/login.css
@@ -10,6 +10,7 @@
 
 #Login .login-box {
 	width: 40%;
+	padding: 30px;
 	min-width: 300px;
 	border-radius: 4.2px;
   box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.2);

diff --git a/public/styles/selection.css b/public/styles/selection.css
@@ -1,6 +1,5 @@
 .dropdownContainer {
-	margin: 10em auto;
-	width: 50%;
+	margin: 3em auto;
 	text-align: center;
 }
 
@@ -11,4 +10,21 @@
 .Btn {
 	margin: 50px auto;
 	width: 150px;
+}
+
+.dropdownLabel {
+	font-size: 35px;
+	color: #003476;
+	font-weight: 700;
+}
+
+.issuerDropdown {
+	transition: all 100ms;
+	background-color: hsl(0, 0%, 100%);
+	border-color: hsl(0, 0%, 87%);
+	border-radius: 4px;
+	border-style: solid;
+	border-width: 1px;
+	width: 100%;
+	font-size: 18px;
 }
diff --git a/views/header.pug b/views/header.pug
@@ -1,7 +1,7 @@
 #Header
 	.header
-		.ribbon
-			a.ribbonText EBSI DEMO
+		//- .ribbon
+		//- 	a.ribbonText EBSI DEMO
 		//- span.language-switch
 		//- 	if lang == "en"
 		//- 		button#lang-el EL

diff --git a/views/issuer/login.pug b/views/issuer/login.pug
@@ -1,11 +1,11 @@
-extends ../layout.pug
+extends ../plain-layout.pug
 block layout-content
 
 	.main-container
 		#Login
 			.login-flex
 				.login-flex.login-box.item
-					h1.item #{locale.login.title}
+					h2.item #{locale.login.title}
 					p.item #{locale.login.description}
 					form(name="login" method="post")
 						input#csrf-token(type="hidden" name="csrf-token" value="")
@@ -19,7 +19,7 @@ block layout-content
 						p.invalid-feedback#invalid-password #{locale.login.error.emptyPassword}
 						p.invalid-feedback#invalid-credentials #{locale.login.error.invalidCredentials}
 						p.invalid-feedback#network-error #{locale.login.error.networkError}
-
+						br
 						.login-flex
 							button.Btn.Large
 								| #{locale.login.btnText}

diff --git a/views/issuer/personal-info.pug b/views/issuer/personal-info.pug
@@ -0,0 +1,30 @@
+extends ../layout.pug
+block layout-content
+
+	form#confirmInfo(name="proceed" method="POST")
+		.personal-container
+			h2 #{locale.personalInfo.title}
+			p #{locale.personalInfo.subtitle}
+			table.info-table.striped
+				tbody
+					tr
+						td #[strong #{locale.personalInfo.firstName}]
+						td CHRISTOS
+					tr
+						td #[strong #{locale.personalInfo.lastName}]
+						td DOKIMASTIKOS
+					tr
+						td #[strong #{locale.personalInfo.ssn}]
+						td #{info.ssn}
+					tr
+						td #[strong #{locale.personalInfo.taxisId}]
+						td #{info.taxis_id}
+			hr
+			p #{locale.personalInfo.acknowledgement}
+
+			.action-group
+				button.Btn.Medium.gray #{locale.personalInfo.back}
+				button.Btn.Medium.Landing(id="mainBtn" name="proceed" type="submit") #{locale.personalInfo.proceed}
+
+	link(rel="stylesheet" href="/styles/styles.css")
+	link(rel="stylesheet" href="/styles/profile.css")
diff --git a/views/issuer/selection.pug b/views/issuer/selection.pug
@@ -3,11 +3,11 @@ block layout-content
 
 	form#IssuerSelection(name="issuer" method="POST")
 		.main-container
+			p(class="dropdownLabel") Choose an Issuing Institution
 			div(class='dropdownContainer')
-				p(class="dropdownLabel") Choose issuer
 				select(name="issuer" class='issuerDropdown')
-					option(value="uoa" selected) National and Kapodistrian University of Athens 
-					option(value="uwa") University of West Attica 
+					option(value="uoa" selected) National and Kapodistrian University of Athens
+					option(value="uwa") University of West Attica
 					option(value="aegean") University of the Aegean
 				button.Btn.Large.Landing(id="mainBtn" type="submit") #{locale.index.proceed}
 

diff --git a/views/plain-header.pug b/views/plain-header.pug
@@ -0,0 +1,8 @@
+#Header
+	.header-plain
+		.header-content
+			a.logo-area(href="/")
+				span.logo-text #{locale.plainHeader.title}
+		p.header-subtitle #{locale.plainHeader.subtitle}
+		br
+link(rel="stylesheet" href="/styles/header.css")
diff --git a/views/plain-layout.pug b/views/plain-layout.pug
@@ -0,0 +1,7 @@
+html
+	head
+		include head.pug
+	body
+		block header
+			include plain-header.pug
+		block layout-content