@skhemata/skhemata-crowdfunding-campaign
Version:
Skhemata Crowdfunding Campaign Web Component. This web component provides crowdfunding campaign functionality (reward/donation based) for a website.
40 lines (35 loc) • 1.41 kB
HTML
<html lang="en-GB">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style>
body {
background: #fafafa;
}
</style>
<script defer src="https://js.stripe.com/v3/"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Nunito:wght@600;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="demo"></div>
<script type="module">
import { html, render } from '@skhemata/skhemata-base';
import '../dist/skhemata-crowdfunding-campaign.js';
// import "../build/index.js";
const apiUrl = 'https://coral.thrinacia.com/api';
const locPath = '/service/restv1/';
const campaignId = 1;
render(
html`
<skhemata-crowdfunding-campaign campaign_id=${campaignId} api_url=${apiUrl} loc_path=${locPath}>
</skhemata-crowdfunding-campaign>
`,
document.querySelector('#demo')
);
</script>
</body>
</html>