-
Notifications
You must be signed in to change notification settings - Fork 16
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Improved Emoji Set for Task Management with Popular Additions
- Loading branch information
Showing
1 changed file
with
154 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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> |