68 lines
3.2 KiB
HTML
68 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Journal</title>
|
|
<link rel="stylesheet" href="journal.css">
|
|
</head>
|
|
<body>
|
|
<div class="notes-container">
|
|
<!-- Top Right Floating Buttons -->
|
|
<div class="top-buttons">
|
|
<button id="shareBtn" class="floating-button" aria-label="Share">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="18" cy="5" r="3"></circle>
|
|
<circle cx="6" cy="12" r="3"></circle>
|
|
<circle cx="18" cy="19" r="3"></circle>
|
|
<line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line>
|
|
<line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line>
|
|
</svg>
|
|
</button>
|
|
<button id="menuBtn" class="floating-button" aria-label="Menu">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<line x1="3" y1="12" x2="21" y2="12"></line>
|
|
<line x1="3" y1="6" x2="21" y2="6"></line>
|
|
<line x1="3" y1="18" x2="21" y2="18"></line>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Bottom Left Floating Buttons -->
|
|
<div class="bottom-buttons">
|
|
<button id="cameraBtn" class="floating-button" aria-label="Extract from Image">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path>
|
|
<circle cx="12" cy="13" r="4"></circle>
|
|
</svg>
|
|
</button>
|
|
<button id="clearBtn" class="floating-button" aria-label="Clear">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Z"></path>
|
|
<line x1="18" x2="12" y1="9" y2="15"></line>
|
|
<line x1="12" x2="18" y1="9" y2="15"></line>
|
|
</svg>
|
|
</button>
|
|
<button id="saveBtn" class="floating-button" aria-label="Save">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
|
|
<polyline points="17 21 17 13 7 13 7 21"></polyline>
|
|
<polyline points="7 3 7 8 15 8"></polyline>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Full Screen Textarea -->
|
|
<textarea id="noteTextarea" class="notes-textarea" placeholder="Start typing..."></textarea>
|
|
</div>
|
|
|
|
<!-- Hidden input: system chooser (camera/photos/files) -->
|
|
<input type="file" id="fileInput" accept="image/*" style="display:none">
|
|
|
|
<!-- Toast Container -->
|
|
<div id="toastContainer" class="toast-container"></div>
|
|
|
|
<script src="journal.js"></script>
|
|
</body>
|
|
</html>
|