├── serverless ├── .gitignore ├── vercel.json ├── package.json └── api │ └── index.js ├── src ├── vite-d.ts ├── static │ ├── me.png │ ├── notebook.png │ ├── background.jpg │ ├── icons │ │ ├── dot.png │ │ ├── work.png │ │ ├── about.png │ │ ├── contact.png │ │ ├── education.png │ │ ├── knowledge.png │ │ └── language.png │ ├── contact │ │ ├── email.png │ │ ├── github.png │ │ ├── youtube.png │ │ └── instagram.png │ ├── kadiryazici.png │ ├── notebook_left.png │ ├── red_underline.png │ ├── notebook_light.png │ ├── notebook_right.png │ └── technologies │ │ ├── ts.png │ │ ├── css.png │ │ ├── figma.png │ │ ├── git.png │ │ ├── html.png │ │ ├── node.png │ │ ├── scss.png │ │ └── vue.png ├── helpers │ └── index.ts ├── types.d.ts ├── markdowns │ └── AboutMe.md ├── store │ └── routeStore.ts ├── scss │ ├── mix.scss │ └── vars.scss ├── volar-types.d.ts ├── pages │ ├── LanguageSkills.vue │ ├── Education.vue │ ├── Contact.vue │ ├── Experience.vue │ ├── Knowledge.vue │ └── AboutMe.vue ├── components │ ├── Heading │ │ └── Heading.vue │ ├── Title │ │ └── Title.vue │ ├── Notebook │ │ └── Notebook.vue │ └── Page │ │ └── Page.vue ├── main.ts ├── router │ └── router.ts └── App.vue ├── .vscode └── settings.json ├── postcss.config.js ├── public ├── favicon.ico └── robots.txt ├── README.md ├── windi.config.ts ├── .prettierrc ├── .gitignore ├── cypress.json ├── cypress └── plugins │ └── index.js ├── _app ├── package.json └── server │ └── main.js ├── index.html ├── tsconfig.json ├── vite.config.ts ├── package.json ├── scripts └── vercelDist.js ├── e2e └── index.spec.ts └── pnpm-lock.yaml /serverless/.gitignore: -------------------------------------------------------------------------------- 1 | .vercel 2 | -------------------------------------------------------------------------------- /src/vite-d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | // "volar.tsPlugin": true 3 | } 4 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: [require('autoprefixer')] 3 | }; 4 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: -------------------------------------------------------------------------------- /src/static/me.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/me.png -------------------------------------------------------------------------------- /src/static/notebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/notebook.png -------------------------------------------------------------------------------- /src/helpers/index.ts: -------------------------------------------------------------------------------- 1 | export const camelToSpaces = (text: string) => text.replace(/([A-Z])/g, ' $1'); 2 | -------------------------------------------------------------------------------- /src/static/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/background.jpg -------------------------------------------------------------------------------- /src/static/icons/dot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/icons/dot.png -------------------------------------------------------------------------------- /src/static/icons/work.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/icons/work.png -------------------------------------------------------------------------------- /src/static/contact/email.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/contact/email.png -------------------------------------------------------------------------------- /src/static/icons/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/icons/about.png -------------------------------------------------------------------------------- /src/static/icons/contact.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/icons/contact.png -------------------------------------------------------------------------------- /src/static/kadiryazici.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/kadiryazici.png -------------------------------------------------------------------------------- /src/static/notebook_left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/notebook_left.png -------------------------------------------------------------------------------- /src/static/red_underline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/red_underline.png -------------------------------------------------------------------------------- /src/static/contact/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/contact/github.png -------------------------------------------------------------------------------- /src/static/contact/youtube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/contact/youtube.png -------------------------------------------------------------------------------- /src/static/icons/education.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/icons/education.png -------------------------------------------------------------------------------- /src/static/icons/knowledge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/icons/knowledge.png -------------------------------------------------------------------------------- /src/static/icons/language.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/icons/language.png -------------------------------------------------------------------------------- /src/static/notebook_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/notebook_light.png -------------------------------------------------------------------------------- /src/static/notebook_right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/notebook_right.png -------------------------------------------------------------------------------- /src/static/technologies/ts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/technologies/ts.png -------------------------------------------------------------------------------- /src/static/contact/instagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/contact/instagram.png -------------------------------------------------------------------------------- /src/static/technologies/css.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/technologies/css.png -------------------------------------------------------------------------------- /src/static/technologies/figma.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/technologies/figma.png -------------------------------------------------------------------------------- /src/static/technologies/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/technologies/git.png -------------------------------------------------------------------------------- /src/static/technologies/html.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/technologies/html.png -------------------------------------------------------------------------------- /src/static/technologies/node.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/technologies/node.png -------------------------------------------------------------------------------- /src/static/technologies/scss.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/technologies/scss.png -------------------------------------------------------------------------------- /src/static/technologies/vue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kadiryazici/portfolio/HEAD/src/static/technologies/vue.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## **My Notebook Like Designed Portfolio but More Like CV** 2 | 3 | # Online View 4 | 5 | [Visit](https://kadiryazici.wtf) 6 | -------------------------------------------------------------------------------- /windi.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'windicss/helpers'; 2 | 3 | export default defineConfig({ 4 | preflight: false 5 | }); 6 | -------------------------------------------------------------------------------- /src/types.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.md' { 2 | import { ComponentOptions } from 'vue'; 3 | const Component: ComponentOptions; 4 | export default Component; 5 | } 6 | -------------------------------------------------------------------------------- /serverless/vercel.json: -------------------------------------------------------------------------------- 1 | { 2 | "public": true, 3 | "rewrites": [ 4 | { 5 | "source": "/(.*)", 6 | "destination": "/api/index.js" 7 | } 8 | ] 9 | } 10 | -------------------------------------------------------------------------------- /src/markdowns/AboutMe.md: -------------------------------------------------------------------------------- 1 | Kadir Yazıcı born in Turkey, TypeScript and Vue enjoyer and front-end dev fan. Is able to create backend projects that uses json as database. 2 | 3 |
4 | A picture of the suspect 5 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": true, 3 | "tabWidth": 3, 4 | "arrowParens": "always", 5 | "bracketSpacing": true, 6 | "trailingComma": "none", 7 | "semi": true, 8 | "printWidth": 100 9 | } 10 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | yarn.lock 4 | package-lock.json 5 | .firebase 6 | .firebaserc 7 | firebase.json 8 | _app 9 | serverless/.vercel 10 | serverless/public/assets 11 | serverless/api/renderer 12 | serverless/public/* -------------------------------------------------------------------------------- /cypress.json: -------------------------------------------------------------------------------- 1 | { 2 | "baseUrl": "http://localhost:3000", 3 | "integrationFolder": "e2e", 4 | "pluginsFile": "./cypress/plugins/index.js", 5 | "supportFile": false, 6 | "video": false, 7 | "watchForFileChanges": true 8 | } 9 | -------------------------------------------------------------------------------- /src/store/routeStore.ts: -------------------------------------------------------------------------------- 1 | import { defineStore } from 'pinia'; 2 | 3 | export const useRouteStore = defineStore({ 4 | id: 'RouteStore', 5 | state: () => ({ 6 | lastPage: 0, 7 | currentPage: 1 8 | }) 9 | }); 10 | -------------------------------------------------------------------------------- /cypress/plugins/index.js: -------------------------------------------------------------------------------- 1 | const { startDevServer } = require('@cypress/vite-dev-server'); 2 | module.exports = (on, config) => { 3 | on('dev-server:start', async (options) => startDevServer({ options })); 4 | 5 | return config; 6 | }; 7 | -------------------------------------------------------------------------------- /src/scss/mix.scss: -------------------------------------------------------------------------------- 1 | @use "./vars.scss"; 2 | 3 | @mixin forMobile { 4 | @media screen and (max-width: vars.$mobileWidth) { 5 | @content; 6 | } 7 | } 8 | 9 | @mixin forMoreMobile { 10 | @media screen and (max-width: vars.$moreMobileWidth) { 11 | @content; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /serverless/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "dependencies": { 4 | "@vueuse/core": "^4.9.1", 5 | "vue": "^3.1.5", 6 | "@vue/server-renderer": "^3.1.5", 7 | "vue-router": "^4.0.6", 8 | "@nuxt/devalue": "^2.0.0", 9 | "@vueuse/head": "^0.6.0", 10 | "axios": "^0.21.1", 11 | "node-fetch": "^2.6.1", 12 | "pinia": "2.0.0-beta.5", 13 | "vite-ssr": "^0.11.1" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/volar-types.d.ts: -------------------------------------------------------------------------------- 1 | import { RouterLink, RouterView } from 'vue-router'; 2 | import Title from '@components/Title/Title.vue'; 3 | import Page from '@components/Page/Page.vue'; 4 | import Heading from '/src/components/Heading/Heading.vue'; 5 | 6 | declare module 'vue' { 7 | interface GlobalComponents { 8 | RouterLink: typeof RouterLink; 9 | RouterView: typeof RouterView; 10 | Title: typeof Title; 11 | Page: typeof Page; 12 | Heading: typeof Heading; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /_app/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kyzc", 3 | "version": "0.0.1", 4 | "description": "vite2 starter app", 5 | "scripts": { 6 | "start": "node ./server/main.js" 7 | }, 8 | "dependencies": { 9 | "@nuxt/devalue": "^2.0.0", 10 | "@vue/server-renderer": "^3.1.4", 11 | "@vueuse/head": "^0.6.0", 12 | "pinia": "^2.0.0-beta.5", 13 | "vue": "3.1.4", 14 | "vue-router": "next", 15 | "node-fetch": "2.6.1", 16 | "express": "latest" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /src/scss/vars.scss: -------------------------------------------------------------------------------- 1 | $white: #fff; 2 | $dark: rgb(16, 15, 15); 3 | $blue: rgb(93, 166, 225); 4 | $red: rgb(226, 70, 42); 5 | $green: rgb(114, 253, 98); 6 | 7 | $p: 10px; 8 | 9 | $tiny: 15px; 10 | $small: 10px; 11 | $semiMed: 20px; 12 | $med: 25px; 13 | $big: 35px; 14 | 15 | $br: 15px; 16 | 17 | $shadow: 0px 0px 8px 1px rgba($dark, 0.2); 18 | $dropShadow: 0px 0px 8px rgba($dark, 0.2); 19 | $dropShadowRight: 4px 0px 4px rgba($dark, 0.2); 20 | $dropShadowLeft: 0 3px 6px rgba($dark, 0.16), 0 3px 6px rgba($dark, 0.23); 21 | 22 | $mobileWidth: 800px; 23 | $moreMobileWidth: 650px; 24 | -------------------------------------------------------------------------------- /src/pages/LanguageSkills.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 |