Merge pull request #3 from leon-luna-ray/dev

Dev
leon-luna-ray · Sep 29, 2023 · 5503fde · 5503fde
2 parents 56e83df + 7b026c7
commit 5503fde
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# Copymoji
+# CopyMoji 👯‍♀️
 
 🚧 In development 🚧
 
@@ -12,6 +12,7 @@ This is a web app that allows desktop computer users to easily find and copy emo
 - Cloudflare
 - CSS3
 - HTML5
+- JavaScript
 - TailwindCSS
 - Vite.js
 - Vue.js
diff --git a/app.vue b/app.vue
@@ -1,10 +1,10 @@
 <template>
   <header>
     <div class="container flex-col-center py-[2rem] gap-y-[1rem]">
-      <h1>CopyMoji</h1>
+      <h1>CopyMoji 👯‍♀️</h1>
       <div class="flex-col-center">
         <p>Click an emoji to copy it to the clipboard!</p>
-        <p>🚧 👷🏻‍♂️ This app is development </p>
+        <p>👷🏻‍♂️ This app is development 🚧</p>
       </div>
     </div>
   </header>

diff --git a/assets/styles/base.css b/assets/styles/base.css
@@ -5,6 +5,6 @@
         @apply dark:bg-gray-950 dark:text-white;
     }
     h1, .h1 {
-        @apply text-[4rem];
+        @apply text-[4rem] font-young;
     }
 }
diff --git a/assets/styles/fonts.css b/assets/styles/fonts.css
@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap');
diff --git a/assets/styles/main.css b/assets/styles/main.css
@@ -1,3 +1,4 @@
 @import url('./base.css');
 @import url('./components.css');
+@import url('./fonts.css');
 @import url('./utilities.css');
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -19,7 +19,11 @@ module.exports = {
         // '2xl': '6rem',
       },
     },
-    extend: {},
+    extend: {
+      fontFamily: {
+        young: ['Young Serif', 'serif'],
+      },
+    },
   },
   variants: {
     extend: {