-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (103 loc) · 5.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Million Dollar Image</title>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script defer src="/__/firebase/8.3.1/firebase.js"></script>
<!-- include only the Firebase features as you need -->
<script defer src="/__/firebase/8.3.1/firebase-database.js"></script>
<script defer src="/__/firebase/init.js?useEmulator=true"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css" media="screen" />
<link rel="icon" type="image/png" href="images/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
<!-- Ensures optimal rendering on mobile devices. -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- Optimal Internet Explorer compatibility -->
<!-- <script defer src="js/paypal.js"></script> -->
<script defer src="js/main.js"></script>
</head>
<body>
<script
src="https://www.paypal.com/sdk/js?client-id=AS-PiHXbpimDzYb1oOdcmnL7wkPRDlv1ShGJJcmnNvGG29LCuHEpGlZzNaIgASePBGWXTd44DGpdaNNG"> // Required. Replace YOUR_CLIENT_ID with your sandbox client ID.
// Add your client ID and secret
const creds = require("./creds.json");
var PAYPAL_CLIENT = 'AS-PiHXbpimDzYb1oOdcmnL7wkPRDlv1ShGJJcmnNvGG29LCuHEpGlZzNaIgASePBGWXTd44DGpdaNNG';
var PAYPAL_SECRET = "";
// Point your server to the PayPal API
var PAYPAL_ORDER_API = 'https://api-m.paypal.com/v2/checkout/orders/';
</script>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<div class="navbar-item" id="chatIcon" name="closed" style="z-index: 99999;">
<img src="images/chat.svg" id="chatIconImg" width="36" height="28">
</div>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false"
data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a href="archive.html" class="button is-light">
Archive
</a>
<a class="button is-primary" onclick="toggleModal()">
Bid
</a>
</div>
</div>
</div>
</div>
</nav>
<script>
function toggleModal() {
document.getElementById("modal").classList.add('is-active');
}
function closeModal() {
document.getElementById("modal").classList.remove('is-active');
}
</script>
<div class="modal" id="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<button class="delete" aria-label="close" onclick="closeModal()" style="margin-left: 97.5%;"></button>
</header>
<section class="modal-card-body">
<h1 class="title is-3">##.## Dollar Image</h1>
<form>
<label for="imageURL">Paste an image URL or </label><input type="file" id="fileinput"><br>
<input type="url" id="imageURL" name="imageURL"><br><br>
<label for="link">What's your ~magical~ link?</label><br>
<input type="url" id="link" name="link" required><br><br>
<label for="displayName">Display name (optional)</label><br>
<input type="text" id="displayName" name="displayName"><br><br>
<label for="price">Enter Bid</label><br>
<input type="text" id="price" name="price"><br><br>
<div id="paypal-button-container" style="width: 30%;"></div>
</form>
</section>
<footer class="modal-card-foot">
<button class="button is-primary" id="checkoutButton" onclick="addToDatabase();"
style="margin-left: 45%; width: 10%;">Checkout</button>
</footer>
</div>
</div>
<section class="section" id="mainsect">
<div class="column is-one-quarter" id="livechat" style="display: none;">
<div id="chat">hi</div>
<input cols="50" class="is-small" type="text" width="100%" id="chatDisplayName"
placeholder="Display Name (optional)"></input>
<textarea cols="50" class="is-small" id="chatbox" placeholder="Type your message"></textarea>
</div>
<div class="container" id="mainContainer"></div>
</section>
</body>
</html>