450 lines
24 KiB
HTML
450 lines
24 KiB
HTML
<!DOCTYPE html>
|
|
<!-- This site was created in Webflow. https://www.webflow.com -->
|
|
<!-- Last Published: Mon Aug 14 2023 08:14:49 GMT+0000 (Coordinated Universal Time) -->
|
|
<html data-wf-domain="www.wtfisqf.com" data-wf-page="649310f4afac55816ade8509" data-wf-site="649310f4afac55816ade84fd" class="w-mod-js w-mod-ix wf-aktivgrotesk-n4-active wf-aktivgrotesk-i4-active wf-aktivgrotesk-n7-active wf-aktivgrotesk-i7-active wf-aktivgroteskextended-n4-active wf-aktivgroteskextended-i4-active wf-aktivgroteskextended-n7-active wf-aktivgroteskextended-i7-active wf-firellivariable-n4-active wf-nagelvariable-n4-active wf-antipolvariable-i4-active wf-antipolvariable-n4-active wf-active"><head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8">
|
|
<title>WTF is Quadratic Funding?</title>
|
|
<meta content="Quadratic Funding (QF) is a crowd-funding mechanism that amplifies available resources by inviting community members to make donations (big or small) that act as votes on where to allocate funds. The broader the support, the bigger the match!" name="description">
|
|
<meta content="WTF is Quadratic Funding?" property="og:title">
|
|
<meta content="Quadratic Funding (QF) is a crowd-funding mechanism that amplifies available resources by inviting community members to make donations (big or small) that act as votes on where to allocate funds. The broader the support, the bigger the match!" property="og:description"><meta content="https://uploads-ssl.webflow.com/649310f4afac55816ade84fd/64b3d63632dbf85fa5628483_wtf-og.png" property="og:image">
|
|
<meta content="WTF is Quadratic Funding?" property="twitter:title">
|
|
<meta content="Quadratic Funding (QF) is a crowd-funding mechanism that amplifies available resources by inviting community members to make donations (big or small) that act as votes on where to allocate funds. The broader the support, the bigger the match!" property="twitter:description"><meta content="https://uploads-ssl.webflow.com/649310f4afac55816ade84fd/64b3d63632dbf85fa5628483_wtf-og.png" property="twitter:image"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><meta content="Webflow" name="generator">
|
|
<link href="WTF%20is%20Quadratic%20Funding%20_fichiers/wtf-is-qf-v2.webflow.3b5916333.css" rel="stylesheet" type="text/css"><script src="WTF%20is%20Quadratic%20Funding%20_fichiers/cwn8dxb.js" type="text/javascript"></script><style type="text/css">.tk-aktiv-grotesk{font-family:"aktiv-grotesk",sans-serif;}.tk-aktiv-grotesk-extended{font-family:"aktiv-grotesk-extended",sans-serif;}.tk-firelli-variable{font-family:"firelli-variable",sans-serif;}.tk-nagel-variable{font-family:"nagel-variable",sans-serif;}.tk-antipol-variable{font-family:"antipol-variable",sans-serif;}</style><style type="text/css">@font-face{font-family:aktiv-grotesk;src:url(https://use.typekit.net/af/ab3e12/000000000000000077359d4f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/ab3e12/000000000000000077359d4f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/ab3e12/000000000000000077359d4f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:aktiv-grotesk;src:url(https://use.typekit.net/af/951aca/000000000000000077359d51/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/951aca/000000000000000077359d51/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/951aca/000000000000000077359d51/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");font-weight:400;font-style:italic;font-stretch:normal;font-display:auto;}@font-face{font-family:aktiv-grotesk;src:url(https://use.typekit.net/af/a798a9/000000000000000077359d55/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/a798a9/000000000000000077359d55/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/a798a9/000000000000000077359d55/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:aktiv-grotesk;src:url(https://use.typekit.net/af/8e3d9f/000000000000000077359d58/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/8e3d9f/000000000000000077359d58/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/8e3d9f/000000000000000077359d58/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");font-weight:700;font-style:italic;font-stretch:normal;font-display:auto;}@font-face{font-family:aktiv-grotesk-extended;src:url(https://use.typekit.net/af/e10446/00000000000000003b9ad13a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/e10446/00000000000000003b9ad13a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/e10446/00000000000000003b9ad13a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:aktiv-grotesk-extended;src:url(https://use.typekit.net/af/ce6561/00000000000000003b9ad13b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/ce6561/00000000000000003b9ad13b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/ce6561/00000000000000003b9ad13b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");font-weight:400;font-style:italic;font-stretch:normal;font-display:auto;}@font-face{font-family:aktiv-grotesk-extended;src:url(https://use.typekit.net/af/3f03c1/00000000000000003b9ad13e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/3f03c1/00000000000000003b9ad13e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/3f03c1/00000000000000003b9ad13e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:aktiv-grotesk-extended;src:url(https://use.typekit.net/af/669c64/00000000000000003b9ad13f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/669c64/00000000000000003b9ad13f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/669c64/00000000000000003b9ad13f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");font-weight:700;font-style:italic;font-stretch:normal;font-display:auto;}@font-face{font-family:firelli-variable;src:url(https://use.typekit.net/af/4caef7/0000000000000000774928a5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/4caef7/0000000000000000774928a5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/4caef7/0000000000000000774928a5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:nagel-variable;src:url(https://use.typekit.net/af/35811b/0000000000000000774b9789/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/35811b/0000000000000000774b9789/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/35811b/0000000000000000774b9789/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:antipol-variable;src:url(https://use.typekit.net/af/0060ed/0000000000000000774c35cf/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/0060ed/0000000000000000774c35cf/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/0060ed/0000000000000000774c35cf/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");font-weight:400;font-style:italic;font-stretch:normal;font-display:auto;}@font-face{font-family:antipol-variable;src:url(https://use.typekit.net/af/0268e9/0000000000000000774c35ce/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/0268e9/0000000000000000774c35ce/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/0268e9/0000000000000000774c35ce/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-stretch:normal;font-display:auto;}</style><script type="text/javascript">try{Typekit.load();}catch(e){}</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://uploads-ssl.webflow.com/649310f4afac55816ade84fd/64b3d3cbe9d79e7ecf7cd8fd__favicon.png" rel="shortcut icon" type="image/x-icon"><link href="https://uploads-ssl.webflow.com/649310f4afac55816ade84fd/64b3d3d415c0c34ff7ec1859__webclip.png" rel="apple-touch-icon"><script async="" src="WTF%20is%20Quadratic%20Funding%20_fichiers/google-analytics_analytics.js"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-XDHLJP3MBG');</script><style>
|
|
.matchingAmount,
|
|
.projectTable,
|
|
.addProjectCopyURL {
|
|
margin-bottom: 20px;
|
|
}
|
|
#projectTable {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
#projectTable th,
|
|
#projectTable td {
|
|
border: 1px solid #ddd;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Rounded corners for the first cell */
|
|
#projectTable tr:first-child th {
|
|
border-radius: 10px;
|
|
background: linear-gradient(to bottom, #22239F, #8586D6);
|
|
color: white;
|
|
}
|
|
|
|
/* Red background for the last column title cell */
|
|
#projectTable tr:first-child th:last-child {
|
|
background: linear-gradient(to bottom, #AC3600, #D26939) !important;
|
|
color: white;
|
|
}
|
|
|
|
#projectTable th {
|
|
background-color: #f2f2f2;
|
|
text-align: left;
|
|
}
|
|
.contributionTag {
|
|
display: inline-block;
|
|
background: #000;
|
|
margin: 5px;
|
|
padding: 1px 8px;
|
|
border-radius: 5px;
|
|
color: white;
|
|
}
|
|
.contributionTag button {
|
|
font-size: 8px;
|
|
margin-left: 5px;
|
|
}
|
|
#addProject,
|
|
#copyURL {
|
|
padding: 10px 20px;
|
|
font-size: 16px;
|
|
}
|
|
input {
|
|
padding: 5px;
|
|
font-size: 16px;
|
|
width: 95%;
|
|
background-color: white; /* White background color */
|
|
border: none; /* Remove borders */
|
|
border-radius: 10px; /* Rounded corners */
|
|
}
|
|
button.removeProject {
|
|
font-size: 14px;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0;
|
|
padding: 10px;
|
|
background-color: transparent;
|
|
color: #C74D16;
|
|
/* font-weight: 100; */
|
|
}
|
|
input#matchAmount {
|
|
font-size: 40px;
|
|
width: auto;
|
|
max-width: 250px;
|
|
background-color: white; /* White background color */
|
|
border: none; /* Remove borders */
|
|
border-radius: 10px; /* Rounded corners */
|
|
padding: 10px; /* Additional padding */
|
|
}
|
|
label {
|
|
font-size: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
button.removeContribution {
|
|
border: none;
|
|
background-color: transparent;
|
|
font-size: 12px;
|
|
color: white;
|
|
cursor:pointer;
|
|
}
|
|
|
|
/* TABLE LINES */
|
|
|
|
#projectTable {
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
#projectTable th,
|
|
#projectTable td {
|
|
padding: 10px;
|
|
}
|
|
|
|
#projectTable th:first-child,
|
|
#projectTable td:first-child {
|
|
border-left: none;
|
|
}
|
|
|
|
#projectTable th {
|
|
background-color: #f2f2f2;
|
|
text-align: left;
|
|
}
|
|
|
|
#projectTable tr:first-child th {
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
|
|
#projectTable tr:not(:first-child) td {
|
|
border-bottom: 2px solid white;
|
|
}
|
|
|
|
#projectTable td {
|
|
border: none; /* Remove vertical borders */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="section fit interactive">
|
|
<div class="container">
|
|
<div data-w-id="0ab53c30-d57f-0722-984a-f1ac8c755abb" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d;" class="heading h5">Outil de Financement Quadratique</div>
|
|
<div id="w-node-_042829df-342f-0d5c-6e00-cb385f836fa9-6ade8509" class="w-layout-layout quick-stack-5 wf-layout-layout">
|
|
<div id="w-node-_042829df-342f-0d5c-6e00-cb385f836faa-6ade8509" class="w-layout-cell">
|
|
<div data-w-id="1d38072a-7163-a160-8503-dc367e1f4e05" style="opacity: 1;" class="paragraph">
|
|
<strong>01.</strong><br>
|
|
</div>
|
|
<div data-w-id="2d305a5b-8d7d-4e56-bd09-41b56367d19c" style="opacity: 1;" class="paragraph">Ajouter n'importe quel nombre de projets<br>
|
|
</div>
|
|
</div>
|
|
<div id="w-node-_042829df-342f-0d5c-6e00-cb385f836fab-6ade8509" class="w-layout-cell">
|
|
<div data-w-id="7b7890c6-e9a3-980a-c870-2bfff85971b8" style="opacity: 1;" class="paragraph">
|
|
<strong>02.</strong><br>
|
|
</div>
|
|
<div data-w-id="d488a91b-dc5e-78ea-c6b7-be9df21f8f6a" style="opacity: 1;" class="paragraph">Ajouter des contributions différentes (essayer des montants totaux similaires et des nombres différents de dons)<br>
|
|
</div></div><div id="w-node-d0d9ab88-ea17-bcf6-fd7c-30b951534ba1-6ade8509" class="w-layout-cell">
|
|
<div data-w-id="4f477589-8a4f-4572-2261-3d93f69dcf55" style="opacity: 1;" class="paragraph">
|
|
<strong>03.</strong><br>
|
|
</div><div data-w-id="23cdb603-afc2-5e21-762a-47dcd0771b50" style="opacity: 1;" class="paragraph">Modifiez les chiffres pour voir les montants correspondants changer<br>
|
|
</div></div></div></div>
|
|
<div class="container">
|
|
<div data-w-id="694ebedd-7918-fea5-2c6a-ee50a3290a65" style="opacity: 1;" class="w-embed w-script">
|
|
<script src="WTF%20is%20Quadratic%20Funding%20_fichiers/jquery.min.js"></script>
|
|
|
|
<div id="calculation">
|
|
</div>
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
let quadraticFunding = {
|
|
matchAmount: 1000, // Total match amount per round
|
|
projects: [],
|
|
};
|
|
|
|
// Update URL parameters on changes
|
|
function updateUrl() {
|
|
let params = new URLSearchParams();
|
|
params.set("match", quadraticFunding.matchAmount);
|
|
|
|
quadraticFunding.projects.forEach((project, i) => {
|
|
params.append("grant", project.contributions.join("-"));
|
|
});
|
|
|
|
// Update the URL only if it differs from the current state
|
|
if (window.location.search !== "?" + params.toString()) {
|
|
window.history.replaceState({}, "", "?" + params.toString());
|
|
}
|
|
}
|
|
|
|
let matchAmountInput = $("<input>")
|
|
.attr("id", "matchAmount")
|
|
.attr("placeholder", "Match Amount")
|
|
.attr("value", quadraticFunding.matchAmount)
|
|
.attr("class", "matching-input");
|
|
|
|
let addProjectButton = $("<button>")
|
|
.attr("id", "addProject")
|
|
.attr("class", "button")
|
|
.text("Add Project");
|
|
let copyURLButton = $("<button>")
|
|
.attr("id", "copyURL")
|
|
.attr("class", "button")
|
|
.text("Copy URL");
|
|
let projectTable = $("<table>").attr("id", "projectTable");
|
|
|
|
$("#calculation").append(
|
|
$("<div>")
|
|
.addClass("matchingAmount")
|
|
.append("<label>Matching Amount</label>")
|
|
.append(matchAmountInput),
|
|
$("<div>").addClass("projectTable").append(projectTable),
|
|
$("<div style='display: flex;'>")
|
|
.addClass("addProjectCopyURL")
|
|
.append(addProjectButton)
|
|
.append(copyURLButton)
|
|
);
|
|
|
|
$("#projectTable").append(
|
|
$("<tr>").append(
|
|
$('<th colspan="2">').text("Project"),
|
|
$("<th>").text("Contributions"),
|
|
$("<th>").text("Funded Amount"),
|
|
$("<th>").text("Match Amount"),
|
|
$("<th>").text("Remove")
|
|
)
|
|
);
|
|
|
|
// Add copy URL functionality
|
|
$("#copyURL").on("click", function () {
|
|
let url = window.location.href;
|
|
let $temp = $("<input>");
|
|
$("body").append($temp);
|
|
$temp.val(url).select();
|
|
document.execCommand("copy");
|
|
$temp.remove();
|
|
});
|
|
|
|
$("#addProject").on("click", function () {
|
|
let projectName = "Project #" + (quadraticFunding.projects.length + 1);
|
|
|
|
if (projectName) {
|
|
quadraticFunding.projects.push({
|
|
name: projectName,
|
|
contributions: [],
|
|
fundedAmount: 0,
|
|
matchAmount: 0,
|
|
});
|
|
|
|
let projectRow = $("<tr>")
|
|
.attr("data-project-name", projectName)
|
|
.append(
|
|
$("<td>").text(projectName),
|
|
$("<td>").append(
|
|
$("<input>")
|
|
.addClass("contributionInput")
|
|
.attr("placeholder", "Add a contribution and press Enter")
|
|
),
|
|
$("<td>").attr("class", "contributions"),
|
|
$("<td>").attr("class", "fundedAmount").text(0),
|
|
$("<td>").attr("class", "matchAmount").text(0),
|
|
$("<td>").append(
|
|
$("<button>").addClass("removeProject").text("\u2716")
|
|
)
|
|
);
|
|
|
|
$("#projectTable").append(projectRow);
|
|
}
|
|
});
|
|
|
|
$("#projectTable").on("click", ".removeProject", function () {
|
|
let projectName = $(this).closest("tr").data("projectName");
|
|
|
|
quadraticFunding.projects = quadraticFunding.projects.filter(function (
|
|
project
|
|
) {
|
|
return project.name !== projectName;
|
|
});
|
|
|
|
$(this).closest("tr").remove();
|
|
|
|
calculateMatchAmounts();
|
|
});
|
|
|
|
|
|
$("#projectTable").on("keypress", ".contributionInput", function (e) {
|
|
if (e.which === 13) {
|
|
let contribution = parseFloat($(this).val());
|
|
let projectName = $(this).closest("tr").data("projectName");
|
|
|
|
let project = quadraticFunding.projects.find(function (project) {
|
|
return project.name === projectName;
|
|
});
|
|
|
|
if (project && !isNaN(contribution)) {
|
|
project.contributions.push(contribution);
|
|
project.fundedAmount += contribution;
|
|
calculateMatchAmounts();
|
|
|
|
let contributionTag = $("<div>")
|
|
.addClass("contributionTag")
|
|
.append($("<span>").text("(Ğ1) " + contribution))
|
|
.append(
|
|
$("<button>").addClass("removeContribution").text("\u2716")
|
|
);
|
|
|
|
// Attach contribution index to the tag
|
|
contributionTag.attr(
|
|
"data-contribution-index",
|
|
project.contributions.length - 1
|
|
);
|
|
|
|
$(this).closest("tr").find(".contributions").append(contributionTag);
|
|
$(this)
|
|
.closest("tr")
|
|
.find(".fundedAmount")
|
|
.text("(Ğ1) " + project.fundedAmount.toFixed(2));
|
|
$(this).val("");
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
$("#projectTable").on("click", ".removeContribution", function (e) {
|
|
let contributionTag = $(this).parent();
|
|
let contributionIndex = contributionTag.data("contributionIndex");
|
|
let projectName = contributionTag.closest("tr").data("projectName");
|
|
|
|
let project = quadraticFunding.projects.find(function (project) {
|
|
return project.name === projectName;
|
|
});
|
|
|
|
if (project && contributionIndex !== undefined) {
|
|
let contribution = project.contributions[contributionIndex];
|
|
|
|
// Use splice to remove the contribution
|
|
project.contributions.splice(contributionIndex, 1);
|
|
project.fundedAmount -= contribution;
|
|
|
|
calculateMatchAmounts();
|
|
|
|
$(this)
|
|
.closest("tr")
|
|
.find(".fundedAmount")
|
|
.text("(Ğ1) " + project.fundedAmount.toFixed(2));
|
|
|
|
$(this)
|
|
.closest("tr")
|
|
.find(".contributionTag")
|
|
.each(function (index) {
|
|
$(this).attr("data-contribution-index", index);
|
|
});
|
|
contributionTag.remove();
|
|
}
|
|
});
|
|
|
|
function calculateMatchAmounts() {
|
|
const totalDonations = quadraticFunding.projects.reduce(
|
|
(total, project) => total + project.fundedAmount,
|
|
0
|
|
);
|
|
|
|
// If no donations are made yet, set matchAmount to 100
|
|
const matchAmountPerRound = totalDonations > 0 ? totalDonations : 100;
|
|
|
|
const squares = quadraticFunding.projects.map((project) => {
|
|
const sqrtSum = project.contributions.reduce(
|
|
(sum, contrib) => sum + Math.sqrt(contrib),
|
|
0
|
|
);
|
|
return sqrtSum * sqrtSum;
|
|
});
|
|
|
|
const totalSquares = squares.reduce((sum, sq) => sum + sq, 0);
|
|
|
|
const matches = squares.map(
|
|
(sq) => (sq / totalSquares) * matchAmountPerRound
|
|
);
|
|
|
|
for (let i = 0; i < quadraticFunding.projects.length; i++) {
|
|
const matchAmount = matches[i];
|
|
quadraticFunding.projects[i].matchAmount = matchAmount;
|
|
|
|
$("#projectTable")
|
|
.find(
|
|
`tr[data-project-name='${quadraticFunding.projects[i].name}'] .matchAmount`
|
|
)
|
|
.text("(Ğ1) " + matchAmount.toFixed(2));
|
|
}
|
|
|
|
$("#matchAmount").val(totalDonations);
|
|
|
|
updateUrl(); // Update URL after recalculating match amounts
|
|
}
|
|
|
|
|
|
// Load parameters from URL if exist
|
|
function loadDefaults() {
|
|
const params = new URLSearchParams(window.location.search);
|
|
if (params.has("match")) {
|
|
quadraticFunding.matchAmount = parseFloat(params.get("match"));
|
|
}
|
|
|
|
let projectsToLoad = [];
|
|
|
|
if (params.has("grant")) {
|
|
let grants = params.getAll("grant");
|
|
if (grants.length > 0) {
|
|
for (let i = 0; i < grants.length; i++) {
|
|
let contributions = grants[i]
|
|
.split("-")
|
|
.map(parseFloat)
|
|
.filter((num) => !isNaN(num));
|
|
projectsToLoad.push({
|
|
name: "Project #" + (i + 1),
|
|
contributions: contributions,
|
|
fundedAmount: contributions.reduce((a, b) => a + b, 0),
|
|
matchAmount: 0,
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
for (let project of projectsToLoad) {
|
|
$("#addProject").click();
|
|
let projectRow = $("#projectTable").find(
|
|
`tr[data-project-name='${project.name}']`
|
|
);
|
|
|
|
for (let contribution of project.contributions) {
|
|
projectRow.find(".contributionInput").val(contribution);
|
|
projectRow.find(".contributionInput").trigger(
|
|
jQuery.Event("keypress", {
|
|
which: 13,
|
|
})
|
|
);
|
|
}
|
|
}
|
|
|
|
// test if we have no grant in the url, add 4
|
|
if (!params.has("grant") && !params.has("match")) {
|
|
for (let i = 1; i <= 4; i++) {
|
|
$("#addProject").click();
|
|
}
|
|
}
|
|
}
|
|
|
|
// Call this function on page load to load the values from the URL
|
|
loadDefaults();
|
|
});
|
|
</script></div></div></div>
|