ImgClean.io/index.html at master · WouterJanson/ImgClean.io · GitHub

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
<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="UTF-8">
    <title>ImgClean.io</title>
    <meta name="description" content="A metadata stripper for your photos">
    <meta name="author" content="Wouter Janson">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#157878">
    <link rel="stylesheet" href="css/normalize.css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/cayman.css">
    <link rel="stylesheet" href="css/btn.css">
    <script>
      // Check that service workers are supported
      if ('serviceWorker' in navigator) {
        // Use the window load event to keep the page load performant
        window.addEventListener('load', () => {
            navigator.serviceWorker.register('/serviceworker.js');
        });
        // Force update
        navigator.serviceWorker.getRegistrations().then(function (registrations) {
          for (let registration of registrations) {
            registration.update();
          }
        });
      }
    </script>
    <link rel="manifest" href="/manifest/manifest.json">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="application-name" content="ImgClean">
    <meta name="apple-mobile-web-app-title" content="ImgClean">
    <meta name="theme-color" content="#159957">
    <meta name="msapplication-navbutton-color" content="#159957">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="msapplication-starturl" content="/">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="shortcut icon" href="/manifest/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="/manifest/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/manifest/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/manifest/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/manifest/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/manifest/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/manifest/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/manifest/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/manifest/apple-touch-icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/manifest/apple-touch-icon-180x180.png" />
  </head>
  <body>
    <section class="page-header">
      <h1 class="project-name">ImgClean.io</h1>
      <h2 class="project-tagline">A metadata stripper for your photos</h2>
      <div class="fileUpload button">
        <label>
          <span>Pick a photo</span>
          <input id="getfile" type="file" class="upload" accept="image/jpeg"/>
        </label>
      </div>
    </section>

    <section class="main-content">
      <h3>Removing metadata from your photos</h3>
      <p>Modern cameras store much more information in your pictures than just that wonderful sunset or that twinkle in your girlfriend's eyes. This extra information is called metadata and contains things like the location where the photo is taken or the brand of camera.</p>
      <p>Metadata can tell a lot more about you than you think, that's why it is a good idea to remove the metadata before you upload a photo to social media for example.</p>
      <p><strong>Note: </strong>ImgClean.io never uploads your photo, the stripping of metadata happens on your own device. That's because we care about your privacy.</p>
      <canvas hidden></canvas>
      <h3>Exif Data Log:</h3>
      <div class="exiflist" id="output">No activity yet...</div>
      <div id="download" class="centered">
        <a class="btn btn-warning btn-lg" href="#" disabled >Download your photo</a>
      </div>

      <footer class="site-footer">
        <span class="site-footer-owner"><a href="https://github.com/wouterjanson/ImgClean.io">ImgClean.io</a> is created by <a href="https://wouterjanson.nl/">Wouter Janson</a> with <a href="https://github.com/exif-js/exif-js">Exif.js</a>.</span>
        <span class="site-footer-credits">This page is hosted on <a href="https://pages.github.com">GitHub Pages</a> with the <a href="https://github.com/jasonlong/cayman-theme">Cayman</a> theme.</span>
      </footer>

    </section>
    <script src="scripts/exif.js"></script>
    <script src="scripts/imgclean.js"></script>
    <script async defer src="https://scripts.withcabin.com/hello.js"></script>
  </body>
</html>