├── package.json ├── .gitignore ├── .babelrc ├── index.html ├── src ├── index.html ├── components │ ├── parts │ │ ├── LoadingCircleJS.js │ │ ├── LoadingCirclePS.js │ │ ├── LoadingCircleHtml.js │ │ ├── LoadingCircleSQL.js │ │ ├── LoadingCircleCss.js │ │ ├── LoadingCircleMongo.js │ │ ├── LoadingCircleReact.js │ │ ├── LoadingCircleAutoCAD.js │ │ ├── LoadingCircleExpress.js │ │ ├── LoadingCircleHeroku.js │ │ ├── LoadingCircleSaSS.js │ │ ├── LoadingCirclePython.js │ │ ├── LoadingCircleVideopad.js │ │ ├── LoadingCircleWebpack.js │ │ ├── LoadingCircleGithub.js │ │ ├── LoadingCircleSketchup.js │ │ └── LoadingCircleIllustrator.js │ ├── common │ │ ├── Footer.js │ │ └── Navbar.js │ └── pages │ │ ├── About.js │ │ ├── Languages.js │ │ └── Work.js ├── .eslintrc ├── app.js └── style.scss ├── dist └── index.html ├── readme.md ├── webpack.config.js └── package.json / package.json: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "@babel/preset-env", 4 | "@babel/preset-react" 5 | ] 6 | } 7 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Ania Kubow Portfolio 7 | 8 | 9 |
10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Ania Kubow Portfolio 7 | 8 | 9 |
10 | 11 | 12 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleJS.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleJS extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCircleJS 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCirclePS.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCirclePS extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCirclePS 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleHtml.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleHtml extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCircleHtml 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleSQL.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleSQL extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCircleSQL 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleCss.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleCss extends Component { 5 | 6 | 7 | 8 | render() { 9 | return ( 10 |
11 | 20 |
21 | ) 22 | } 23 | } 24 | 25 | export default LoadingCircleCss 26 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleMongo.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleMongo extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCircleMongo 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleReact.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleReact extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCircleReact 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleAutoCAD.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleAutoCAD extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCircleAutoCAD 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleExpress.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleExpress extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCircleExpress 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleHeroku.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleHeroku extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCircleHeroku 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleSaSS.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleSaSS extends Component { 5 | 6 | 7 | 8 | render() { 9 | return ( 10 |
11 | 20 |
21 | ) 22 | } 23 | } 24 | 25 | export default LoadingCircleSaSS 26 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCirclePython.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCirclePython extends Component { 5 | 6 | 7 | 8 | render() { 9 | return ( 10 |
11 | 20 |
21 | ) 22 | } 23 | } 24 | 25 | export default LoadingCirclePython 26 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleVideopad.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleVideopad extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCircleVideopad 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleWebpack.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleCWebpack extends Component { 5 | 6 | 7 | render() { 8 | return ( 9 |
10 | 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default LoadingCircleCWebpack 25 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleGithub.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleGithub extends Component { 5 | 6 | 7 | 8 | render() { 9 | 10 | return ( 11 |
12 | 21 |
22 | ) 23 | } 24 | } 25 | 26 | export default LoadingCircleGithub 27 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleSketchup.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleSketchup extends Component { 5 | 6 | 7 | 8 | render() { 9 | return ( 10 |
11 | 20 |
21 | ) 22 | } 23 | } 24 | 25 | export default LoadingCircleSketchup 26 | -------------------------------------------------------------------------------- /src/components/parts/LoadingCircleIllustrator.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import PieChart from 'react-minimal-pie-chart' 3 | 4 | class LoadingCircleIllustrator extends Component { 5 | 6 | 7 | 8 | render() { 9 | return ( 10 |
11 | 20 |
21 | ) 22 | } 23 | } 24 | 25 | export default LoadingCircleIllustrator 26 | -------------------------------------------------------------------------------- /src/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "browser": true, 4 | "commonjs": true, 5 | "es6": true, 6 | "node": true 7 | }, 8 | "extends": ["eslint:recommended", "plugin:react/recommended"], 9 | "parserOptions": { 10 | "sourceType": "module", 11 | "ecmaVersion": 7, 12 | "ecmaFeatures": { 13 | "jsx": true 14 | } 15 | }, 16 | "rules": { 17 | "brace-style": "error", 18 | "camelcase": ["error", { "properties": "never" }], 19 | "comma-dangle": ["error", "never"], 20 | "func-call-spacing": ["error", "never"], 21 | "eqeqeq": "warn", 22 | "indent": [ "error", 2, { "SwitchCase": 1 } ], 23 | "key-spacing": [ "error", { "beforeColon": false } ], 24 | "no-console": "off", 25 | "no-fallthrough": "warn", 26 | "prefer-const": "error", 27 | "quotes": [ "error", "single" ], 28 | "semi": [ "error", "never" ], 29 | "react/prop-types": [ 0 ] 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /src/app.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom' 3 | 4 | import { HashRouter, Route , Switch} from 'react-router-dom' 5 | 6 | import Navbar from './components/common/Navbar' 7 | import Footer from './components/common/Footer' 8 | import Languages from './components/pages/Languages' 9 | import About from './components/pages/About' 10 | import Work from './components/pages/Work' 11 | 12 | import './style.scss' 13 | 14 | 15 | class App extends React.Component { 16 | 17 | render() { 18 | return ( 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |