-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (65 loc) · 6.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="A clean and intuitive interface for programming p5.js with intelligent code completion, hover info, and signature information."
/>
<meta name="theme-color" content="#fff" />
<link rel="manifest" href="./dist/manifest.json" />
<link rel="shortcut icon" href="./dist/favicon.ico" type="image/x-icon" />
<link
rel="apple-touch-icon"
href="./dist/192_maskable.png"
type="image/png"
/>
<title>p5.js Playground</title>
<script>
window.addEventListener("DOMContentLoaded", (ev) => {
document.querySelector(".loader").style.display = "none";
});
</script>
<link rel="stylesheet" href="./dist/app.css" />
<link rel="stylesheet" href="./dist/style.css" />
</head>
<body>
<section class="loader">
<div class="flex-v cnt">
<svg
width="250"
height="114"
viewBox="0 0 250 114"
fill="white"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.2539 27.631V35.629H16.6129C17.3279 34.516 18.2629 33.381 19.4179 32.227C20.5709 31.073 21.9849 30.039 23.6569 29.122C25.3279 28.21 27.2179 27.452 29.3279 26.854C31.4349 26.258 33.8049 25.958 36.4309 25.958C40.4909 25.958 44.2309 26.735 47.6539 28.286C51.0759 29.841 54.0219 31.97 56.4899 34.675C58.9559 37.382 60.8659 40.566 62.2199 44.226C63.5729 47.888 64.2499 51.828 64.2499 56.046C64.2499 60.264 63.5929 64.224 62.2789 67.925C60.9669 71.626 59.0939 74.849 56.6679 77.595C54.2389 80.341 51.2959 82.533 47.8329 84.161C44.3699 85.792 40.4489 86.608 36.0729 86.608C32.0129 86.608 28.2919 85.772 24.9099 84.102C21.5249 82.43 18.9199 80.163 17.0899 77.295H16.8519V113.59H2.5249V27.631H16.2539ZM49.6839 56.045C49.6839 53.816 49.3449 51.607 48.6689 49.418C47.9909 47.23 46.9769 45.26 45.6239 43.508C44.2699 41.76 42.5599 40.346 40.4899 39.27C38.4199 38.196 35.9929 37.659 33.2079 37.659C30.5809 37.659 28.2319 38.216 26.1639 39.331C24.0939 40.446 22.3219 41.88 20.8509 43.628C19.3769 45.38 18.2639 47.37 17.5079 49.599C16.7499 51.828 16.3739 54.058 16.3739 56.285C16.3739 58.514 16.7499 60.723 17.5079 62.91C18.2639 65.101 19.3769 67.07 20.8509 68.822C22.3229 70.572 24.0939 71.986 26.1639 73.058C28.2319 74.134 30.5809 74.669 33.2079 74.669C35.9929 74.669 38.4199 74.114 40.4899 72.999C42.5589 71.884 44.2699 70.452 45.6239 68.7C46.9769 66.95 47.9909 64.96 48.6689 62.731C49.3449 60.502 49.6839 58.273 49.6839 56.045Z"
/>
<path
d="M189.333 24.8931V88.3991C189.333 91.8211 189.054 95.0651 188.497 98.1291C187.938 101.193 186.886 103.859 185.333 106.129C183.782 108.399 181.671 110.207 179.005 111.561C176.337 112.915 172.857 113.59 168.558 113.59C167.365 113.59 166.171 113.51 164.976 113.352C163.783 113.192 162.828 113.032 162.111 112.873L163.306 100.695C163.943 100.855 164.618 100.974 165.335 101.054C166.052 101.132 166.687 101.173 167.245 101.173C168.915 101.173 170.268 100.855 171.304 100.218C172.337 99.5791 173.134 98.7041 173.693 97.5911C174.248 96.4761 174.607 95.1831 174.767 93.7101C174.925 92.2371 175.005 90.6671 175.005 88.9951V24.8931H189.333Z"
/>
<path
d="M238.163 42.912C236.888 41.24 235.138 39.789 232.909 38.555C230.68 37.321 228.253 36.703 225.626 36.703C223.317 36.703 221.21 37.182 219.3 38.137C217.388 39.09 216.435 40.684 216.435 42.912C216.435 45.14 217.488 46.715 219.597 47.627C221.706 48.543 224.792 49.479 228.851 50.434C230.999 50.913 233.167 51.549 235.357 52.344C237.547 53.139 239.537 54.194 241.328 55.508C243.117 56.82 244.57 58.453 245.685 60.403C246.798 62.354 247.357 64.721 247.357 67.507C247.357 71.011 246.699 73.976 245.386 76.402C244.074 78.83 242.322 80.8 240.132 82.312C237.942 83.824 235.396 84.919 232.491 85.595C229.585 86.271 226.583 86.609 223.477 86.609C219.018 86.609 214.682 85.793 210.463 84.162C206.244 82.533 202.742 80.203 199.957 77.18L209.389 68.344C210.981 70.414 213.049 72.125 215.598 73.477C218.145 74.831 220.969 75.506 224.075 75.506C225.108 75.506 226.163 75.389 227.239 75.149C228.313 74.911 229.307 74.534 230.223 74.016C231.137 73.498 231.873 72.803 232.432 71.926C232.987 71.049 233.266 69.977 233.266 68.701C233.266 66.312 232.172 64.603 229.985 63.568C227.794 62.533 224.51 61.498 220.135 60.464C217.985 59.985 215.895 59.37 213.865 58.612C211.836 57.856 210.025 56.862 208.433 55.628C206.839 54.394 205.568 52.864 204.613 51.03C203.658 49.2 203.179 46.932 203.179 44.225C203.179 41.041 203.835 38.297 205.15 35.989C206.462 33.678 208.195 31.792 210.343 30.315C212.491 28.844 214.919 27.749 217.626 27.034C220.331 26.317 223.118 25.958 225.983 25.958C230.12 25.958 234.161 26.675 238.1 28.106C242.039 29.54 245.162 31.731 247.473 34.674L238.163 42.912Z"
/>
<path
d="M153.559 72.8159L162.092 70.2399L163.768 75.3959L155.27 78.2939L160.545 85.7739L156.098 88.9999L150.545 81.6519L145.137 88.8059L140.818 85.5169L146.093 78.2939L137.53 75.2039L139.207 70.0439L147.806 72.8149V63.9199H153.56V72.8159H153.559Z"
/>
<path
d="M124.086 45.8362C122.613 42.5352 120.565 39.7482 117.938 37.4792C115.312 35.2112 112.227 33.4792 108.686 32.2862C105.143 31.0932 101.302 30.4952 97.1648 30.4952C95.6518 30.4952 93.9609 30.5772 92.0909 30.7332C90.2199 30.8952 88.6088 31.1722 87.2558 31.5712L88.0909 13.3032H122.595V0.410156H74.4809L73.0478 46.6112C74.3188 45.9762 75.7728 45.3792 77.4048 44.8202C79.0358 44.2652 80.7068 43.7672 82.4188 43.3302C84.1298 42.8922 85.8818 42.5552 87.6728 42.3142C89.4638 42.0762 91.1538 41.9572 92.7468 41.9572C95.0538 41.9572 97.3228 42.2152 99.5518 42.7322C101.78 43.2502 103.79 44.1662 105.581 45.4782C107.372 46.7902 108.823 48.5232 109.939 50.6712C111.052 52.8192 111.61 55.5262 111.61 58.7902C111.61 61.3372 111.192 63.6262 110.356 65.6552C109.521 67.6822 108.386 69.3762 106.955 70.7271C105.521 72.0821 103.851 73.1162 101.939 73.8312C100.029 74.5502 97.9998 74.9072 95.8498 74.9072C92.0308 74.9072 88.7258 73.8912 85.9408 71.8622C83.1538 69.8332 81.1658 67.1472 79.9708 63.8032L79.8118 63.8622L69.4438 73.5772C71.5408 76.9972 74.2438 79.8581 77.5838 82.1301C82.4378 85.4311 88.4068 87.0852 95.4928 87.0852C99.7108 87.0852 103.69 86.4072 107.431 85.0562C111.171 83.7042 114.435 81.7532 117.221 79.2042C120.006 76.6592 122.215 73.5342 123.848 69.8332C125.478 66.1322 126.294 61.9352 126.294 57.2372C126.295 52.9392 125.559 49.1412 124.086 45.8362Z"
/>
</svg>
<h1>Loading Playground</h1>
</div>
</section>
<div id="app"></div>
<script src="./dist/app.js"></script>
</body>
<script>
if (navigator.serviceWorker) {
navigator.serviceWorker.register("./sw.js");
}
</script>
</html>