-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (138 loc) · 6.52 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
129
130
131
132
133
134
135
136
137
138
139
140
141
<!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>
<aside>
<div class="meddelare-container" data-meddelare-url="https://fly-the-rainbow-flag.com/">
<a href="https://twitter.com/intent/tweet?text=I+am+flying+the+rainbow+flag!&url=https://fly-the-rainbow-flag.com/&via=joelpurra&related=joelpurra&hashtags=pride,equality,rainbowflag" target="_blank" class="meddelare-network" data-meddelare-network="twitter" data-count="—">
<span class="meddelare-icon"></span>
</a>
<a href="https://www.facebook.com/share.php?u=https://fly-the-rainbow-flag.com/" target="_blank" class="meddelare-network" data-meddelare-network="facebook" data-count="—">
<span class="meddelare-icon"></span>
</a>
<a href="https://plus.google.com/share?url=https://fly-the-rainbow-flag.com/" target="_blank" class="meddelare-network" data-meddelare-network="googleplus" data-count="—">
<span class="meddelare-icon"></span>
</a>
</div>
</aside>
<section>
<h2>
Rainbowify your photo
<small>Select a file below</small>
</h2>
<input type="file" accept="image/*" id="file-input" />
<div id="log"></div>
<div id="results" class="two columns">
<div id="before" class="left column">
<h3>
Before
<span class="processing-spinner"></span>
</h3>
<p>
<img id="before-image" src="/resources/image/placeholder/before.jpg" />
</p>
</div>
<div id="after" class="right column">
<h3>
After
<span class="processing-spinner"></span>
</h3>
<p>
<img id="after-image" src="/resources/image/placeholder/after.jpg" />
</p>
</div>
<p>
When the rainbow flag is in place, just save the photo and use it where you please - then ask your friends to do the same!
</p>
</div>
</section>
<!--
<section>
<h2>
Important
</h2>
<div class="two-columns">
<ul style="margin-top: 0;">
<li>
List item.
</li>
<li>
List item.
</li>
</ul>
</div>
</section>
-->
<!--
<section>
<h2>
Log
</h2>
<article>
<h3>
<time datetime="2015-07-01" title="2015-07-01">
2015-07-01
</time>
Heading
</h3>
<p>
Text.
</p>
</article>
<details>
<summary>
Older entries
</summary>
</details>
</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 <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>
<small><a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT_movement)">The rainbow flag is public domain.</a> Your photos belong to you, but by uploading them to the service you give your consent to fly-the-rainbow-flag.com to store and manipulate them. <a href="https://en.wikipedia.org/wiki/File:Rainbow_flag_and_blue_skies.jpg">Background photo by Ludovic Bertron, CC-BY 2.0.</a></small>
</p>
</footer>
<script src="/resources/javascript/main.js"></script>
</body>
</html>