1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6+ < title > Double Checker</ title >
7+ < link rel ="stylesheet " href ="style.css?v=4 ">
8+ </ head >
9+ < body >
10+ < div class ="container ">
11+ < header >
12+ < div class ="logo-container ">
13+ < a href ="https://www.paypal.com/paypalme/HansjuergWuethrich " target ="_blank " rel ="noopener noreferrer ">
14+ < img src ="PayPalme.png " alt ="PayPal Me " id ="paypal-logo ">
15+ </ a >
16+ < img src ="Logo.png " alt ="Logo " id ="logo ">
17+ </ div >
18+ < h1 > Double Checker</ h1 >
19+ < p > Finds and removes similar duplicates and their associated images.</ p >
20+ </ header >
21+
22+ < section class ="card ">
23+ < h2 > 1. Select Folders</ h2 >
24+ < p class ="info info-gray "> Your browser will ask for permission to access the folders. This is required for scanning and deletion.</ p >
25+ < div class ="folder-selection ">
26+ < button id ="select-rom-folder "> Select ROM Folder</ button >
27+ < span id ="rom-folder-path "> No folder selected</ span >
28+ </ div >
29+ < div class ="folder-selection ">
30+ < button id ="select-image-folder "> Select Image Folder</ button >
31+ < span id ="image-folder-path "> No folder selected</ span >
32+ </ div >
33+ </ section >
34+
35+ < section class ="card ">
36+ < h2 > 2. Start Scan</ h2 >
37+ < button id ="scan-button " disabled > Find Duplicates</ button >
38+ </ section >
39+
40+ < section class ="card ">
41+ < h2 > 3. Results</ h2 >
42+ < p class ="info info-gray "> For each group, select the version you want to < strong > keep</ strong > . The file marked in green will be kept, all others in the group will be deleted.</ p >
43+ < div id ="results-container ">
44+ < p > No scan has been performed yet.</ p >
45+ </ div >
46+ </ section >
47+
48+ < section class ="card ">
49+ < h2 > 4. Deletion Process</ h2 >
50+ < button id ="delete-button " disabled > Delete Marked Files</ button >
51+ </ section >
52+
53+ < footer >
54+ < div id ="progress-container " class ="hidden ">
55+ < div id ="progress-bar "> </ div >
56+ </ div >
57+ < div id ="status-bar "> Ready.</ div >
58+ </ footer >
59+ </ div >
60+
61+ < script src ="script.js "> </ script >
62+ </ body >
63+ </ html >
0 commit comments