diff --git a/README.md b/README.md index e61a1364..bddc14fd 100644 --- a/README.md +++ b/README.md @@ -1,24 +1,29 @@ # Clean Vue.js & TailwindCSS Portfolio Template ## Project setup + ``` npm install ``` ### Compiles and hot-reloads for development + ``` npm run serve ``` ### Compiles and minifies for production + ``` npm run build ``` ### Lints and fixes files + ``` npm run lint ``` ### Customize configuration + See [Configuration Reference](https://cli.vuejs.org/config/). diff --git a/babel.config.js b/babel.config.js index e9558405..dcd85203 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,5 +1,3 @@ module.exports = { - presets: [ - '@vue/cli-plugin-babel/preset' - ] -} + presets: ['@vue/cli-plugin-babel/preset'], +}; diff --git a/postcss.config.js b/postcss.config.js index 85f717cc..e873f1a4 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,6 +1,6 @@ module.exports = { - plugins: { - tailwindcss: {}, - autoprefixer: {} - } -} + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +}; diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index df36fcfb..00000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 00000000..03d88ec1 Binary files /dev/null and b/public/favicon.png differ diff --git a/public/index.html b/public/index.html index 3e5a1396..c26349f4 100644 --- a/public/index.html +++ b/public/index.html @@ -1,17 +1,21 @@ - - - - - - <%= htmlWebpackPlugin.options.title %> - - - -
- - + + + + + + <%= htmlWebpackPlugin.options.title %> + + + +
+ + diff --git a/src/App.vue b/src/App.vue index 9a3b161c..d4e385a1 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,40 +1,39 @@ diff --git a/src/assets/css/app.css b/src/assets/css/app.css index 0fc2760e..9ebf6370 100644 --- a/src/assets/css/app.css +++ b/src/assets/css/app.css @@ -1,4 +1,4 @@ -/*** +/*== * Vuejs & TailwindCSS Portfolio Main Styling CSS File * Powered by: @NangialaiStoman -*/ \ No newline at end of file +*/ diff --git a/src/assets/images/logo.svg b/src/assets/images/logo.svg new file mode 100644 index 00000000..4f977f9e --- /dev/null +++ b/src/assets/images/logo.svg @@ -0,0 +1 @@ +Stoman \ No newline at end of file diff --git a/src/components/About.vue b/src/components/About.vue deleted file mode 100644 index d0b45933..00000000 --- a/src/components/About.vue +++ /dev/null @@ -1,24 +0,0 @@ - - - - - diff --git a/src/components/Home.vue b/src/components/Home.vue deleted file mode 100644 index a08ea0d3..00000000 --- a/src/components/Home.vue +++ /dev/null @@ -1,202 +0,0 @@ - - - - - diff --git a/src/components/Projects.vue b/src/components/Projects.vue deleted file mode 100644 index 2ff97b3b..00000000 --- a/src/components/Projects.vue +++ /dev/null @@ -1,164 +0,0 @@ - - - - - diff --git a/src/components/SingleProject.vue b/src/components/SingleProject.vue deleted file mode 100644 index 668a77a7..00000000 --- a/src/components/SingleProject.vue +++ /dev/null @@ -1,24 +0,0 @@ - - - - - diff --git a/src/components/about/AboutCounter.vue b/src/components/about/AboutCounter.vue new file mode 100644 index 00000000..fb3be804 --- /dev/null +++ b/src/components/about/AboutCounter.vue @@ -0,0 +1,30 @@ + + + diff --git a/src/components/about/AboutMe.vue b/src/components/about/AboutMe.vue new file mode 100644 index 00000000..61ee08a4 --- /dev/null +++ b/src/components/about/AboutMe.vue @@ -0,0 +1,59 @@ + + + diff --git a/src/components/about/Clients.vue b/src/components/about/Clients.vue new file mode 100644 index 00000000..87f5c2e6 --- /dev/null +++ b/src/components/about/Clients.vue @@ -0,0 +1,13 @@ + + + diff --git a/src/components/home/Banner.vue b/src/components/home/Banner.vue new file mode 100644 index 00000000..672d1c67 --- /dev/null +++ b/src/components/home/Banner.vue @@ -0,0 +1,56 @@ + + + + + diff --git a/src/components/project/ProjectsGrid.vue b/src/components/project/ProjectsGrid.vue new file mode 100644 index 00000000..a4b63ba2 --- /dev/null +++ b/src/components/project/ProjectsGrid.vue @@ -0,0 +1,156 @@ + + + + + diff --git a/src/components/project/SingleProjectGallery.vue b/src/components/project/SingleProjectGallery.vue new file mode 100644 index 00000000..df198512 --- /dev/null +++ b/src/components/project/SingleProjectGallery.vue @@ -0,0 +1,33 @@ + + + diff --git a/src/components/project/SingleProjectHeader.vue b/src/components/project/SingleProjectHeader.vue new file mode 100644 index 00000000..8adcef98 --- /dev/null +++ b/src/components/project/SingleProjectHeader.vue @@ -0,0 +1,25 @@ + + + diff --git a/src/components/project/SingleProjectInfo.vue b/src/components/project/SingleProjectInfo.vue new file mode 100644 index 00000000..cf0de004 --- /dev/null +++ b/src/components/project/SingleProjectInfo.vue @@ -0,0 +1,140 @@ + + + diff --git a/src/components/project/SingleProjectRelatedProjects.vue b/src/components/project/SingleProjectRelatedProjects.vue new file mode 100644 index 00000000..37220251 --- /dev/null +++ b/src/components/project/SingleProjectRelatedProjects.vue @@ -0,0 +1,45 @@ + + + diff --git a/src/components/shared/Header.vue b/src/components/shared/Header.vue index 0d6569d8..67e10720 100644 --- a/src/components/shared/Header.vue +++ b/src/components/shared/Header.vue @@ -3,7 +3,12 @@
- Logo +
@@ -71,6 +81,6 @@ export default { diff --git a/src/main.js b/src/main.js index 562f6a41..0ecdeb30 100644 --- a/src/main.js +++ b/src/main.js @@ -1,9 +1,11 @@ -import { createApp } from 'vue' -import App from './App.vue' -import router from './router' -import './assets/css/tailwind.css' +import { createApp } from 'vue'; +import App from './App.vue'; +import router from './router'; +import './assets/css/tailwind.css'; -const feather = require('feather-icons') -feather.replace() +const feather = require('feather-icons'); +feather.replace(); -createApp(App).use(router).mount('#app') +createApp(App) + .use(router) + .mount('#app'); diff --git a/src/router/index.js b/src/router/index.js index b779d11b..1db76759 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,5 +1,5 @@ import { createRouter, createWebHistory } from 'vue-router'; -import Home from '../components/Home.vue'; +import Home from '../views/Home.vue'; const routes = [ { @@ -7,7 +7,7 @@ const routes = [ name: 'Home', component: Home, meta: { - title: 'Home', + title: 'Stoman - Home', }, }, { @@ -17,9 +17,9 @@ const routes = [ // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => - import(/* webpackChunkName: "about" */ '../components/About.vue'), + import(/* webpackChunkName: "about" */ '../views/About.vue'), meta: { - title: 'About', + title: 'Stoman - About', }, }, { @@ -29,11 +29,9 @@ const routes = [ // this generates a separate chunk (projects.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => - import( - /* webpackChunkName: "projects" */ '../components/Projects.vue' - ), + import(/* webpackChunkName: "projects" */ '../views/Projects.vue'), meta: { - title: 'Projects', + title: 'Stoman - Projects', }, }, { @@ -44,10 +42,22 @@ const routes = [ // which is lazy-loaded when the route is visited. component: () => import( - /* webpackChunkName: "projects" */ '../components/SingleProject.vue' + /* webpackChunkName: "projects" */ '../views/SingleProject.vue' ), meta: { - title: 'Single Project', + title: 'Stoman - Single Project', + }, + }, + { + path: '/contact', + name: 'Contact', + // route level code-splitting + // this generates a separate chunk (projects.[hash].js) for this route + // which is lazy-loaded when the route is visited. + component: () => + import(/* webpackChunkName: "projects" */ '../views/Contact.vue'), + meta: { + title: 'Stoman - Contact', }, }, ]; diff --git a/src/views/About.vue b/src/views/About.vue index 3fa28070..ade1b71c 100644 --- a/src/views/About.vue +++ b/src/views/About.vue @@ -1,5 +1,50 @@ + + + + diff --git a/src/views/Contact.vue b/src/views/Contact.vue new file mode 100644 index 00000000..8b137891 --- /dev/null +++ b/src/views/Contact.vue @@ -0,0 +1 @@ + diff --git a/src/views/Home.vue b/src/views/Home.vue index 8bd6c57f..7fb09ca4 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -1,18 +1,40 @@ + + diff --git a/src/views/Projects.vue b/src/views/Projects.vue new file mode 100644 index 00000000..e5df8ab9 --- /dev/null +++ b/src/views/Projects.vue @@ -0,0 +1,34 @@ + + + + + diff --git a/src/views/SingleProject.vue b/src/views/SingleProject.vue new file mode 100644 index 00000000..5994657d --- /dev/null +++ b/src/views/SingleProject.vue @@ -0,0 +1,54 @@ + + + + + diff --git a/tailwind.config.js b/tailwind.config.js index fc199a13..28fb3621 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,11 +1,11 @@ module.exports = { - purge: { content: ['./public/**/*.html', './src/**/*.vue'] }, - darkMode: false, // or 'media' or 'class' - theme: { - extend: {}, - }, - variants: { - extend: {}, - }, - plugins: [], -} + purge: { content: ['./public/**/*.html', './src/**/*.vue'] }, + darkMode: false, // or 'media' or 'class' + theme: { + extend: {}, + }, + variants: { + extend: {}, + }, + plugins: [], +};