/
index.html
96 lines (93 loc) · 4.59 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fly the rainbow flag! fly-the-rainbow-flag.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/resources/font/font.css" />
<link rel="stylesheet" type="text/css" href="/resources/style/main.css" />
<link rel="icon" type="image/png" href="/resources/image/icon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/resources/image/icon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/resources/image/icon-64x64.png" sizes="64x64" />
<link rel="icon" type="image/png" href="/resources/image/icon-96x96.png" sizes="96x96" />
<link rel="image_src" href="/resources/image/icon-1024x1024.png" />
<link rel="canonical" href="https://fly-the-rainbow-flag.com/" />
<link rel="canonical-domain" href="https://fly-the-rainbow-flag.com/" />
<meta name="title" content="Fly the rainbow flag! fly-the-rainbow-flag.com" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Fly the rainbow flag! fly-the-rainbow-flag.com" />
<meta name="twitter:description" content="Do you fly the rainbow flag? Show your support by adding the rainbow flag to your photos! Super simple, no hassle, no registration - just do it!" />
<meta name="twitter:site" content="@joelpurra" />
<meta name="twitter:creator" content="@joelpurra" />
<meta name="twitter:image:src" content="https://fly-the-rainbow-flag.com/resources/image/icon-1024x1024.png" />
<meta name="twitter:domain" content="fly-the-rainbow-flag.com" />
<meta property="og:site_name" content="Fly the rainbow flag! fly-the-rainbow-flag.com" />
<meta property="og:url" content="https://fly-the-rainbow-flag.com/" />
<meta property="og:image" content="https://fly-the-rainbow-flag.com/resources/image/icon-1024x1024.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="1024" />
<meta property="og:title" content="Fly the rainbow flag!" />
<meta name="description" content="Do you fly the rainbow flag? Show your support by adding the rainbow flag to your photos! Super simple, no hassle, no registration - just do it!" />
</head>
<body>
<header>
<h1>
<a href="https://fly-the-rainbow-flag.com/">
Fly the rainbow flag!
</a>
</h1>
<p>
Show your support by adding the <a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT_movement)">rainbow flag</a> to your photos!
</p>
</header>
<section>
<h2>
Rainbowify your photo
</h2>
<p>
<label>
<small>
Select a file:
</small>
<input type="file" accept="image/*" id="file-input" />
</label>
</p>
<div id="log"></div>
<hr />
<div id="results" class="two columns">
<div id="before" class="left column">
<h3>
Before
<span class="processing-spinner"></span>
</h3>
<p>
<a id="before-link" href="/resources/image/placeholder/before.jpg" target="_blank"><img id="before-image" src="/resources/image/placeholder/before.jpg" /></a>
</p>
</div>
<div id="after" class="right column">
<h3>
After
<span class="processing-spinner"></span>
</h3>
<p>
<a id="after-link" href="/resources/image/placeholder/after.jpg" target="_blank"><img id="after-image" src="/resources/image/placeholder/after.jpg" /></a>
</p>
</div>
</div>
<hr />
<p>
When the rainbow flag is in place, just save the photo and use it wherever you please. Enjoy!
</p>
</section>
<footer>
<p>
<img src="/resources/image/icon-64x64.png" /> <a href="https://fly-the-rainbow-flag.com/">Fly the rainbow flag!</a> © 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, <a href="https://joelpurra.com/">Joel Purra</a>. <a href="https://github.com/joelpurra/fly-the-rainbow-flag.com">Released</a> under the <a href="https://www.gnu.org/licenses/agpl-3.0.html">AGPL-3.0 License</a>.
</p>
<p>
<a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT_movement)">The rainbow flag is public domain.</a> <a href="https://en.wikipedia.org/wiki/File:Rainbow_flag_and_blue_skies.jpg">Background photo by Ludovic Bertron, <nobr>CC-BY 2.0</nobr>.</a> Your photo belongs to you, and is only displayed to you. By uploading your photo to the service you assert that you have the right to do so, and give your consent to <nobr>fly-the-rainbow-flag.com</nobr> to temporarily store it, add the flag, and send it back to you.
</p>
</footer>
<script src="/resources/javascript/main.js"></script>
</body>
</html>