mitch
/
epstein-imessage-viewer


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Epstein iMessage Reader</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="imessage-window">
            <div class="imessage-header">
                <div class="participants-info">
                    <div class="avatars"></div>
                    <div class="participant-names"></div>
                </div>
            </div>
            <div class="message-container" id="message-container">
                <!-- Messages will be injected here -->
            </div>
            <div class="imessage-footer">
                <div class="navigation">
                    <button id="prev-btn">Previous</button>
                    <span id="conversation-number"></span>
                    <button id="next-btn">Next</button>
                </div>
                <button id="export-btn">Export as PNG</button>
            </div>
        </div>
    </div>
    <div id="identity-modal" class="modal">
        <div class="modal-content">
            <span class="close-btn">&times;</span>
            <h2>Edit Speaker Identity</h2>
            <p>Identifier: <span id="modal-identifier"></span></p>
            <input type="text" id="modal-name-input" placeholder="Enter Name">
            <input type="text" id="modal-avatar-input" placeholder="Enter Avatar URL">
            <button id="modal-save-btn">Save</button>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>