Create index.html

AryanVBW · Jul 4, 2024 · 60fce61 · 60fce61
1 parent fb4222e
commit 60fce61
Showing 1 changed file with 168 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Exif Images Edition</title>
+<style>
+  body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #f0f0f0;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+  }
+  .container {
+    max-width: 800px;
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  }
+  .code-block {
+    position: relative;
+    margin-bottom: 20px;
+  }
+  .copy-btn {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    background-color: #007bff;
+    color: #fff;
+    border: none;
+    padding: 5px 10px;
+    cursor: pointer;
+    border-radius: 5px;
+    transition: background-color 0.3s ease;
+  }
+  .copy-btn:hover {
+    background-color: #0056b3;
+  }
+  .center {
+    text-align: center;
+  }
+  .logo {
+    max-height: 200px;
+  }
+  .animated-text {
+    font-size: 24px;
+    animation: color-change 10s infinite alternate;
+  }
+  @keyframes color-change {
+    0% {
+      color: #007bff;
+    }
+    100% {
+      color: #ff6347;
+    }
+  }
+</style>
+</head>
+<body>
+<div class="container">
+  <p class="center">
+    <img class="logo" src="https://github.com/AryanVBW/Exif/releases/download/Exif/ExIF-Logo_BackgroundWhite.png" height="200"><br>
+    <span class="animated-text">A Exif-Images Edition</span>
+  </p>
+
+  <h2>Features</h2>
+  <ul>
+    <li>Extract exif data of images jpg, jpeg, png.</li>
+    <li>Clear exif data of images.</li>
+    <li>Save data in a text file.</li>
+  </ul>
+
+  <h2>Supported Formats</h2>
+  <ul>
+    <li>Images: PNG, JPG, JPEG, GIF, BMP, TIFF</li>
+    <li>Videos: MP4, MKV, AVI, MOV</li>
+    <li>Audio: MP3 (limited support, additional library may be required)</li>
+  </ul>
+
+  <h2>Installation and Usage Instructions</h2>
+  <ol>
+    <li>Add .jpg to subfolder ./images from where the script is stored.</li>
+    <li>Note: Most social media sites strip exif data from uploaded photos.</li>
+  </ol>
+
+  <h3>Prerequisites</h3>
+  <ol>
+    <li>Install Python3
+      <ul>
+        <li>Debian, Ubuntu, Etc: <code>sudo apt-get install python3</code></li>
+        <li>Fedora, Oracle, Red Hat, etc: <code>su -c "yum install python"</code></li>
+        <li>Windows: <a href="https://www.python.org/downloads/windows/">Python for Windows</a></li>
+      </ul>
+    </li>
+    <li>Install Pillow (Pillow will not work if you have PIL installed):
+      <pre><code>python3 -m pip install --upgrade pip
+python3 -m pip install --upgrade Pillow
+pip install Pillow moviepy
+pip install eyed3
+      </code></pre>
+    </li>
+  </ol>
+
+  <h2>Installation</h2>
+  <h3>Copy &amp; paste the following commands:</h3>
+  <div class="code-block">
+    <button class="copy-btn" onclick="copyToClipboard('#install-commands')">Copy</button>
+    <pre id="install-commands"><code>git clone https://github.com/AryanVBW/Exif.git
+cd Exif
+python3 exif-main.py</code></pre>
+  </div>
+
+  <h3>To remove exif data from images, use the following command:</h3>
+  <div class="code-block">
+    <button class="copy-btn" onclick="copyToClipboard('#remove-exif-commands')">Copy</button>
+    <pre id="remove-exif-commands"><code>python3 remove-exif.py</code></pre>
+  </div>
+
+  <h2>📸🎥🔍 Direct Use</h2>
+  <p>Discover the hidden details in your media files effortlessly! Simply run this script and:</p>
+  <ul>
+    <li>🌐 Enter the path to your images, videos, or audio files.</li>
+    <li>💾 Choose where to save the extracted Exif data.</li>
+  </ul>
+  <p>Unearth the metadata magic with style!</p>
+
+  <h3>Copy and paste this:</h3>
+  <div class="code-block">
+    <button class="copy-btn" onclick="copyToClipboard('#direct-use-commands')">Copy</button>
+    <pre id="direct-use-commands"><code>git clone https://github.com/AryanVBW/Exif.git
+cd Exif
+python3 exif-raw.py</code></pre>
+  </div>
+
+  <h3>Use these commands to print jpg output directly on terminal or PowerShell:</h3>
+  <div class="code-block">
+    <button class="copy-btn" onclick="copyToClipboard('#print-jpg-commands')">Copy</button>
+    <pre id="print-jpg-commands"><code>git clone https://github.com/AryanVBW/Exif.git
+cd Exif
+python3 exif.py</code></pre>
+  </div>
+
+  <p class="center">
+    Visitor count<br>
+    <img src="https://profile-counter.glitch.me/Aryanvbw/count.svg" />
+  </p>
+</div>
+
+<script>
+  function copyToClipboard(element) {
+    var copyText = document.querySelector(element);
+    var range = document.createRange();
+    range.selectNode(copyText);
+    window.getSelection().removeAllRanges();
+    window.getSelection().addRange(range);
+    document.execCommand("copy");
+    window.getSelection().removeAllRanges();
+  }
+</script>
+
+</body>
+</html>