YunoHost/pepettes
1
0
Fork 0
mirror of https://github.com/YunoHost/pepettes.git synced 2024-09-03 20:06:20 +02:00
Code Issues Projects Releases Packages Wiki Activity

update bootstrap & add dark mode on 'success' & 'canceled' pages too

Browse source
This commit is contained in:
OniriCorpe 2024-05-22 03:04:27 +02:00
parent f85a0cd408
commit b1d3177384
3 changed files with 53 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
assets/canceled.html
View file

@ -1,25 +1,32 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ _('Donate to %(name)s', name=name) }}</title> <title>{{ _('Donate to %(name)s', name=name) }}</title>
<link rel="icon" href="{{ favicon }}" type="image/x-icon" /> <link rel="icon" href="{{ favicon }}" type="image/x-icon" />
<link href="./css/bootstrap-5.0.0-beta2.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous"> <link href="./css/bootstrap-5.3.3.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="./css/global.css" rel="stylesheet" /> <link href="./css/global.css" rel="stylesheet" />
</head> <script src="./darkmode.js" defer></script>
</head>
<body class="text-center"> <body class="text-center">
<main class="form-donate"> <main class="form-donate">
<div> <div>
<img src="{{ logo }}" class="mb-4" alt="" width="74" height="74"/> <img src="{{ logo }}" class="mb-4" alt="{{ _('%(name)s Logo', name=name) }}" max-width="7em" />
<h1 class="h3 mb-3 fw-normal">{{ _('Your payment was canceled') }}</h1> <h1 class="h3 mb-3 fw-normal">{{ _('Your payment was canceled') }}</h1>
<button onclick="window.location.href = '/';" class="w-100 btn btn-lg btn-primary">{{ _('Go back to the donate form') }}</button> <button onclick="window.location.href = '/';" class="w-100 btn btn-lg btn-primary">
{{ _('Go back to the donate form') }}
</button>
</div> </div>
</main> </main>
</body> </body>
</html> </html>

4
assets/index.html
View file

@ -40,7 +40,9 @@
</select> </select>
</div> </div>
<button id="submit" class="w-100 btn btn-lg btn-primary">{{ _('Donate') }}</button> <button id="submit" class="w-100 btn btn-lg btn-primary">
{{ _('Donate') }}
</button>
<p><a href="{{ contact_url }}">{{ _('If you want to cancel a monthly donation, please contact us') }}</a></p> <p><a href="{{ contact_url }}">{{ _('If you want to cancel a monthly donation, please contact us') }}</a></p>

21
assets/success.html
View file

@ -1,25 +1,32 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ _('Donate to %(name)s', name=name) }}</title> <title>{{ _('Donate to %(name)s', name=name) }}</title>
<link rel="icon" href="{{ favicon }}" type="image/x-icon" /> <link rel="icon" href="{{ favicon }}" type="image/x-icon" />
<link href="./css/bootstrap-5.0.0-beta2.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous"> <link href="./css/bootstrap-5.3.3.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="./css/global.css" rel="stylesheet" /> <link href="./css/global.css" rel="stylesheet" />
</head> <script src="./darkmode.js" defer></script>
</head>
<body class="text-center"> <body class="text-center">
<main class="form-donate"> <main class="form-donate">
<div> <div>
<img src="{{ logo }}" class="mb-4" alt="" width="74" height="74"/> <img src="{{ logo }}" class="mb-4" alt="{{ _('%(name)s Logo', name=name) }}" max-width="7em" />
<h1 class="h3 mb-3 fw-normal">{{ _('Thanks for your donation 🙂') }}</h1> <h1 class="h3 mb-3 fw-normal">{{ _('Thanks for your donation 🙂') }}</h1>
<button onclick="window.location.href = '/';" class="w-100 btn btn-lg btn-primary">{{ _('Go back to the donate form') }}</button> <button onclick="window.location.href = '/';" class="w-100 btn btn-lg btn-primary">
{{ _('Go back to the donate form') }}
</button>
</div> </div>
</main> </main>
</body> </body>
</html> </html>