Skip to content

Commit e8c4898

Browse files
cafalicafali
authored
Improved Emoji Set
Improved Emoji Set for Task Management with Popular Additions
1 parent 4f49093 commit e8c4898

File tree

1 file changed

+154
-0
lines changed

1 file changed

+154
-0
lines changed

‎cherrypad.html‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
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>CherryPad</title>
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
8+
<link rel="stylesheet" href="css/cherrypad.css">
9+
</head>
10+
<body>
11+
<div class="logo-container">
12+
<img id="logo-image" src="icon/CherryPad.png" alt="CherryPad Logo">
13+
<span>CherryPad</span>
14+
</div>
15+
<div class="buttons-container">
16+
<button id="saveButton" class="button"><i class="fas fa-save"></i>Save</button>
17+
<button id="saveTxtButton" class="button"><i class="fas fa-file-download"></i>Download</button>
18+
<button id="copyButton" class="button"><i class="fas fa-copy"></i>Copy All</button>
19+
<button id="pasteButton" class="button"><i class="fas fa-paste"></i>Paste</button>
20+
<button id="emojiButton" class="button"><i class="fas fa-smile"></i>Emoji</button>
21+
<button id="clearButton" class="button" style="background-color: #131313;"><i class="fas fa-eraser"></i>Note 1</button>
22+
<button id="clearButton2" class="button" style="background-color: #131313;"><i class="fas fa-eraser"></i>Note 2</button>
23+
</div>
24+
<div class="container">
25+
<div class="textarea-wrapper">
26+
<textarea id="noteInput" placeholder="Write your note here..."></textarea>
27+
</div>
28+
<div class="textarea-wrapper">
29+
<textarea id="noteInput2" placeholder="Hidden Note - This note won't appear in the popup...
30+
31+
CherryPad Shortcuts:
32+
33+
CTRL+S - Save Manually
34+
CTRL+D - Download Note
35+
CTRL+E - Open Emoji Panel
36+
37+
...also make sure to find all the Easter Eggs!"></textarea>
38+
</div>
39+
</div>
40+
<div class="footer">
41+
<div id="lastSaved" class="last-saved" style="color: #539861;"></div>
42+
43+
CherryPad Makes Note-Taking Easy<br>
44+
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)
45+
</div>
46+
<!-- Cherry Icon -->
47+
<img id="cherry-icon" class="cherry-icon" src="CherryPad.png" alt="Cherry Icon">
48+
49+
<!-- Emoji Panel -->
50+
<div id="emojiPanel" class="emoji-panel">
51+
<!-- ROW1 -->
52+
<button class="emoji">😊</button>
53+
<button class="emoji">😂</button>
54+
<button class="emoji">😍</button>
55+
<button class="emoji">😢</button>
56+
<button class="emoji">😎</button>
57+
<button class="emoji">😜</button>
58+
<button class="emoji">😋</button>
59+
<button class="emoji">😇</button>
60+
<button class="emoji">😒</button><br>
61+
<!-- ROW2 -->
62+
<button class="emoji">😡</button>
63+
<button class="emoji">🤮</button>
64+
<button class="emoji">🤡</button>
65+
<button class="emoji">💩</button>
66+
<button class="emoji">💀</button>
67+
<button class="emoji">🎃</button>
68+
<button class="emoji">👽</button>
69+
<button class="emoji">🥶</button>
70+
<button class="emoji">😱</button><br>
71+
<!-- ROW3 -->
72+
<button class="emoji">👌</button>
73+
<button class="emoji">✋</button>
74+
<button class="emoji">👍</button>
75+
<button class="emoji">👎</button>
76+
<button class="emoji">👊</button>
77+
<button class="emoji">👏</button>
78+
<button class="emoji">👋</button>
79+
<button class="emoji">🤙</button>
80+
<button class="emoji">🤞</button><br>
81+
<!-- ROW4 -->
82+
<button class="emoji">💥</button>
83+
<button class="emoji">🔥</button>
84+
<button class="emoji">⚡</button>
85+
<button class="emoji">🌟</button>
86+
<button class="emoji">✨</button>
87+
<button class="emoji">💨</button>
88+
<button class="emoji">💣</button>
89+
<button class="emoji">🌪️</button>
90+
<button class="emoji">🚨</button><br>
91+
<!-- ROW5 -->
92+
<button class="emoji">✅</button>
93+
<button class="emoji">❌</button>
94+
<button class="emoji">⚠️</button>
95+
<button class="emoji">🟢</button>
96+
<button class="emoji">🔴</button>
97+
<button class="emoji">🟡</button>
98+
<button class="emoji">📈</button>
99+
<button class="emoji">📉</button>
100+
<button class="emoji">📌</button><br>
101+
<!-- ROW6 -->
102+
<button class="emoji">🍒</button>
103+
<button class="emoji">🌸</button>
104+
<button class="emoji">🍌</button>
105+
<button class="emoji">🍉</button>
106+
<button class="emoji">🍇</button>
107+
<button class="emoji">🍓</button>
108+
<button class="emoji">🍍</button>
109+
<button class="emoji">🥭</button>
110+
<button class="emoji">🍎</button><br>
111+
<!-- ROW7 -->
112+
<button class="emoji">💻</button>
113+
<button class="emoji">📱</button>
114+
<button class="emoji">🖥️</button>
115+
<button class="emoji">🖨️</button>
116+
<button class="emoji">📷</button>
117+
<button class="emoji">🎧</button>
118+
<button class="emoji">🔊</button>
119+
<button class="emoji">⌚</button>
120+
<button class="emoji">📺</button><br>
121+
<!-- ROW8 -->
122+
<button class="emoji">💎</button>
123+
<button class="emoji">👑</button>
124+
<button class="emoji">🥂</button>
125+
<button class="emoji">👜</button>
126+
<button class="emoji">👠</button>
127+
<button class="emoji">🍧</button>
128+
<button class="emoji">🏖️</button>
129+
<button class="emoji">🛥️</button>
130+
<button class="emoji">💲</button><br>
131+
<!-- ROW9 -->
132+
<button class="emoji">❤️</button>
133+
<button class="emoji">🎉</button>
134+
<button class="emoji">🎈</button>
135+
<button class="emoji">💦</button>
136+
<button class="emoji">👻</button>
137+
<button class="emoji">🌈</button>
138+
<button class="emoji">🦄</button>
139+
<button class="emoji">🐳</button>
140+
<button class="emoji">👀</button><br>
141+
</div>
142+
</body>
143+
</html>
144+
145+
<button id="versionButton" class="button version-button"><i class="fa fa-microchip"></i>1.4.7</button>
146+
<button id="GithubButton" class="button github-button"><i class="fa-brands fa-github"></i>GitHub</button>
147+
<button id="WebStoreButton" class="button WebStore-button"><i class="fa-brands fa-chrome"></i>Web Store</button>
148+
149+
<a href="about.html" class="button About-button" style="text-decoration: none;">
150+
<i class="fa fa-info-circle"></i>About
151+
</a>
152+
153+
154+
<script src="scripts/cherry.js"></script>

0 commit comments

Comments
 (0)