├── src ├── assets │ ├── tailwind.css │ ├── logo.png │ ├── programming.gif │ ├── sggscodechef.png │ ├── discordLogo.svg │ ├── date.svg │ └── event-talks.svg ├── components │ ├── test │ │ └── test.vue │ ├── layouts │ │ ├── resourses.vue │ │ ├── carousal.vue │ │ ├── aboutus.vue │ │ ├── navigation.vue │ │ └── events.vue │ └── UI │ │ └── baseContainers.vue ├── main.js └── App.vue ├── public ├── favicon.ico └── index.html ├── babel.config.js ├── postcss.config.js ├── .gitignore ├── README.md ├── tailwind.config.js └── package.json /src/assets/tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codechef-sggs-chapter/website/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codechef-sggs-chapter/website/HEAD/src/assets/logo.png -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/cli-plugin-babel/preset' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /src/assets/programming.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codechef-sggs-chapter/website/HEAD/src/assets/programming.gif -------------------------------------------------------------------------------- /src/assets/sggscodechef.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codechef-sggs-chapter/website/HEAD/src/assets/sggscodechef.png -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: [ 3 | require('tailwindcss'), 4 | require('autoprefixer'), 5 | ] 6 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | 6 | # local env files 7 | .env.local 8 | .env.*.local 9 | 10 | # Log files 11 | npm-debug.log* 12 | yarn-debug.log* 13 | yarn-error.log* 14 | pnpm-debug.log* 15 | 16 | # Editor directories and files 17 | .idea 18 | .vscode 19 | *.suo 20 | *.ntvs* 21 | *.njsproj 22 | *.sln 23 | *.sw? 24 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # navigation_bar 2 | 3 | ## Project setup 4 | ``` 5 | npm install 6 | ``` 7 | 8 | ### Compiles and hot-reloads for development 9 | ``` 10 | npm run serve 11 | ``` 12 | 13 | ### Compiles and minifies for production 14 | ``` 15 | npm run build 16 | ``` 17 | 18 | ### Lints and fixes files 19 | ``` 20 | npm run lint 21 | ``` 22 | 23 | ### Customize configuration 24 | See [Configuration Reference](https://cli.vuejs.org/config/). 25 | -------------------------------------------------------------------------------- /src/components/test/test.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | import "./assets/tailwind.css" 4 | import 'animate.css' 5 | import BaseContainer from "./components/UI/baseContainers.vue" 6 | import TestComp from "./components/test/test.vue" 7 | const VueScrollTo = require('vue-scrollto') 8 | 9 | 10 | const app = createApp(App) 11 | app.use(VueScrollTo); 12 | app.component('base-container',BaseContainer) 13 | app.component('test-comp',TestComp) 14 | 15 | app.mount('#app') 16 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | <%= htmlWebpackPlugin.options.title %> 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/components/layouts/resourses.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 19 | 24 | -------------------------------------------------------------------------------- /src/components/UI/baseContainers.vue: -------------------------------------------------------------------------------- 1 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | 2 | const colors = require('tailwindcss/colors') 3 | 4 | module.exports = { 5 | purge: [], 6 | darkMode: false, // or 'media' or 'class' 7 | theme: { 8 | colors: { 9 | // Build your palette here 10 | transparent: 'transparent', 11 | current: 'currentColor', 12 | black: colors.black, 13 | white: colors.white, 14 | gray: colors.trueGray, 15 | bluegray:colors.blueGray, 16 | coolgray:colors.coolGray, 17 | warngray:colors.warmGray, 18 | orange:colors.orange, 19 | amber:colors.amber, 20 | lime:colors.lime, 21 | green:colors.emerald, 22 | teal:colors.teal, 23 | red: colors.red, 24 | lightblue: colors.lightBlue, 25 | blue:colors.blue, 26 | indigo:colors.indigo, 27 | funchisa:colors.funchisa, 28 | pink:colors.pink, 29 | rose:colors.rose, 30 | yellow: colors.amber, 31 | cyan:colors.cyan 32 | }, 33 | extend: {}, 34 | }, 35 | variants: { 36 | extend: {}, 37 | }, 38 | plugins: [], 39 | } 40 | -------------------------------------------------------------------------------- /src/assets/discordLogo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "navigation_bar", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "animate.css": "^4.1.1", 12 | "core-js": "^3.6.5", 13 | "vue": "^3.0.0", 14 | "vue-router": "^4.0.4", 15 | "vue-scrollto": "^2.20.0" 16 | }, 17 | "devDependencies": { 18 | "@tailwindcss/postcss7-compat": "^2.0.3", 19 | "@vue/cli-plugin-babel": "~4.5.0", 20 | "@vue/cli-plugin-eslint": "~4.5.0", 21 | "@vue/cli-service": "~4.5.0", 22 | "@vue/compiler-sfc": "^3.0.0", 23 | "autoprefixer": "^9.8.6", 24 | "babel-eslint": "^10.1.0", 25 | "eslint": "^6.7.2", 26 | "eslint-plugin-vue": "^7.0.0-0", 27 | "postcss": "^7.0.35", 28 | "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.3" 29 | }, 30 | "eslintConfig": { 31 | "root": true, 32 | "env": { 33 | "node": true 34 | }, 35 | "extends": [ 36 | "plugin:vue/vue3-essential", 37 | "eslint:recommended" 38 | ], 39 | "parserOptions": { 40 | "parser": "babel-eslint" 41 | }, 42 | "rules": {} 43 | }, 44 | "browserslist": [ 45 | "> 1%", 46 | "last 2 versions", 47 | "not dead" 48 | ] 49 | } 50 | -------------------------------------------------------------------------------- /src/assets/date.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 21 | 22 | 23 | 24 | 25 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /src/components/layouts/carousal.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | -------------------------------------------------------------------------------- /src/components/layouts/aboutus.vue: -------------------------------------------------------------------------------- 1 | 40 | 41 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /src/components/layouts/navigation.vue: -------------------------------------------------------------------------------- 1 | 32 | 33 | 34 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /src/components/layouts/events.vue: -------------------------------------------------------------------------------- 1 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /src/assets/event-talks.svg: -------------------------------------------------------------------------------- 1 | 6 Reasons Why You Should Host Virtual Events --------------------------------------------------------------------------------