diff --git a/assets/images/coolicons-cover.png b/assets/images/coolicons-cover.png new file mode 100644 index 0000000..b1957eb Binary files /dev/null and b/assets/images/coolicons-cover.png differ diff --git a/assets/merakiui-thumbnail.png b/assets/images/merakiui-thumbnail.png similarity index 100% rename from assets/merakiui-thumbnail.png rename to assets/images/merakiui-thumbnail.png diff --git a/assets/images/tailwindcss.jpg b/assets/images/tailwindcss.jpg new file mode 100644 index 0000000..477df79 Binary files /dev/null and b/assets/images/tailwindcss.jpg differ diff --git a/assets/images/unsplash.jpg b/assets/images/unsplash.jpg new file mode 100644 index 0000000..27d3efa Binary files /dev/null and b/assets/images/unsplash.jpg differ diff --git a/components/Header.vue b/components/Header.vue index c801a12..ed7ebcc 100644 --- a/components/Header.vue +++ b/components/Header.vue @@ -2,12 +2,19 @@
-
-
-
-
-
Simple UI Starter
- -

Meraki UI Components

- -

- Beautiful Tailwind CSS - components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant - Dark Mode. -

- -
- - - - - -

{{ components_count }} Components

- - - - - - - -

MIT Licensed

- -
- -
-
- -
-
- moon -
-
-
-
+
@@ -80,7 +46,6 @@ export default { components: { DarkMode }, data() { return { - components_count: 58, SHARE_LINK: `https://twitter.com/intent/tweet?text=${encodeURIComponent( 'Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode 🔥. \n #tailwindcss #100DaysOfCode \n' )}&url=${encodeURIComponent('https://merakiui.com')}` diff --git a/components/Main.vue b/components/Main.vue deleted file mode 100644 index 44343de..0000000 --- a/components/Main.vue +++ /dev/null @@ -1,213 +0,0 @@ - - - diff --git a/components/README.md b/components/README.md deleted file mode 100644 index a079f10..0000000 --- a/components/README.md +++ /dev/null @@ -1,7 +0,0 @@ -# COMPONENTS - -**This directory is not required, you can delete it if you don't want to use it.** - -The components directory contains your Vue.js Components. - -_Nuxt.js doesn't supercharge these components._ diff --git a/layouts/default.vue b/layouts/default.vue new file mode 100644 index 0000000..60bb15e --- /dev/null +++ b/layouts/default.vue @@ -0,0 +1,24 @@ + + + diff --git a/nuxt.config.js b/nuxt.config.js index e12e34e..992c9cb 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -27,11 +27,11 @@ export default { content: "Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.", }, - { hid: "twitter:image", name: "twitter:image", content: 'https://raw.githubusercontent.com/bakateam/merakiui/main/assets/merakiui-thumbnail.png' }, + { hid: "twitter:image", name: "twitter:image", content: 'https://raw.githubusercontent.com/bakateam/merakiui/main/assets/images/merakiui-thumbnail.png' }, { hid: "og:title", property: "og:title", content: "Meraki UI Tailwind CSS Components" }, { property: "og:site_name", content: "Meraki UI" }, { hid: "og:type", property: "og:type", content: "website" }, - { hid: "og:image", property: "og:image", content: 'https://raw.githubusercontent.com/bakateam/merakiui/main/assets/merakiui-thumbnail.png' }, + { hid: "og:image", property: "og:image", content: 'https://raw.githubusercontent.com/bakateam/merakiui/main/assets/images/merakiui-thumbnail.png' }, { hid: "og:description", property: "og:description", diff --git a/pages/index.vue b/pages/index.vue index 51bd1f7..c10c9cb 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,27 +1,265 @@ diff --git a/pages/resources.vue b/pages/resources.vue new file mode 100644 index 0000000..5bf8e29 --- /dev/null +++ b/pages/resources.vue @@ -0,0 +1,129 @@ + + + diff --git a/tailwind.config.js b/tailwind.config.js index fdec131..c4ed7e3 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,3 +1,5 @@ +const colors = require('tailwindcss/colors'); + module.exports = { purge: [ './components/**/*.{vue,js}', @@ -9,6 +11,9 @@ module.exports = { darkMode: "class", theme: { extend: { + colors: { + teal: colors.teal, + }, fontFamily: { roboto: ["Roboto"], },