feat: Initial concept code
All checks were successful
Build Docker / BuildImage (push) Successful in 54s

This commit is contained in:
2025-01-30 16:22:58 +11:00
parent a51d2e89c4
commit 15bf3f0b01
15 changed files with 441 additions and 12 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,57 @@
.bs-icon {
--bs-icon-size: .75rem;
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
font-size: var(--bs-icon-size);
width: calc(var(--bs-icon-size) * 2);
height: calc(var(--bs-icon-size) * 2);
color: var(--bs-primary);
}
.bs-icon-xs {
--bs-icon-size: 1rem;
width: calc(var(--bs-icon-size) * 1.5);
height: calc(var(--bs-icon-size) * 1.5);
}
.bs-icon-sm {
--bs-icon-size: 1rem;
}
.bs-icon-md {
--bs-icon-size: 1.5rem;
}
.bs-icon-lg {
--bs-icon-size: 2rem;
}
.bs-icon-xl {
--bs-icon-size: 2.5rem;
}
.bs-icon.bs-icon-primary {
color: var(--bs-white);
background: var(--bs-primary);
}
.bs-icon.bs-icon-primary-light {
color: var(--bs-primary);
background: rgba(var(--bs-primary-rgb), .2);
}
.bs-icon.bs-icon-semi-white {
color: var(--bs-primary);
background: rgba(255, 255, 255, .5);
}
.bs-icon.bs-icon-rounded {
border-radius: .5rem;
}
.bs-icon.bs-icon-circle {
border-radius: 50%;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 62 KiB

View File

@@ -1,19 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<html data-bs-theme="dark" lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nathan.Woodburn/</title>
<link rel="icon" href="/assets/img/favicon.png" type="image/png">
<link rel="stylesheet" href="/assets/css/index.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>FireSales</title>
<meta name="twitter:description" content="Self Custodial Domain listings">
<meta name="twitter:card" content="summary">
<meta property="og:type" content="website">
<meta name="twitter:image" content="/assets/img/favicon.png">
<meta name="twitter:title" content="FireSales">
<meta name="description" content="Self Custodial Domain listings">
<meta property="og:image" content="/assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="900x768" href="/assets/img/favicon.png">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&amp;display=swap">
<link rel="stylesheet" href="/assets/css/Navbar-Right-Links-Dark-icons.css">
</head>
<body>
<div class="spacer"></div>
<div class="centre">
<h1>Nathan.Woodburn/</h1>
</div>
<nav class="navbar navbar-expand-md bg-dark py-3" data-bs-theme="dark">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="#"><img src="/assets/img/favicon.png" width="64px"><span style="margin: 10px;">FireSales</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-5">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/docs">Docs</a></li>
<li class="nav-item"><a class="nav-link" href="/plugin">FireWallet Plugin</a></li>
</ul>
</div>
</div>
</nav>
<section class="py-4 py-xl-5">
<div class="container h-100">
<div class="row h-100">
<div class="col-md-10 col-xl-8 text-center d-flex d-sm-flex d-md-flex justify-content-center align-items-center mx-auto justify-content-md-start align-items-md-center justify-content-xl-center">
<div>
<h2 class="text-uppercase fw-bold mb-3">FireSales</h2>
<p class="mb-4">Self custodial domain sales</p>
</div>
</div>
</div>
</div>
</section>
<section style="margin: 10px;">{{listings|safe}}</section>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

84
templates/view.html Normal file
View File

@@ -0,0 +1,84 @@
<!DOCTYPE html>
<html data-bs-theme="dark" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>FireSales</title>
<meta name="twitter:description" content="Self Custodial Domain listings">
<meta name="twitter:card" content="summary">
<meta property="og:type" content="website">
<meta name="twitter:image" content="/assets/img/favicon.png">
<meta name="twitter:title" content="FireSales">
<meta name="description" content="Self Custodial Domain listings">
<meta property="og:image" content="/assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="900x768" href="/assets/img/favicon.png">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&amp;display=swap">
<link rel="stylesheet" href="/assets/css/Navbar-Right-Links-Dark-icons.css">
</head>
<body>
<nav class="navbar navbar-expand-md bg-dark py-3" data-bs-theme="dark">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="#"><img src="/assets/img/favicon.png" width="64px"><span style="margin: 10px;">FireSales</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-5">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/docs">Docs</a></li>
<li class="nav-item"><a class="nav-link" href="/plugin">FireWallet Plugin</a></li>
</ul>
</div>
</div>
</nav>
<section class="py-4 py-xl-5">
<div class="container h-100">
<div class="row h-100">
<div class="col-md-10 col-xl-8 text-center d-flex d-sm-flex d-md-flex justify-content-center align-items-center mx-auto justify-content-md-start align-items-md-center justify-content-xl-center">
<div>
<h2 class="text-uppercase fw-bold mb-3">FireSales</h2>
<p class="mb-4">Self custodial domain sales</p>
</div>
</div>
</div>
</div>
<h1 class="text-center">{{message}}</h1>
</section>
<section class="d-xl-flex justify-content-xl-center" style="margin: 10px;">
<div class="card" style="width: fit-content;padding-right: 2em;padding-left: 2em;margin: 10px;">
<div class="card-body">
<h4 class="card-title">{{listing['domain']}}/</h4>
<h6 class="text-muted card-subtitle mb-2">{{listing['price']}} HNS</h6>
<p class="card-text">{{listing['description']}}</p>
<p class="card-text">Signature:&nbsp;<code>{{listing['signature']}}</code></p>
<div class="card mb-5">
<div class="card-body p-sm-5">
<h2 class="text-center mb-4">Send Offer</h2>
<form method="post">
<div class="mb-3"><input class="form-control" type="text" id="name-2" name="address" placeholder="Receiving HNS address"><label class="form-label">Where you would like the domain sent to</label></div>
<div class="mb-3"><input class="form-control" type="text" id="name-1" name="price" placeholder="HNS Price of offer"></div>
<div class="mb-3"><textarea class="form-control" id="message-2" name="message" rows="6" placeholder="Message"></textarea></div>
<div><button class="btn btn-primary d-block w-100" type="submit">Send </button></div>
</form>
</div>
</div>
</div>
</div>
<div class="card" style="width: fit-content;padding-right: 2em;padding-left: 2em;margin: 10px;">
<div class="card-body">{% for offer in listing['offers'] %}
<div class="card" style="margin: 10px;">
<div class="card-body">
<h4 class="card-title">{{offer['address']}} - {{offer['status']}}</h4>
<h6 class="text-muted card-subtitle mb-2">Price: {{offer['price']}}</h6>
<h6 class="text-muted card-subtitle mb-2">Submitted: {{offer['date']}}</h6>
<p class="card-text">{{offer['message']}}</p>
<p class="card-text">{% if offer['response'] %}Owner Response: {{offer['response']}}{% endif %}{% if offer['tx'] %}<br>TX: {{offer['tx']}}{% endif %}</p>
</div>
</div>{% endfor %}
</div>
</div>
</section>
<section class="d-xl-flex justify-content-xl-center" style="margin: 10px;"></section>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>