-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathindex.html
128 lines (110 loc) · 5.96 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en">
<head>
<title>One Piece Wanted Poster Maker</title>
<meta charset="UTF-8">
<meta name="author" content="Yuska Wu, [email protected]">
<meta name="theme-color" content="#584034" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description"
content="Free online web application for creating One Piece wanted poster. You can import any image as the wanted photo to edit, and export the poster as an image whenever you want.">
<!-- FB sharing meta data -->
<meta property="og:url" content="https://yuskawu.github.io/one-piece-wanted-poster/dist/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="One Piece Wanted Poster Maker" />
<meta property="og:description"
content="Free online web application for creating One Piece wanted poster. You can import any image as the wanted photo to edit, and export the poster as an image whenever you want." />
<meta property="og:image" content="https://yuskawu.github.io/one-piece-wanted-poster/dist/images/share-preview.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="600">
<!-- Twitter sharing meta data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="One Piece Wanted Poster Maker">
<meta name="twitter:description"
content="Free online web application for creating One Piece wanted poster. You can import any image as the wanted photo to edit, and export the poster as an image whenever you want.">
<meta name="twitter:image" content="https://yuskawu.github.io/one-piece-wanted-poster/dist/images/share-preview.png">
<link rel="shortcut icon" href="favicon.png">
<!-- PWA: Apple Touch Icon, and Service Worker registration. -->
<!-- Vite Plugin PWA will add the Web App Manifest during build -->
<link rel="apple-touch-icon" href="./images/pwa/icon-192x192.png">
<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=Scheherazade+New:wght@700&display=swap" rel="stylesheet">
<link rel="preload" as="image" href="./images/luffy.png">
<link rel="preload" as="image" href="./images/cement-wall.jpg">
<link rel="preload" as="image" href="./images/wood-bg.png">
<link rel="preload" as="image" href="./images/scroll-paper.png">
<link rel="preload" as="image" href="./images/input-frame.png">
<link rel="preload" as="image" href="./images/slider-thumb.png">
<link rel="preload" as="image" href="./images/close-button.png">
<link rel="preload" as="image" href="./images/wood-button.png">
<link rel="preload" as="image" href="./images/tips-paper.png">
<link rel="prefetch" as="image" href="./images/blood-stains-0.png">
<link rel="prefetch" as="image" href="./images/blood-stains-1.png">
<link rel="prefetch" as="image" href="./images/war-criminal/criminal-avatar.png">
<link rel="prefetch" as="image" href="./images/war-criminal/criminal-stamp.png">
<link rel="modulepreload" href="https://unpkg.com/github-corner-element/dist/github-corner-element.es.js">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebApplication",
"name": "One Piece Wanted Poster Maker",
"description": "Free online web application for creating One Piece wanted poster. You can import any image as the wanted photo to edit, and export the poster as an image whenever you want.",
"keywords": "One Piece, One Piece Wanted Poster, wanted poster maker, wanted poster generator, bounty poster maker, bounty poster generator",
"url": "https://yuskawu.github.io/one-piece-wanted-poster/dist/",
"image": [
"https://yuskawu.github.io/one-piece-wanted-poster/dist/images/share-preview.png",
"https://yuskawu.github.io/one-piece-wanted-poster/dist/images/share-preview-full.png"
],
"author": {
"@type": "Person",
"name": "Yuska Wu",
"url": "https://github.com/YuskaWu"
},
"offers": {
"@type": "Offer",
"price": "0"
},
"applicationCategory": "BrowserApplication",
"browserRequirements": "requires Web Components support"
}
</script>
<script type="module">
// Register Service Worker using Vite Plugin PWA
import {registerSW} from 'virtual:pwa-register';
registerSW();
</script>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-NFBVGWZ');</script>
<!-- End Google Tag Manager -->
<script type="module" src="/src/main.ts"></script>
<script type="module" src="https://unpkg.com/github-corner-element/dist/github-corner-element.es.js"></script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NFBVGWZ" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<app-container>
<wanted-poster slot="poster"></wanted-poster>
<github-corner href="https://github.com/YuskaWu/one-piece-wanted-poster" size="4rem">
<svg slot="svg">
<defs>
<linearGradient id="banner-grad" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-45, 125, 125)">
<stop offset="75%" stop-color="rgb(254,213,0)" />
<stop offset="75%" stop-color="rgb(1,91,187)" />
</linearGradient>
</defs>
</svg>
</github-corner>
</app-container>
</body>
</html>