commit dc0ad433397a6f1c0df05418575c68905e6b0b2b
parent 89140954675b5de8269181f6a8082c36c83c259b
Author: Martin Schanzenbach <schanzen@gnunet.org>
Date: Sun, 26 Jan 2025 12:16:05 +0100
more styling
Diffstat:
8 files changed, 26 insertions(+), 11 deletions(-)
diff --git a/locales/en-US/taldir.yml b/locales/en-US/taldir.yml
@@ -6,8 +6,8 @@ selectAliasToLookupOrLink: "Select a type of alias that you want to look up or l
lookupOrRegister: "Look up or register"
validationInitiated: "Alias validation initiated"
pleaseCompleteValidation: "Please complete your alias validation according to the instructions sent to you so that we can be sure it is really you!"
-notYetLinked: "`%s` is not yet linked with any Payment System Address. You may use an IBAN or a Taler wallet address:"
-isLinked: "`%s` is linked with a Payment System Address"
+notYetLinked: "`%s' is not yet linked with any Payment System Address. You may use an IBAN or a Taler wallet address:"
+isLinked: "`%s' is linked with a Payment System Address"
paymentSystemAddress: "Payment System Address"
paymentSystemAddressExample: "i.e. payto://iban/DE07123412341234123412"
linkIt: "Link it"
diff --git a/static/css/style.css b/static/css/style.css
@@ -7,3 +7,13 @@
border: 1px solid #555;
border-radius: 1em;
}
+
+.card {
+ box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
+ border: 1px solid #e6e4e9;
+ border-radius: 8px;
+}
+
+body {
+ background-color: #fefefe;
+}
diff --git a/web/templates/imprint.html b/web/templates/imprint.html
@@ -5,6 +5,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="/css/bootstrap.min.css" rel="stylesheet">
+ <link href="/css/style.css" rel="stylesheet">
<link href="/fontawesome/css/fontawesome.css" rel="stylesheet" />
<link href="/fontawesome/css/solid.css" rel="stylesheet" />
<title>{{ call .tr "title" }}</title>
diff --git a/web/templates/landing.html b/web/templates/landing.html
@@ -5,6 +5,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="/css/bootstrap.min.css" rel="stylesheet">
+ <link href="/css/style.css" rel="stylesheet">
<link href="/fontawesome/css/fontawesome.css" rel="stylesheet" />
<link href="/fontawesome/css/solid.css" rel="stylesheet" />
<title>{{ call .tr "title" }}</title>
@@ -28,7 +29,7 @@
{{range .validators}}
<div class="row">
<div class="col-lg-4 mb-2 offset-lg-3 text-center d-grid gap-2">
- <a href="/landing/{{.Name}}" class="btn btn-primary btn-block">{{ call $.tr .Name}}</a>
+ <a href="/landing/{{.Name}}" class="btn btn-outline-primary btn-block">{{ call $.tr .Name}}</a>
</div>
</div>
{{end}}
diff --git a/web/templates/landing_email.html b/web/templates/landing_email.html
@@ -5,6 +5,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="/css/bootstrap.min.css" rel="stylesheet">
+ <link href="/css/style.css" rel="stylesheet">
<link href="/fontawesome/css/fontawesome.css" rel="stylesheet" />
<link href="/fontawesome/css/solid.css" rel="stylesheet" />
<title>{{ call .tr "title" }}</title>
@@ -34,7 +35,7 @@
<input type="text" name="address" class="form-control" placeholder="jdoe@example.com" aria-label="Default" aria-describedby="inputGroup-sizing-default" data-sb-validations="required,email">
<div class="invalid-feedback text-white" data-sb-feedback="emailAddressBelow:required">Email Address is required.</div>
<div class="invalid-feedback text-white" data-sb-feedback="emailAddressBelow:email">Email Address is not valid.</div>
- <input class="input-group-text btn btn-primary" type="submit" value="{{ call .tr "lookup" }}">
+ <input class="input-group-text btn btn-outline-primary" type="submit" value="{{ call .tr "lookup" }}">
</div>
</div>
</div>
diff --git a/web/templates/landing_phone.html b/web/templates/landing_phone.html
@@ -5,6 +5,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="/css/bootstrap.min.css" rel="stylesheet">
+ <link href="/css/style.css" rel="stylesheet">
<link href="/fontawesome/css/fontawesome.css" rel="stylesheet" />
<link href="/fontawesome/css/solid.css" rel="stylesheet" />
<title>{{ call .tr "title" }}</title>
@@ -32,7 +33,7 @@
<div class="input-group mb-3">
<span class="input-group-text" id="inputGroup-sizing-default">+</span>
<input type="text" name="address" class="form-control" aria-label="Default" placeholder="49123456789" aria-describedby="inputGroup-sizing-default">
- <input class="input-group-text btn btn-primary" type="submit" value="{{ call .tr "lookup" }}">
+ <input class="input-group-text btn btn-outline-primary" type="submit" value="{{ call .tr "lookup" }}">
</div>
</div>
</div>
diff --git a/web/templates/lookup_result.html b/web/templates/lookup_result.html
@@ -5,6 +5,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="/css/bootstrap.min.css" rel="stylesheet">
+ <link href="/css/style.css" rel="stylesheet">
<link href="/fontawesome/css/fontawesome.css" rel="stylesheet" />
<link href="/fontawesome/css/solid.css" rel="stylesheet" />
<title>{{ call .tr "title" }}</title>
@@ -40,9 +41,9 @@
<div class="row">
<div class="col-lg-8 offset-lg-2 text-center">
<div class="input-group mb-3">
- <span class="input-group-text" id="inputGroup-sizing-default">{{.address}}: </span>
+ <!--<span class="input-group-text" id="inputGroup-sizing-default">{{.address}}: </span>-->
<input id="uriInput" name="target_uri" type="text" class="form-control" placeholder="{{ call .tr "paymentSystemAddressExample" }}" aria-label="Default" aria-describedby="inputGroup-sizing-default">
- <input class="input-group-text btn btn-primary" type="submit" value="{{ call .tr "linkIt" }}">
+ <input class="input-group-text btn btn-outline-primary" type="submit" value="{{ call .tr "linkIt" }}">
</div>
</div>
</div>
@@ -60,9 +61,9 @@
<div class="row">
<div class="col-lg-6 offset-lg-3 text-center">
<div class="input-group mb-3">
- <span class="input-group-text" id="inputGroup-sizing-default">{{.address}}: </span>
+ <!--<span class="input-group-text" id="inputGroup-sizing-default">{{.address}}: </span>-->
<input disabled="disabled" type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default" value="{{.result}}">
- <input class="input-group-text btn btn-danger" type="submit" value="{{ call .tr "deleteIt" }}">
+ <input class="input-group-text btn btn-outline-danger" type="submit" value="{{ call .tr "deleteIt" }}">
</div>
</div>
</div>
diff --git a/web/templates/validation_landing.html b/web/templates/validation_landing.html
@@ -4,8 +4,8 @@
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <link href="/css/style.css" rel="stylesheet">
<link href="/css/bootstrap.min.css" rel="stylesheet">
+ <link href="/css/style.css" rel="stylesheet">
<title>Validation Landing Page</title>
</head>
<body>
@@ -43,7 +43,7 @@
<form id="regform">
<input id="haddrInput" name="haddr" type="hidden" value="{{.haddress}}">
<input id="solutionInput" name="solution" type="hidden" value="{{.solution}}">
- <input class="btn btn-primary" type="submit" value="{{ call .tr "confirm" }}">
+ <input class="btn btn-outline-primary" type="submit" value="{{ call .tr "confirm" }}">
</form>
</div>
</div>
