2025-01-30 16:22:58 +11:00
<!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&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" >
2025-01-30 17:47:12 +11:00
< 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 >
2025-01-30 16:22:58 +11:00
< 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 >
2025-01-30 17:47:12 +11:00
< li class = "nav-item" > < a class = "nav-link" href = "/list" > List< / a > < / li >
2025-01-30 16:22:58 +11:00
< 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: < 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 >