diff options
author | Christian Grothoff <christian@grothoff.org> | 2020-10-11 20:42:08 +0200 |
---|---|---|
committer | Christian Grothoff <christian@grothoff.org> | 2020-10-11 20:42:08 +0200 |
commit | 31e02043ff230b474876682663ee93ec38209dd4 (patch) | |
tree | a7b5ba60d19da56aaf5436d63a2a854a5882c08f /talerbank/app/templates/base.html | |
parent | 026e6e3ec43497c8dbc37a92552f2bb740550678 (diff) | |
download | bank-31e02043ff230b474876682663ee93ec38209dd4.tar.gz bank-31e02043ff230b474876682663ee93ec38209dd4.tar.bz2 bank-31e02043ff230b474876682663ee93ec38209dd4.zip |
adopt bank style to match rest of demo
Diffstat (limited to 'talerbank/app/templates/base.html')
-rw-r--r-- | talerbank/app/templates/base.html | 81 |
1 files changed, 63 insertions, 18 deletions
diff --git a/talerbank/app/templates/base.html b/talerbank/app/templates/base.html index 2015cf5..de65617 100644 --- a/talerbank/app/templates/base.html +++ b/talerbank/app/templates/base.html @@ -1,7 +1,7 @@ <!doctype html> <!-- This file is part of GNU TALER. - Copyright (C) 2014, 2015, 2016 Taler Systems SA + Copyright (C) 2014, 2015, 2016, 2020 Taler Systems SA TALER is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software @@ -23,30 +23,75 @@ <title>{{ settings_value("TALER_CURRENCY") }} Bank - Taler Demo</title> <link rel="stylesheet" type="text/css" href="{{ static('web-common/pure.css') }}" /> <link rel="stylesheet" type="text/css" href="{{ static('web-common/demo.css') }}" /> - <link rel="stylesheet" type="text/css" href="{{ static('web-common/taler-fallback.css') }}" id="taler-presence-stylesheet" /> + <link rel="stylesheet" type="text/css" href="{{ static('web-common/navbar.css') }}" /> <link rel="stylesheet" type="text/css" href="{{ static('bank.css') }}" /> - {% block head %} {% endblock %} + <style> + .warn { + background-color: #aa393977; + padding: 1em; + } + @keyframes hoveranim { + from {left:0;} + to {left:1vw;} + } + @keyframes hoveranimrevert { + from {left:1vw;} + to {left:0;} + } + .notice { + border-radius: 1em; + background: #0333; + border-left: 0.3em solid #033; + padding-left: 1em; + padding-top: 0.5em; + padding-bottom: 0.5em; + margin-top: 2em; + margin-bottom: 2em; + } + .notice { + position: relative; + left: 0; + animation-name: hoveranimrevert; + animation-duration: 1s; + } + .notice:hover { + left: 1vw; + animation-name: hoveranim; + animation-duration: 1s; + } + #main a:link, #main a:visited, #main a:hover, #main a:active { + color: black; + } + </style> + {% block head %} {% endblock %} </head> <body> - <div class="demobar"> + <header class="demobar" style="display: flex; flex-direction: column;"> <h1><span class="tt adorn-brackets">Taler Demo</span></h1> <h1><span class="it"><a href="{{ url('index') }}">Bank</a></span></h1> - <p>This part of the demo shows how a bank that supports Taler directly would work. In addition to - using your own bank account, you can also see the transaction history of some <a href="{{ url('public-accounts') }}">Public Accounts</a>.</p> - <p>Other parts of the demo:</p> - <ul> - <li><a href="{{ env('TALER_ENV_URL_INTRO', '#') }}">Introduction</a></li> - <li><a href="{{ env('TALER_ENV_URL_BANK', '#') }}">Bank</a></li> - <li><a href="{{ env('TALER_ENV_URL_MERCHANT_BLOG', '#') }}">Essay Shop</a></li> - <li><a href="{{ env('TALER_ENV_URL_MERCHANT_DONATIONS', '#') }}">Donations</a></li> - <li><a href="{{ env('TALER_ENV_URL_MERCHANT_SURVEY', '#') }}">Tipping/Survey</a></li> - <li><a href="{{ env('TALER_ENV_URL_BACKOFFICE', '#') }}">Back-office</a></li> - </ul> - <p>You can learn more about Taler on our main <a href="https://taler.net">website</a>.</p> - </div> - <div class="content"> + <p>This part of the demo shows how a bank that supports Taler directly would work. + In addition to using your own bank account, you can also see the transaction + history of some <a href="{{ url('public-accounts') }}">Public Accounts</a>. + </p> + </header> + <div style="display:flex; flex-direction: column;" class="navcontainer"> + <nav class="demolist"> + <a href="{{ env('TALER_ENV_URL_INTRO', '#') }}">Introduction</a> + <a href="{{ env('TALER_ENV_URL_BANK', '#') }}" class="active">Bank</a> + <a href="{{ env('TALER_ENV_URL_MERCHANT_BLOG', '#') }}">Essay Shop</a> + <a href="{{ env('TALER_ENV_URL_MERCHANT_DONATIONS', '#') }}">Donations</a> + <a href="{{ env('TALER_ENV_URL_MERCHANT_SURVEY', '#') }}">Tipping/Survey</a> + </nav> + </div> + <section id="main" class="content"> {% block headermsg %} {% endblock %} {% block content %} {% endblock %} + <hr /> + <div> + <p>You can learn more about Taler on our main <a href="https://taler.net/">website</a>.</p> + <div style="flex-grow:1"></div> + <p>Copyright © 2014—2020 Taler Systems SA</p> </div> + </section> </body> </html> |