From e8c4898b851a6754d0edd34a7469350501fb4a53 Mon Sep 17 00:00:00 2001 From: cafali <77307171+cafali@users.noreply.github.com> Date: Tue, 19 Nov 2024 10:56:44 +0100 Subject: [PATCH] Improved Emoji Set Improved Emoji Set for Task Management with Popular Additions --- cherrypad.html | 154 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 154 insertions(+) create mode 100644 cherrypad.html diff --git a/cherrypad.html b/cherrypad.html new file mode 100644 index 0000000..5773964 --- /dev/null +++ b/cherrypad.html @@ -0,0 +1,154 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>CherryPad</title> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> + <link rel="stylesheet" href="css/cherrypad.css"> +</head> +<body> + <div class="logo-container"> + <img id="logo-image" src="icon/CherryPad.png" alt="CherryPad Logo"> + <span>CherryPad</span> + </div> + <div class="buttons-container"> + <button id="saveButton" class="button"><i class="fas fa-save"></i>Save</button> + <button id="saveTxtButton" class="button"><i class="fas fa-file-download"></i>Download</button> + <button id="copyButton" class="button"><i class="fas fa-copy"></i>Copy All</button> + <button id="pasteButton" class="button"><i class="fas fa-paste"></i>Paste</button> + <button id="emojiButton" class="button"><i class="fas fa-smile"></i>Emoji</button> + <button id="clearButton" class="button" style="background-color: #131313;"><i class="fas fa-eraser"></i>Note 1</button> + <button id="clearButton2" class="button" style="background-color: #131313;"><i class="fas fa-eraser"></i>Note 2</button> + </div> + <div class="container"> + <div class="textarea-wrapper"> + <textarea id="noteInput" placeholder="Write your note here..."></textarea> + </div> + <div class="textarea-wrapper"> + <textarea id="noteInput2" placeholder="Hidden Note - This note won't appear in the popup... + +CherryPad Shortcuts: + +CTRL+S - Save Manually +CTRL+D - Download Note +CTRL+E - Open Emoji Panel + +...also make sure to find all the Easter Eggs!"></textarea> + </div> + </div> + <div class="footer"> + <div id="lastSaved" class="last-saved" style="color: #539861;"></div> + + CherryPad Makes Note-Taking Easy<br> + Button icons used in this project: Font Awesome (https://fontawesome.com), licensed under the Creative Commons Attribution 4.0 International License (CC BY 4.0) + </div> + <!-- Cherry Icon --> + <img id="cherry-icon" class="cherry-icon" src="CherryPad.png" alt="Cherry Icon"> + + <!-- Emoji Panel --> + <div id="emojiPanel" class="emoji-panel"> + <!-- ROW1 --> + <button class="emoji">😊</button> + <button class="emoji">😂</button> + <button class="emoji">😍</button> + <button class="emoji">😢</button> + <button class="emoji">😎</button> + <button class="emoji">😜</button> + <button class="emoji">😋</button> + <button class="emoji">😇</button> + <button class="emoji">😒</button><br> + <!-- ROW2 --> + <button class="emoji">😡</button> + <button class="emoji">🤮</button> + <button class="emoji">🤡</button> + <button class="emoji">💩</button> + <button class="emoji">💀</button> + <button class="emoji">🎃</button> + <button class="emoji">👽</button> + <button class="emoji">🥶</button> + <button class="emoji">😱</button><br> + <!-- ROW3 --> + <button class="emoji">👌</button> + <button class="emoji">✋</button> + <button class="emoji">👍</button> + <button class="emoji">👎</button> + <button class="emoji">👊</button> + <button class="emoji">👏</button> + <button class="emoji">👋</button> + <button class="emoji">🤙</button> + <button class="emoji">🤞</button><br> + <!-- ROW4 --> + <button class="emoji">💥</button> + <button class="emoji">🔥</button> + <button class="emoji">⚡</button> + <button class="emoji">🌟</button> + <button class="emoji">✨</button> + <button class="emoji">💨</button> + <button class="emoji">💣</button> + <button class="emoji">🌪️</button> + <button class="emoji">🚨</button><br> + <!-- ROW5 --> + <button class="emoji">✅</button> + <button class="emoji">❌</button> + <button class="emoji">⚠️</button> + <button class="emoji">🟢</button> + <button class="emoji">🔴</button> + <button class="emoji">🟡</button> + <button class="emoji">📈</button> + <button class="emoji">📉</button> + <button class="emoji">📌</button><br> + <!-- ROW6 --> + <button class="emoji">🍒</button> + <button class="emoji">🌸</button> + <button class="emoji">🍌</button> + <button class="emoji">🍉</button> + <button class="emoji">🍇</button> + <button class="emoji">🍓</button> + <button class="emoji">🍍</button> + <button class="emoji">🥭</button> + <button class="emoji">🍎</button><br> + <!-- ROW7 --> + <button class="emoji">💻</button> + <button class="emoji">📱</button> + <button class="emoji">🖥️</button> + <button class="emoji">🖨️</button> + <button class="emoji">📷</button> + <button class="emoji">🎧</button> + <button class="emoji">🔊</button> + <button class="emoji">⌚</button> + <button class="emoji">📺</button><br> + <!-- ROW8 --> + <button class="emoji">💎</button> + <button class="emoji">👑</button> + <button class="emoji">🥂</button> + <button class="emoji">👜</button> + <button class="emoji">👠</button> + <button class="emoji">🍧</button> + <button class="emoji">🏖️</button> + <button class="emoji">🛥️</button> + <button class="emoji">💲</button><br> + <!-- ROW9 --> + <button class="emoji">❤️</button> + <button class="emoji">🎉</button> + <button class="emoji">🎈</button> + <button class="emoji">💦</button> + <button class="emoji">👻</button> + <button class="emoji">🌈</button> + <button class="emoji">🦄</button> + <button class="emoji">🐳</button> + <button class="emoji">👀</button><br> +</div> +</body> +</html> + +<button id="versionButton" class="button version-button"><i class="fa fa-microchip"></i>1.4.7</button> +<button id="GithubButton" class="button github-button"><i class="fa-brands fa-github"></i>GitHub</button> +<button id="WebStoreButton" class="button WebStore-button"><i class="fa-brands fa-chrome"></i>Web Store</button> + +<a href="about.html" class="button About-button" style="text-decoration: none;"> + <i class="fa fa-info-circle"></i>About +</a> + + +<script src="scripts/cherry.js"></script>