Skip to content

Commit

Permalink
Add lipa branding
Browse files Browse the repository at this point in the history
  • Loading branch information
@andrei-21
andrei-21 committed May 29, 2024
1 parent 21cebe7 commit d3ef66a
Show file tree
Hide file tree
Showing 2 changed files with 38 additions and 60 deletions.
94 changes: 36 additions & 58 deletions templates/base.html.tera
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,47 +3,55 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;600&display=swap" rel="stylesheet"/>

<title>Invoice Detective</title>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-family: Lexend, Arial, Helvetica, sans-serif;
font-weight: 300;
}

header {
background-color: #333;
color: #fff;
background-color: #2374AB;
color: white;
text-align: center;
padding: 0.1em;
}
a {
color: #2374AB;
}

main {
padding: 20px;
}

footer {
background-color: #333;
color: #fff;
background-color: #2374AB;
color: white;
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
bottom: 0;
width: 100%;
a {
color: white;
}
}
footer a {
color: #55f;
}

.card {
border: 1px solid #ccc;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card-header {
background-color: #7b7b7b;
color: #fff;
background-color: #F0F0F0;
color: #404040;
padding: 10px;
text-align: left;
font-size: 120%;
Expand All @@ -62,18 +70,6 @@
width: 100%;
}

body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}

header {
background-color: #333;
color: #fff;
text-align: center;
padding: 0.1em;
}
header a {
color: #fff;
text-decoration: none;
Expand All @@ -83,38 +79,6 @@
padding: 20px;
}

footer {
background-color: #333;
color: #fff;
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
bottom: 0;
width: 100%;
}
footer a {
color: #55f;
}

.card {
border: 1px solid #ccc;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card-header {
background-color: #7b7b7b;
color: #fff;
padding: 10px;
text-align: left;
font-size: 120%;
font-weight: bold;
}

.card-body {
padding: 10px;
}

.invoice {
font-size: 120%;
word-wrap: break-word;
Expand Down Expand Up @@ -182,9 +146,23 @@
</main>

<footer>
Made by
<a href="https://lipa.swiss">lipa</a> —
<a href="https://github.com/getlipa/invoice-detective">Github page</a>
<div>
<svg class="logo-wrapper" height="20" viewBox="0 0 688.16 397.24" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px">
<title>Lipa logo</title>
<g class="logo" fill="#fff">
<path class="st0" d="M640.67,107.32h-31.42v9.92c-15.36-9.85-33.68-15.49-53.33-15.24c-52.98,0.68-96.1,45.01-95.38,97.99c0.72,52.76,43.71,95.3,96.64,95.3c19.18,0,37.04-5.61,52.07-15.24v9.79h54.76V130.66C664.01,117.77,653.56,107.32,640.67,107.32zM564.4,243.46c-24.75,0-44.82-20.06-44.82-44.82s20.06-44.82,44.82-44.82s44.82,20.06,44.82,44.82S589.15,243.46,564.4,243.46z"></path>
<path class="st0" d="M345.99,102c-19.66-0.25-37.97,5.4-53.33,15.25v-9.93h-54.76v266.48h31.42c12.89,0,23.34-10.45,23.34-23.34v-70.42c15.04,9.64,32.9,15.26,52.09,15.26c52.93,0,95.92-42.55,96.64-95.31C442.1,147,398.97,102.67,345.99,102z M337.52,243.46c-24.75,0-44.82-20.06-44.82-44.82s20.06-44.82,44.82-44.82s44.82,20.06,44.82,44.82S362.27,243.46,337.52,243.46z"></path>
<path class="st0" d="M176.71,107.32h-31.42v182.6h54.76V130.66C200.05,117.77,189.6,107.32,176.71,107.32z"></path>
<path class="st0" d="M172.66,23.44c-17.89,0-32.85,14.97-32.85,32.85c0,17.89,14.97,32.85,32.85,32.85c17.89,0,32.86-14.97,32.86-32.85C205.52,38.41,190.55,23.44,172.66,23.44z"></path>
<path class="st0" d="M78.86,205.3V46.78c0-12.89-10.45-23.34-23.34-23.34H24.01V205.3c0,46.66,38.04,84.62,84.8,84.62v-54.85C92.29,235.07,78.86,221.72,78.86,205.3z"></path>
</g>
</svg>
</div>
<div>
Made by
<a href="https://lipa.swiss" target="_blank">lipa</a> —
<a href="https://github.com/getlipa/invoice-detective" target="_blank">Github page</a>
</div>
</footer>
</body>
</html>
4 changes: 2 additions & 2 deletions templates/index.html.tera
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<p>
A lightning invoice is a set of payment instructions which has the
destination as a public key of the recipient node. If it is a well known
node like <a href="https://mempool.space/lightning/node/035e4ff418fc8b5554c5d9eea66396c227bd429a3251c8cbc711002ba215bfc226">WalletOfSatoshi.com</a>
node like <a href="https://mempool.space/lightning/node/035e4ff418fc8b5554c5d9eea66396c227bd429a3251c8cbc711002ba215bfc226" target="_blank">WalletOfSatoshi.com🡵</a>
it is reasonable to infer that the recipient is a user of the custodial
<strong>Wallet of Satoshi</strong>.
</p>
Expand All @@ -26,7 +26,7 @@
where the recipient node has no announced channels nor a reachable
address, lightning invoices incorporate additional routing details, such
as the LSP node public key. When the LSP is associated with a well known
node like <a href="https://mempool.space/lightning/node/03864ef025fde8fb587d989186ce6a4a186895ee44a926bfc370e2c366597a3f8f">ACINQ</a>,
node like <a href="https://mempool.space/lightning/node/03864ef025fde8fb587d989186ce6a4a186895ee44a926bfc370e2c366597a3f8f" target="_blank">ACINQ🡵</a>,
it is reasonable to conclude that the recipient is utilizing the
non-custodial <strong>Phoenix</strong> wallet.
</p>
Expand Down

0 comments on commit d3ef66a

Please sign in to comment.