Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP] Mint cards for coins #275

Draft
wants to merge 3 commits into
base: beta
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion build/esbuild-build.ts
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { execSync } from "child_process";
import { config } from "dotenv";
import esbuild from "esbuild";
const typescriptEntries = ["static/scripts/rewards/init.ts"];
const typescriptEntries = ["static/scripts/rewards/init.ts", "static/scripts/cards/init.ts"];
export const entries = [...typescriptEntries];

export const esBuildContext: esbuild.BuildOptions = {
Expand Down
89 changes: 89 additions & 0 deletions static/cards.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<!doctype html>
<html>

<head>
<link rel="icon" href="favicon.svg" type="image/x-icon" />
<link rel="canonical" href="https://pay.ubq.fi" />
<link href="styles/rewards/pay.css" rel="stylesheet" />
<link href="styles/rewards/background.css" rel="stylesheet" />
<link href="styles/toast.css" rel="stylesheet" />
<link href="styles/rewards/claim-table.css" rel="stylesheet" />
<link href="styles/rewards/gift-cards.css" rel="stylesheet" />
<link href="styles/rewards/media-queries.css" rel="stylesheet" />
<link href="styles/rewards/light-mode.css" rel="stylesheet" />
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Ubiquity Rewards" />
<meta name="robots" content="index,follow" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000000" />
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@UbiquityDAO" />
<meta name="twitter:description" content="Ubiquity Rewards" />
<meta name="twitter:title" content="Ubiquity Rewards" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
<meta property="og:description" content="Ubiquity Rewards" />
<meta property="og:site_name" content="Ubiquity Rewards" />
<meta property="og:title" content="Ubiquity Rewards" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://dao.ubq.fi" />
<meta property="twitter:domain" content="dao.ubq.fi" />
<meta property="twitter:url" content="https://dao.ubq.fi" />
<title>Ubiquity Rewards | Ubiquity DAO</title>
<!-- icons from: https://fonts.google.com/icons weight: 300 optical-size: 24 -->
</head>

<body>
<background>
<div class="gradient"></div>
<div class="gradient"></div>
<div id="grid"></div>
</background>
<main>
<header>
<a href="https://ubq.fi/">
<div id="logo">
<div id="logo-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 132 151" fill="currentColor">
<path
d="M132 41.1c0-2.3-1.3-4.5-3.3-5.7L69.4 1.2c-1-.6-2.1-.9-3.3-.9-1.1 0-2.3.3-3.3.9L3.6 35.4c-2 1.2-3.3 3.3-3.3 5.7v68.5c0 2.3 1.3 4.5 3.3 5.7l59.3 34.2c2 1.2 4.5 1.2 6.5 0l59.3-34.2c2-1.2 3.3-3.3 3.3-5.7V41.1zm-11.9 62.5c0 2.7-1.4 5.2-3.7 6.5l-46.6 27.5c-1.1.7-2.4 1-3.7 1s-2.5-.3-3.7-1l-46.6-27.5c-2.3-1.3-3.7-3.8-3.7-6.5V54.1c0-1.2.6-2.4 1.7-3 1.1-.6 2.3-.6 3.4 0l8 4.7c1.9 1.1 3 3.3 4.4 5.8.3.5.5 1 .8 1.4 3.5 6.3 5.2 13 6.8 19.5 3 11.9 6 24.2 21.3 28.2 5 1.3 10.4 1.3 15.4 0 15.2-4 18.3-16.3 21.3-28.2C96.8 76 98.5 69.3 102 63c.3-.5.5-1 .8-1.4 1.3-2.5 2.5-4.6 4.4-5.8l8-4.7c1-.6 2.3-.6 3.4 0s1.7 1.7 1.7 3v49.5zM62.6 13.7c2.2-1.3 4.9-1.3 7.1 0L110 37.6c1 .6 1.6 1 1.6 2.2 0 1.2-.6 1.9-1.6 2.5l-7.7 4.6c-3.4 2-5.1 5.2-6.6 8.1l-.1.2c-.2.4-.4.7-.6 1.1-3.8 6.8-6.6 14-8.2 20.4C83.6 89.1 82.4 97.3 72 100c-1.9.5-3.9.7-5.8.7-2 0-3.9-.3-5.8-.7C50 97.3 48.7 89.1 45.6 76.6 44 70.2 41.2 63 37.4 56.2c-.2-.3-.4-.7-.6-1l-.1-.3c-1.5-2.8-3.3-6.1-6.6-8.1l-7.7-4.6c-1-.6-1.6-1.3-1.6-2.5s.6-1.6 1.6-2.2l40.2-23.8z">
</path>
</svg>
</div>
<div id="logo-text">
<span>Ubiquity</span>
<span>Cards</span>
</div>
</div>
</a>
</header>
<div>
<div class="disclaimer">
<h2>Disclaimer</h2>
<p>All Visa/Mastercard are non-exchangeable & non-refundable.</p>
<p>Exact value of a card can be slightly different due to exchange rate.</p>
</div>
</div>
<footer>
<div class="footer">
<div id="build">
<a target="_blank" rel="noopener noreferrer"></a>
</div>
<div id="faq-icon">
<a href="https://github.com/ubiquity/work.ubq.fi/discussions/53" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
<path
d="M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" />
</svg>
</a>
</div>
</div>
</footer>
</main>
<ul class="notifications"></ul>
<script src="out/cards/init.js" type="application/javascript"></script>
<link href="styles/proxima.css" rel="stylesheet" />
</body>

</html>
2 changes: 1 addition & 1 deletion static/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -205,7 +205,7 @@ <h2>Disclaimer</h2>
</footer>
</main>
<ul class="notifications"></ul>
<script src="out/init.js" type="application/javascript"></script>
<script src="out/rewards/init.js" type="application/javascript"></script>
<link href="styles/proxima.css" rel="stylesheet" />
</body>
</html>