Merge pull request #1 from albyp/master

Added h2/h3 functions
bijx · Nov 16, 2023 · f347df2 · f347df2
2 parents e625d40 + adb574c
commit f347df2
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -28,6 +28,8 @@
 
         <div class="buttons">
             <button data-tag="h1">H1<span class="tooltip">Ctrl + Shift + H</span></button>
+            <button data-tag="h2">H2</button>
+            <button data-tag="h3">H3</button>
             <button data-tag="b">B<span class="tooltip">Ctrl + B</span></button>
             <button data-tag="u">U<span class="tooltip">Ctrl + U</span></button>
             <button data-tag="i">I<span class="tooltip">Ctrl + I</span></button>

diff --git a/script.js b/script.js
@@ -7,6 +7,8 @@ function updatePreview() {
 
   content = content.replace(/\n/g, '<br>');
   content = content.replace(/\[h1\](.*?)\[\/h1\]/g, '<h1>$1</h1>');
+  content = content.replace(/\[h2\](.*?)\[\/h2\]/g, '<h2>$1</h2>');
+  content = content.replace(/\[h3\](.*?)\[\/h3\]/g, '<h3>$1</h3>');
   content = content.replace(/\[b\](.*?)\[\/b\]/g, '<b>$1</b>');
   content = content.replace(/\[u\](.*?)\[\/u\]/g, '<u>$1</u>');
   content = content.replace(/\[i\](.*?)\[\/i\]/g, '<i>$1</i>');

diff --git a/styles.css b/styles.css
@@ -157,6 +157,16 @@ h1 {
   color: #5aa9d6;
 }
 
+h2 {
+  font-weight: 300;
+  color: #5aa9d6;
+}
+
+h3 {
+  font-weight: 200;
+  color: #5aa9d6;
+}
+
 .quote-modal {
   display: none;
   position: fixed;