DEV;First working website with content
This commit is contained in:
Roman Jaroš
parent
c254cd6273
commit
01d9d0d4a3
33 changed files with 6998 additions and 5403 deletions
5
.editorconfig
Normal file
5
.editorconfig
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
root = true
|
||||
|
||||
[*]
|
||||
indent_style = tab
|
||||
indent_size = 2
|
||||
2
.gitignore
vendored
2
.gitignore
vendored
|
|
@ -33,3 +33,5 @@ yarn-error.log*
|
|||
|
||||
# typescript
|
||||
*.tsbuildinfo
|
||||
|
||||
.vscode
|
||||
1
.npmrc
Normal file
1
.npmrc
Normal file
|
|
@ -0,0 +1 @@
|
|||
@treejs:registry=https://npm.romanjaros.dev
|
||||
9
.vscode/settings.json
vendored
9
.vscode/settings.json
vendored
|
|
@ -1,9 +0,0 @@
|
|||
{
|
||||
"workbench.colorCustomizations": {
|
||||
"[Ayu Mirage Bordered]": {
|
||||
"focusBorder": "#202434"
|
||||
},
|
||||
"titleBar.activeBackground": "#3f0088",
|
||||
"titleBar.activeForeground": "#FFFBFA"
|
||||
}
|
||||
}
|
||||
11475
package-lock.json
generated
11475
package-lock.json
generated
File diff suppressed because it is too large
Load diff
55
package.json
55
package.json
|
|
@ -1,24 +1,35 @@
|
|||
{
|
||||
"name": "project",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"lint": "next lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"next": "12.2.0",
|
||||
"react": "18.2.0",
|
||||
"react-dom": "18.2.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "18.0.0",
|
||||
"@types/react": "18.0.14",
|
||||
"@types/react-dom": "18.0.5",
|
||||
"eslint": "8.18.0",
|
||||
"eslint-config-next": "12.2.0",
|
||||
"typescript": "4.7.4"
|
||||
}
|
||||
"name": "portfolio",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"lint": "next lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@reduxjs/toolkit": "1.8.0",
|
||||
"@treejs/components": "0.17.0",
|
||||
"@treejs/constants": "0.17.0",
|
||||
"@treejs/styles": "0.17.0",
|
||||
"next": "12.2.0",
|
||||
"ramda": "^0.27.0",
|
||||
"react": "17.0.2",
|
||||
"react-dom": "17.0.2",
|
||||
"react-redux": "8.0.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "18.0.0",
|
||||
"@types/ramda": "^0.28.14",
|
||||
"@types/react": "17.0.2",
|
||||
"@types/react-dom": "17.0.2",
|
||||
"autoprefixer": "10.4.4",
|
||||
"classnames": "2.3.1",
|
||||
"eslint": "8.18.0",
|
||||
"eslint-config-next": "12.2.0",
|
||||
"postcss": "8.4.14",
|
||||
"tailwindcss": "^3.1.4",
|
||||
"typescript": "4.7.4"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +0,0 @@
|
|||
import '../styles/globals.css'
|
||||
import type { AppProps } from 'next/app'
|
||||
|
||||
function MyApp({ Component, pageProps }: AppProps) {
|
||||
return <Component {...pageProps} />
|
||||
}
|
||||
|
||||
export default MyApp
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
|
||||
import type { NextApiRequest, NextApiResponse } from 'next'
|
||||
|
||||
type Data = {
|
||||
name: string
|
||||
}
|
||||
|
||||
export default function handler(
|
||||
req: NextApiRequest,
|
||||
res: NextApiResponse<Data>
|
||||
) {
|
||||
res.status(200).json({ name: 'John Doe' })
|
||||
}
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
import type { NextPage } from 'next'
|
||||
import Head from 'next/head'
|
||||
import Image from 'next/image'
|
||||
import styles from '../styles/Home.module.css'
|
||||
|
||||
const Home: NextPage = () => {
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<Head>
|
||||
<title>Create Next App</title>
|
||||
<meta name="description" content="Generated by create next app" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
|
||||
<main className={styles.main}>
|
||||
<h1 className={styles.title}>
|
||||
Welcome to <a href="https://nextjs.org">Next.js!</a>
|
||||
</h1>
|
||||
|
||||
<p className={styles.description}>
|
||||
Get started by editing{' '}
|
||||
<code className={styles.code}>pages/index.tsx</code>
|
||||
</p>
|
||||
|
||||
<div className={styles.grid}>
|
||||
<a href="https://nextjs.org/docs" className={styles.card}>
|
||||
<h2>Documentation →</h2>
|
||||
<p>Find in-depth information about Next.js features and API.</p>
|
||||
</a>
|
||||
|
||||
<a href="https://nextjs.org/learn" className={styles.card}>
|
||||
<h2>Learn →</h2>
|
||||
<p>Learn about Next.js in an interactive course with quizzes!</p>
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="https://github.com/vercel/next.js/tree/canary/examples"
|
||||
className={styles.card}
|
||||
>
|
||||
<h2>Examples →</h2>
|
||||
<p>Discover and deploy boilerplate example Next.js projects.</p>
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
|
||||
className={styles.card}
|
||||
>
|
||||
<h2>Deploy →</h2>
|
||||
<p>
|
||||
Instantly deploy your Next.js site to a public URL with Vercel.
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer className={styles.footer}>
|
||||
<a
|
||||
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Powered by{' '}
|
||||
<span className={styles.logo}>
|
||||
<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
|
||||
</span>
|
||||
</a>
|
||||
</footer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Home
|
||||
10
postcss.config.js
Normal file
10
postcss.config.js
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
module.exports = {
|
||||
plugins: {
|
||||
"postcss-import": {},
|
||||
"tailwindcss/nesting": {},
|
||||
tailwindcss: {
|
||||
config: "./src/styles/tailwind.config.js",
|
||||
},
|
||||
autoprefixer: {},
|
||||
},
|
||||
};
|
||||
1
public/contact.svg
Normal file
1
public/contact.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><svg data-name="Layer 1" id="Layer_1" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#fd0;}.cls-2{fill:#effafe;}.cls-3{fill:#40bdff;}.cls-4{fill:#2197f7;}.cls-5{fill:#228ed6;}.cls-6{fill:#efc803;}.cls-7{fill:#e4ebed;}.cls-8{fill:#263238;}</style></defs><title/><path class="cls-1" d="M44,58H217a7,7,0,0,0,7-7V19a7,7,0,0,0-7-7H44a7,7,0,0,0-7,7V51A7,7,0,0,0,44,58Zm4-23A12,12,0,0,1,60,23H196a12,12,0,0,1,0,24H60A12,12,0,0,1,48,35Z"/><path class="cls-2" d="M154,221.12V179.63l-.59.1A14.93,14.93,0,0,0,141,194.47v11.65a2,2,0,0,1-2,2H113v13c0,12.68,5.32,23,18,23A23,23,0,0,0,154,221.12Z"/><polygon class="cls-3" points="199 111 57 111 128 155.15 199 111"/><polygon class="cls-4" points="57 201.56 111.06 149.32 57 112.6 57 201.56"/><path class="cls-4" d="M204,112.6l-59,36.71.5.44c34.63,30.58,39.39,34.81,58.53,51.77Zm-1.78,86.67h0Z"/><path class="cls-5" d="M199,115.71v81.38l5,4.43V112.6Zm3.22,83.56h0Z"/><path class="cls-3" d="M200.77,204c-15.68-13.92-40.57-35.9-59.35-52.49l-12.37,7.69a2,2,0,0,1-2.11,0l-12.34-7.67L55.28,204H137v-9.53a19,19,0,0,1,19-19,2,2,0,0,1,2,2V204Z"/><polygon class="cls-4" points="57 201.56 111.06 149.32 57 112.6 57 201.56"/><polygon class="cls-5" points="57 112.6 57 116 106.06 149.32 57 196.73 57 201.56 111.06 149.32 57 112.6"/><path class="cls-6" d="M217,12h-5a7,7,0,0,1,7,7V51a7,7,0,0,1-7,7h5a7,7,0,0,0,7-7V19A7,7,0,0,0,217,12Z"/><path class="cls-7" d="M153.41,179.73a15,15,0,0,0-3.41,1v40.35A23,23,0,0,1,129,244c.64.06,1.3.09,2,.09a23,23,0,0,0,23-23V179.63Z"/><polygon class="cls-4" points="194 111 125.5 153.59 128 155.15 199 111 194 111"/><path class="cls-4" d="M141.42,151.51l-2.93,1.82C157,169.69,180.66,190.58,195.77,204h5C185.09,190.08,160.21,168.1,141.42,151.51Z"/><path class="cls-8" d="M39,62.5H217A11.51,11.51,0,0,0,228.5,51V19A11.51,11.51,0,0,0,217,7.5H39A11.51,11.51,0,0,0,27.5,19V51A11.51,11.51,0,0,0,39,62.5ZM32.5,19A6.51,6.51,0,0,1,39,12.5H217a6.51,6.51,0,0,1,6.5,6.5V51a6.51,6.51,0,0,1-6.5,6.5H39A6.51,6.51,0,0,1,32.5,51Z"/><path class="cls-8" d="M60,47.5H196a12.5,12.5,0,0,0,0-25H60a12.5,12.5,0,0,0,0,25Zm0-20H196a7.5,7.5,0,0,1,0,15H60a7.5,7.5,0,0,1,0-15Z"/><path class="cls-8" d="M131,248.62a27.53,27.53,0,0,0,27.5-27.5V208.5H206a2.52,2.52,0,0,0,2.5-2.5V109a2.52,2.52,0,0,0-2.5-2.5H50a2.51,2.51,0,0,0-2.5,2.5v97a2.52,2.52,0,0,0,2.5,2.5h53.5v12.62A27.53,27.53,0,0,0,131,248.62Zm22.5-27.5a22.5,22.5,0,0,1-45,0v-12.5H139a2.5,2.5,0,0,0,2.5-2.5V194.47a14.48,14.48,0,0,1,12-14.24Zm50-20.71c-12-10.66-45.68-40.42-57.7-51l57.7-35.88Zm-6.25-88.91L128,154.56,58.75,111.5Zm-144.75,2,57.72,35.89L52.5,200.45Zm4.1,90,58.05-51.35,12,7.48a2.5,2.5,0,0,0,2.64,0l12.05-7.49c13,11.47,45.24,40,58.09,51.37h-41v-26A2.5,2.5,0,0,0,156,175a19.48,19.48,0,0,0-19.46,19.46v9Z"/><path class="cls-8" d="M128,101.5a2.5,2.5,0,0,0,2.5-2.5V76l6.9,6.9a2.5,2.5,0,1,0,3.54-3.54L129.77,68.23a2.5,2.5,0,0,0-3.54,0L115.06,79.4a2.5,2.5,0,0,0,3.54,3.54l6.9-6.9V99A2.5,2.5,0,0,0,128,101.5Z"/><path class="cls-1" d="M41,149.6H37v-4a1,1,0,0,0-2,0v4H31a1,1,0,0,0,0,2h4v4a1,1,0,0,0,2,0v-4h4a1,1,0,0,0,0-2Z"/><path class="cls-1" d="M222.72,170.33h-4v-4a1,1,0,0,0-2,0v4h-4a1,1,0,0,0,0,2h4v4a1,1,0,0,0,2,0v-4h4a1,1,0,0,0,0-2Z"/><path class="cls-3" d="M21.67,21.5h-4v-4a1,1,0,0,0-2,0v4h-4a1,1,0,1,0,0,2h4v4a1,1,0,1,0,2,0v-4h4a1,1,0,0,0,0-2Z"/><path class="cls-3" d="M81.22,96.5a6,6,0,1,1,6-6A6,6,0,0,1,81.22,96.5Zm0-10a4,4,0,1,0,4,4A4,4,0,0,0,81.22,86.5Z"/><path class="cls-1" d="M32,242a6,6,0,1,1,6-6A6,6,0,0,1,32,242Zm0-10a4,4,0,1,0,4,4A4,4,0,0,0,32,232Z"/><path class="cls-1" d="M238,58.41a6,6,0,1,1,6-6A6,6,0,0,1,238,58.41Zm0-10a4,4,0,1,0,4,4A4,4,0,0,0,238,48.41Z"/><path class="cls-3" d="M199.77,230.82h-2.59L199,229a1,1,0,0,0-1.41-1.41l-1.83,1.83v-2.59a1,1,0,0,0-2,0v2.59l-1.83-1.83a1,1,0,0,0-1.41,1.41l1.83,1.83h-2.59a1,1,0,0,0,0,2h2.59l-1.83,1.83a1,1,0,0,0,1.41,1.41l1.83-1.83v2.59a1,1,0,0,0,2,0v-2.59l1.83,1.83a1,1,0,0,0,1.41-1.41l-1.83-1.83h2.59a1,1,0,0,0,0-2Z"/></svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
1
public/me.svg
Normal file
1
public/me.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><svg data-name="Layer 1" id="Layer_1" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#effafe;}.cls-2{fill:#40bdff;}.cls-3{fill:#e4ebed;}.cls-4{fill:#2197f7;}.cls-5{fill:#263238;}.cls-6{fill:#fd0;}</style></defs><title/><path class="cls-1" d="M58.92,143.62l-.38.73H205.47l-.38-.73a68.84,68.84,0,0,0-61.18-37.08H120.1A68.84,68.84,0,0,0,58.92,143.62Z"/><path class="cls-2" d="M220.19,148.35H43.81A8,8,0,0,0,36,157.89l13.57,69.34a8,8,0,0,0,7.85,6.46H206.63a8,8,0,0,0,7.85-6.46L228,157.89A8,8,0,0,0,220.19,148.35Z"/><path class="cls-1" d="M136.66,102.54h0a45.4,45.4,0,1,0-9.31,0Z"/><path class="cls-3" d="M205.08,143.62a68.84,68.84,0,0,0-61.18-37.08h-10a68.84,68.84,0,0,1,61.18,37.08l.38.73h10Z"/><path class="cls-4" d="M220.19,148.35h-10a8,8,0,0,1,7.85,9.54l-13.57,69.35a8,8,0,0,1-7.85,6.46h10a8,8,0,0,0,7.85-6.46L228,157.89A8,8,0,0,0,220.19,148.35Z"/><path class="cls-3" d="M132,12a45.64,45.64,0,0,0-5,.28,45.38,45.38,0,0,1,0,90.21l.36,0h9.31A45.39,45.39,0,0,0,132,12Z"/><path class="cls-5" d="M49.78,143.85h-10a12.5,12.5,0,0,0-12.27,14.9L41.11,228.1a12.53,12.53,0,0,0,12.27,10.1H202.63a12.52,12.52,0,0,0,12.27-10.1l13.57-69.34a12.5,12.5,0,0,0-12.27-14.9h-10A73.71,73.71,0,0,0,149,102.62a49.89,49.89,0,1,0-42,0A73.7,73.7,0,0,0,49.78,143.85Zm166.41,5a7.5,7.5,0,0,1,7.36,8.94L210,227.14a7.51,7.51,0,0,1-7.36,6.06H53.37A7.51,7.51,0,0,1,46,227.14L32.45,157.79a7.5,7.5,0,0,1,7.36-8.94H216.19ZM83.11,57.39A44.89,44.89,0,1,1,132.63,102h-9.26A45,45,0,0,1,83.11,57.39Zm33,49.65H139.9a68.67,68.67,0,0,1,60.74,36.81H55.36A68.67,68.67,0,0,1,116.1,107Z"/><path class="cls-5" d="M228.35,243.5H27.65a2.5,2.5,0,0,0,0,5h200.7a2.5,2.5,0,1,0,0-5Z"/><path class="cls-6" d="M78.15,12.19v4h-4a1,1,0,0,0,0,2h4v4a1,1,0,0,0,2,0v-4h4a1,1,0,0,0,0-2h-4v-4a1,1,0,1,0-2,0Z"/><path class="cls-6" d="M226,118.39v4h-4a1,1,0,0,0,0,2h4v4a1,1,0,0,0,2,0v-4h4a1,1,0,0,0,0-2h-4v-4a1,1,0,0,0-2,0Z"/><path class="cls-6" d="M43,101.54v4H39a1,1,0,0,0,0,2h4v4a1,1,0,1,0,2,0v-4h4a1,1,0,1,0,0-2H45v-4a1,1,0,0,0-2,0Z"/><path class="cls-2" d="M30.54,48a6,6,0,1,1-6-6A6,6,0,0,1,30.54,48Zm-10,0a4,4,0,1,0,4-4A4,4,0,0,0,20.54,48Z"/><path class="cls-2" d="M238.94,197.29a6,6,0,1,1-6-6A6,6,0,0,1,238.94,197.29Zm-10,0a4,4,0,1,0,4-4A4,4,0,0,0,228.94,197.29Z"/></svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
1
public/services.svg
Normal file
1
public/services.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5 KiB |
1
public/story.svg
Normal file
1
public/story.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><svg data-name="Layer 1" id="Layer_1" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#fd0;}.cls-2{fill:#eb5639;}.cls-3{fill:#40bdff;}.cls-4{fill:#efc803;}.cls-5{fill:#2197f7;}.cls-6{fill:#d84936;}.cls-7{fill:#263238;}</style></defs><title/><path class="cls-1" d="M79,50H23a8,8,0,0,0-8,8V78a8,8,0,0,0,8,8H41a2,2,0,0,1,1.79,1.11L51,103.53l8.21-16.42A2,2,0,0,1,61,86H79a8,8,0,0,0,8-8V58A8,8,0,0,0,79,50Z"/><path class="cls-1" d="M239,50H183a8,8,0,0,0-8,8V78a8,8,0,0,0,8,8h18a2,2,0,0,1,1.79,1.11L211,103.53l8.21-16.42A2,2,0,0,1,221,86h18a8,8,0,0,0,8-8V58A8,8,0,0,0,239,50Z"/><path class="cls-2" d="M128,136a8,8,0,0,0,0-16,8,8,0,0,0,0,16Z"/><path class="cls-2" d="M208,120a8,8,0,0,0,0,16,8,8,0,0,0,0-16Z"/><path class="cls-3" d="M159,170H141a2,2,0,0,1-1.79-1.11L131,152.47l-8.21,16.42A2,2,0,0,1,121,170H103a8,8,0,0,0-8,8v20a8,8,0,0,0,8,8h56a8,8,0,0,0,8-8V178A8,8,0,0,0,159,170Z"/><path class="cls-4" d="M79,50H71a8,8,0,0,1,8,8V78a8,8,0,0,1-8,8h8a8,8,0,0,0,8-8V58A8,8,0,0,0,79,50Z"/><path class="cls-4" d="M239,50h-8a8,8,0,0,1,8,8V78a8,8,0,0,1-8,8h8a8,8,0,0,0,8-8V58A8,8,0,0,0,239,50Z"/><path class="cls-5" d="M159,170h-8a8,8,0,0,1,8,8v20a8,8,0,0,1-8,8h8a8,8,0,0,0,8-8V178A8,8,0,0,0,159,170Z"/><circle class="cls-2" cx="48" cy="128" r="8"/><path class="cls-6" d="M48,120a8,8,0,0,0-2,.26,8,8,0,0,1,0,15.47A8,8,0,1,0,48,120Z"/><path class="cls-6" d="M128,120a8,8,0,0,0-2,.26,8,8,0,0,1,0,15.47A8,8,0,1,0,128,120Z"/><path class="cls-6" d="M208,120a8,8,0,0,0-2,.26,8,8,0,0,1,0,15.47A8,8,0,1,0,208,120Z"/><path class="cls-7" d="M246,125.5H220.25a12.5,12.5,0,0,0-24.5,0h-55.5a12.5,12.5,0,0,0-24.5,0H60.25a12.5,12.5,0,0,0-24.5,0H10a2.5,2.5,0,0,0,0,5H35.75a12.5,12.5,0,0,0,24.5,0h55.5a12.5,12.5,0,0,0,24.5,0h55.5a12.5,12.5,0,0,0,24.5,0H246a2.5,2.5,0,0,0,0-5Zm-198,10a7.5,7.5,0,1,1,7.5-7.5A7.51,7.51,0,0,1,48,135.5Zm80,0a7.5,7.5,0,0,1,0-15,7.5,7.5,0,0,1,0,15Zm80,0a7.5,7.5,0,0,1,0-15,7.5,7.5,0,0,1,0,15Z"/><path class="cls-7" d="M20,90.5H36.46l9.31,18.62a2.5,2.5,0,0,0,4.47,0L59.54,90.5H76A12.51,12.51,0,0,0,88.5,78V58A12.51,12.51,0,0,0,76,45.5H20A12.51,12.51,0,0,0,7.5,58V78A12.51,12.51,0,0,0,20,90.5ZM12.5,58A7.51,7.51,0,0,1,20,50.5H76A7.51,7.51,0,0,1,83.5,58V78A7.51,7.51,0,0,1,76,85.5H58a2.5,2.5,0,0,0-2.24,1.38L48,102.41,40.24,86.88A2.5,2.5,0,0,0,38,85.5H20A7.51,7.51,0,0,1,12.5,78Z"/><path class="cls-7" d="M20,65.5H76a2.5,2.5,0,0,0,0-5H20a2.5,2.5,0,0,0,0,5Z"/><path class="cls-7" d="M20,75.5H66a2.5,2.5,0,0,0,0-5H20a2.5,2.5,0,0,0,0,5Z"/><path class="cls-7" d="M236,45.5H180A12.51,12.51,0,0,0,167.5,58V78A12.51,12.51,0,0,0,180,90.5h16.46l9.31,18.62a2.5,2.5,0,0,0,4.47,0l9.31-18.62H236A12.51,12.51,0,0,0,248.5,78V58A12.51,12.51,0,0,0,236,45.5ZM243.5,78a7.51,7.51,0,0,1-7.5,7.5H218a2.5,2.5,0,0,0-2.24,1.38L208,102.41l-7.76-15.53A2.5,2.5,0,0,0,198,85.5H180a7.51,7.51,0,0,1-7.5-7.5V58a7.51,7.51,0,0,1,7.5-7.5h56a7.51,7.51,0,0,1,7.5,7.5Z"/><path class="cls-7" d="M236,60.5H180a2.5,2.5,0,0,0,0,5h56a2.5,2.5,0,0,0,0-5Z"/><path class="cls-7" d="M226,70.5H180a2.5,2.5,0,0,0,0,5h46a2.5,2.5,0,0,0,0-5Z"/><path class="cls-7" d="M156,165.5H139.54l-9.31-18.62a2.5,2.5,0,0,0-4.47,0l-9.31,18.62H100A12.51,12.51,0,0,0,87.5,178v20A12.51,12.51,0,0,0,100,210.5h56A12.51,12.51,0,0,0,168.5,198V178A12.51,12.51,0,0,0,156,165.5Zm7.5,32.5a7.51,7.51,0,0,1-7.5,7.5H100a7.51,7.51,0,0,1-7.5-7.5V178a7.51,7.51,0,0,1,7.5-7.5h18a2.5,2.5,0,0,0,2.24-1.38L128,153.59l7.76,15.53A2.5,2.5,0,0,0,138,170.5h18a7.51,7.51,0,0,1,7.5,7.5Z"/><path class="cls-7" d="M156,180.5H100a2.5,2.5,0,0,0,0,5h56a2.5,2.5,0,0,0,0-5Z"/><path class="cls-7" d="M146,190.5H100a2.5,2.5,0,0,0,0,5h46a2.5,2.5,0,0,0,0-5Z"/><path class="cls-1" d="M80.15,12.19v4h-4a1,1,0,0,0,0,2h4v4a1,1,0,0,0,2,0v-4h4a1,1,0,0,0,0-2h-4v-4a1,1,0,1,0-2,0Z"/><path class="cls-3" d="M196,192v4h-4a1,1,0,0,0,0,2h4v4a1,1,0,0,0,2,0v-4h4a1,1,0,0,0,0-2h-4v-4a1,1,0,0,0-2,0Z"/><path class="cls-3" d="M32.54,28a6,6,0,1,1-6-6A6,6,0,0,1,32.54,28Zm-10,0a4,4,0,1,0,4-4A4,4,0,0,0,22.54,28Z"/><path class="cls-1" d="M234.94,164.23a6,6,0,1,1-6-6A6,6,0,0,1,234.94,164.23Zm-10,0a4,4,0,1,0,4-4A4,4,0,0,0,224.94,164.23Z"/><path class="cls-3" d="M133.06,53.37a6,6,0,1,1-6-6A6,6,0,0,1,133.06,53.37Zm-10,0a4,4,0,1,0,4-4A4,4,0,0,0,123.06,53.37Z"/><path class="cls-3" d="M61,165.83H58.41L60.24,164a1,1,0,0,0-1.41-1.41L57,164.41v-2.59a1,1,0,0,0-2,0v2.59l-1.83-1.83A1,1,0,0,0,51.76,164l1.83,1.83H51a1,1,0,0,0,0,2h2.59l-1.83,1.83a1,1,0,0,0,1.41,1.41L55,169.24v2.59a1,1,0,0,0,2,0v-2.59l1.83,1.83a1,1,0,0,0,1.41-1.41l-1.83-1.83H61a1,1,0,0,0,0-2Z"/></svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
|
|
@ -1,4 +0,0 @@
|
|||
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
43
src/components/AboutMe.tsx
Normal file
43
src/components/AboutMe.tsx
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
import { Grid, GridCol } from "@treejs/components/Grid";
|
||||
import Image from "next/image";
|
||||
import { FC } from "react";
|
||||
import MyTitle from "../components/MyTitle";
|
||||
|
||||
const AboutMe: FC = () => {
|
||||
const age = Math.floor(
|
||||
((new Date() as any) - (new Date("1993-07-11") as any)) / 31557600000
|
||||
);
|
||||
|
||||
const work = Math.floor(
|
||||
((new Date() as any) - (new Date("2012-12-01") as any)) / 31557600000
|
||||
);
|
||||
|
||||
return (
|
||||
<Grid cols={6} className="mt-28">
|
||||
<GridCol colSpan={1} className="text-center">
|
||||
<Image
|
||||
src="/me.svg"
|
||||
alt="me"
|
||||
width={200}
|
||||
height={200}
|
||||
objectFit="contain"
|
||||
/>
|
||||
</GridCol>
|
||||
<GridCol colSpan={5} className="ml-10">
|
||||
<MyTitle left="Dobrý" right="Den" />
|
||||
<div className="mt-10">
|
||||
Jmenuji se <b>Roman Jaroš</b>.
|
||||
</div>
|
||||
<div className="mt-5">
|
||||
<p>
|
||||
Je mi <b>{age} let</b> a již <b>{work} let</b> se profesionálně
|
||||
věnuji vývoji a správě webových aplikací ☺️ .
|
||||
</p>
|
||||
<p>Od roku 2020 pracuji pouze na IČO.</p>
|
||||
</div>
|
||||
</GridCol>
|
||||
</Grid>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutMe;
|
||||
74
src/components/Contact.tsx
Normal file
74
src/components/Contact.tsx
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
import { Grid, GridCol } from "@treejs/components/Grid";
|
||||
import Image from "next/image";
|
||||
import { FC } from "react";
|
||||
import MyTitle from "./MyTitle";
|
||||
|
||||
const Contact: FC = () => {
|
||||
const age = Math.floor(
|
||||
((new Date() as any) - (new Date("1993-07-11") as any)) / 31557600000
|
||||
);
|
||||
|
||||
const work = Math.floor(
|
||||
((new Date() as any) - (new Date("2012-12-01") as any)) / 31557600000
|
||||
);
|
||||
|
||||
return (
|
||||
<Grid cols={6} className="mt-28">
|
||||
<GridCol colSpan={1} className="text-center">
|
||||
<Image
|
||||
src="/contact.svg"
|
||||
alt="contact"
|
||||
width={200}
|
||||
height={200}
|
||||
objectFit="contain"
|
||||
/>
|
||||
</GridCol>
|
||||
<GridCol colSpan={5} className="ml-10">
|
||||
<MyTitle left="Můj" right="Kontakt" />
|
||||
<div className="mt-10">
|
||||
<p className="mb-2">
|
||||
Obchodní nabídky prosím zasílejte{" "}
|
||||
<a href="mailto:sales@romanjaros.dev">sem</a>.
|
||||
</p>
|
||||
<p className="mb-2">
|
||||
Jiné dotazy prosím <a href="mailto:info@romanjaros.dev">sem</a>.
|
||||
</p>
|
||||
<p className="mt-4">
|
||||
<p>
|
||||
<a
|
||||
target="_blank"
|
||||
href="http://linkedin.com/in/roman-jaroš-16a687139"
|
||||
rel="noreferrer"
|
||||
>
|
||||
LinkedIn
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://git.romanjaros.dev"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Gitea (Git)
|
||||
</a>
|
||||
</p>
|
||||
</p>
|
||||
|
||||
<p className="mt-10">
|
||||
Pokud potřebujete zadat tiket na podporu, použijte prosím{" "}
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://helpdesk.romanjaros.dev/index.php?a=add"
|
||||
rel="noreferrer"
|
||||
>
|
||||
tento formulář
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
</div>
|
||||
</GridCol>
|
||||
</Grid>
|
||||
);
|
||||
};
|
||||
|
||||
export default Contact;
|
||||
66
src/components/FullStory.tsx
Normal file
66
src/components/FullStory.tsx
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
import { Grid, GridCol } from "@treejs/components/Grid";
|
||||
import Image from "next/image";
|
||||
import { isEmpty, isNil, map } from "ramda";
|
||||
import { FC, Fragment, useMemo } from "react";
|
||||
import { projects } from "../constants/projects";
|
||||
import MyTitle from "./MyTitle";
|
||||
|
||||
const FullStory: FC = () => {
|
||||
const projectsRender = useMemo(() => {
|
||||
let i = 0;
|
||||
return map((project) => {
|
||||
i++;
|
||||
return (
|
||||
<Fragment key={i}>
|
||||
<div className="border-timeline border-dotted border-l-4 pl-4 my-2">
|
||||
<p className="mb-2 font-bold">{project.name}</p>
|
||||
<p className="mb-2 font-thin">
|
||||
{project.dateFrom} - {project.dateTo}
|
||||
</p>
|
||||
<p>
|
||||
{project.desciption}
|
||||
{!isNil(project.link) ? (
|
||||
<>
|
||||
<a
|
||||
href={project.link}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="ml-1"
|
||||
>
|
||||
Odkaz na projekt
|
||||
</a>
|
||||
.
|
||||
</>
|
||||
) : null}
|
||||
</p>
|
||||
</div>
|
||||
{i === projects.length ? null : (
|
||||
<svg height="20" width="20" className="-ml-2">
|
||||
<circle cx="10" cy="10" r="9" fill="#B25068" />
|
||||
</svg>
|
||||
)}
|
||||
</Fragment>
|
||||
);
|
||||
}, projects);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<Grid cols={6} className="mt-28">
|
||||
<GridCol colSpan={1} className="text-center">
|
||||
<Image
|
||||
src="/story.svg"
|
||||
alt="story"
|
||||
width={200}
|
||||
height={200}
|
||||
objectFit="contain"
|
||||
/>
|
||||
</GridCol>
|
||||
<GridCol colSpan={5} className="ml-10">
|
||||
<MyTitle left="Na" right="Projektech" />
|
||||
<div className="mt-10">{projectsRender}</div>
|
||||
</GridCol>
|
||||
</Grid>
|
||||
);
|
||||
};
|
||||
|
||||
export default FullStory;
|
||||
25
src/components/MyTitle.tsx
Normal file
25
src/components/MyTitle.tsx
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
import React, { FC } from "react";
|
||||
import cx from "classnames";
|
||||
|
||||
type IProps = {
|
||||
left: string;
|
||||
right: string;
|
||||
className?: string;
|
||||
};
|
||||
|
||||
const MyTitle: FC<IProps> = ({ left, right, className }) => {
|
||||
return (
|
||||
<div className={cx("mytitle", className)}>
|
||||
<span className="mytitle-left">
|
||||
{"<"}
|
||||
{left}
|
||||
</span>
|
||||
<span className="mytitle-right">
|
||||
{right}
|
||||
{" />"}
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default MyTitle;
|
||||
91
src/components/Services.tsx
Normal file
91
src/components/Services.tsx
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
import { Grid, GridCol } from "@treejs/components/Grid";
|
||||
import Image from "next/image";
|
||||
import { FC, useMemo } from "react";
|
||||
import { skills } from "../constants/skills";
|
||||
import MyTitle from "./MyTitle";
|
||||
import { map } from "ramda";
|
||||
import { ISkill } from "../types/skills";
|
||||
|
||||
const Services: FC = () => {
|
||||
const renderSkills = useMemo(() => {
|
||||
let i = 0;
|
||||
return map((skillList: ISkill[]) => {
|
||||
let z = 0;
|
||||
const skills = map((skill: ISkill) => {
|
||||
z++;
|
||||
return (
|
||||
<li className="flex mb-1" key={z}>
|
||||
<svg height="10" width="10" className="mt-1.5 mr-2">
|
||||
<circle
|
||||
cx="5"
|
||||
cy="5"
|
||||
r="4"
|
||||
fill={skill.level === "full" ? "#90C8AC" : "#FFE7BF"}
|
||||
/>
|
||||
</svg>
|
||||
{skill.name}
|
||||
</li>
|
||||
);
|
||||
})(skillList);
|
||||
i++;
|
||||
return (
|
||||
<ol className="mt-2" key={i}>
|
||||
{skills}
|
||||
</ol>
|
||||
);
|
||||
})(skills);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<Grid cols={6} className="mt-28">
|
||||
<GridCol colSpan={1} className="text-center">
|
||||
<Image
|
||||
src="/services.svg"
|
||||
alt="services"
|
||||
width={200}
|
||||
height={200}
|
||||
objectFit="contain"
|
||||
/>
|
||||
</GridCol>
|
||||
<GridCol colSpan={5} className="ml-10">
|
||||
<MyTitle left="Umím" right="Ovládat" />
|
||||
<Grid cols={4} className="mt-10">
|
||||
<GridCol>
|
||||
<b>Vývoj FE</b>
|
||||
{renderSkills[0]}
|
||||
</GridCol>
|
||||
<GridCol>
|
||||
<b>Vývoj BE</b>
|
||||
{renderSkills[1]}
|
||||
</GridCol>
|
||||
<GridCol>
|
||||
<b>Další</b>
|
||||
{renderSkills[2]}
|
||||
</GridCol>
|
||||
<GridCol>
|
||||
<b>Správa aplikací</b>
|
||||
{renderSkills[3]}
|
||||
</GridCol>
|
||||
</Grid>
|
||||
|
||||
<div className="flex mt-6 text-sm">
|
||||
<div className="flex">
|
||||
<svg height="10" width="10" className="mt-1.5 mr-2">
|
||||
<circle cx="5" cy="5" r="4" fill="#90C8AC" />
|
||||
</svg>
|
||||
používám na projektech
|
||||
</div>
|
||||
|
||||
<div className="flex ml-5">
|
||||
<svg height="10" width="10" className="mt-1.5 mr-2">
|
||||
<circle cx="5" cy="5" r="4" fill="#FFE7BF" />
|
||||
</svg>
|
||||
hraju si a učím se
|
||||
</div>
|
||||
</div>
|
||||
</GridCol>
|
||||
</Grid>
|
||||
);
|
||||
};
|
||||
|
||||
export default Services;
|
||||
54
src/constants/projects.ts
Normal file
54
src/constants/projects.ts
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
import { IProject } from "../types/projects";
|
||||
|
||||
export const projects: IProject[] = [
|
||||
{
|
||||
name: "doservislu.online",
|
||||
dateFrom: "březen 2020",
|
||||
dateTo: "současnost",
|
||||
link: "http://doservisu.online",
|
||||
desciption:
|
||||
"Tvorba frontendu veřejné aplikace pro možnost jednoduchého obsloužení zákazníka autoservisu. Z pohledu FE se jedná o sólo vývoj.",
|
||||
},
|
||||
{
|
||||
name: "Vývojář FE",
|
||||
dateFrom: "leden 2020",
|
||||
dateTo: "současnost",
|
||||
desciption:
|
||||
"Tvorba frontendu interní aplikace pro Generali Česká pojišťovna. Spolupráce na IČO. Stejný projekt jako když jsem pracoval jako zaměstnanec pod společností Softec s.r.o.. Rozšíření role o leadování ostatních FE vývojářů na projektu.",
|
||||
},
|
||||
{
|
||||
name: "treeJS",
|
||||
dateFrom: "březen 2019",
|
||||
dateTo: "současnost",
|
||||
link: "http://treejs.romanjaros.dev",
|
||||
desciption:
|
||||
"Mnou vytvářený framework pro jednodušší stavění nových aplikací. Jedná se o sadu React component, zjednodušení práce s formulářem nebo nadstavbu pro práci se styli.",
|
||||
},
|
||||
{
|
||||
name: "Vývojář FE",
|
||||
dateFrom: "říjen 2017",
|
||||
dateTo: "prosinec 2019",
|
||||
desciption:
|
||||
"Tvorba frontendu interní aplikace pro Českou pojišťovnu. Na projekt jsem byl dodán jako zaměstnanec společnosti Softec s.r.o. Má role na projektu bylo plnit zadání dle analýzi s týmem o velikost 8 lidí.",
|
||||
},
|
||||
{
|
||||
name: "Vývojář FE",
|
||||
dateFrom: "červen 2017",
|
||||
dateTo: "říjen 2017",
|
||||
desciption:
|
||||
"Tvorba frontentu interní aplikace pro ČMSS s týmem o velikosti 5 lidí.",
|
||||
},
|
||||
{
|
||||
name: "Vývojář FE pro Softec s.r.o.",
|
||||
dateFrom: "červen 2017",
|
||||
dateTo: "prosinec 2019",
|
||||
desciption: "Tvorba frontentu aplikací pro zákazníky.",
|
||||
},
|
||||
{
|
||||
name: "Fullstack vývojář v Dataprojekt s.r.o.",
|
||||
dateFrom: "prosinec 2012",
|
||||
dateTo: "květen 2017",
|
||||
desciption:
|
||||
"Vytvářel jsem webové aplikace přímo podle potřeb zákazníka. Od tvorby frontendu a beckendu, až po konzultace nebo instalace přímo u zákazníka.",
|
||||
},
|
||||
];
|
||||
91
src/constants/skills.ts
Normal file
91
src/constants/skills.ts
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
import { ISkill } from "../types/skills";
|
||||
|
||||
export const skills: ISkill[][] = [
|
||||
// Dev FE
|
||||
[
|
||||
{
|
||||
name: "React",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "Redux (i tookit)",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "Typescript",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "Ramda",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "Browser extensions",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "Tailwind",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "NextJS",
|
||||
level: "part",
|
||||
},
|
||||
],
|
||||
|
||||
// Dev BE
|
||||
[
|
||||
{
|
||||
name: "NodeJS",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "HapiJS",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "MongoDB",
|
||||
level: "part",
|
||||
},
|
||||
{
|
||||
name: "NextJS",
|
||||
level: "part",
|
||||
},
|
||||
],
|
||||
|
||||
// Others
|
||||
[
|
||||
{
|
||||
name: "GIT",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "NPM / Yarn",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "Jenkins (CI, CD)",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "SonarQube",
|
||||
level: "part",
|
||||
},
|
||||
],
|
||||
|
||||
// App maitenence
|
||||
[
|
||||
{
|
||||
name: "Docker",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "Caddy",
|
||||
level: "full",
|
||||
},
|
||||
{
|
||||
name: "Portainer",
|
||||
level: "part",
|
||||
},
|
||||
],
|
||||
];
|
||||
38
src/pages/_app.tsx
Executable file
38
src/pages/_app.tsx
Executable file
|
|
@ -0,0 +1,38 @@
|
|||
import "../styles/globals.css";
|
||||
|
||||
import type { AppProps } from "next/app";
|
||||
import { useRouter } from "next/router";
|
||||
|
||||
import Skeleton from "@treejs/components/Skeleton";
|
||||
import store from "../redux/store";
|
||||
import { Provider } from "react-redux";
|
||||
|
||||
function PortolioApp({ Component, pageProps }: AppProps) {
|
||||
const router = useRouter();
|
||||
|
||||
return (
|
||||
<Provider store={store}>
|
||||
<Skeleton
|
||||
history={router}
|
||||
menuItems={{}}
|
||||
enabledMenu={{
|
||||
sidebar: false,
|
||||
user: false,
|
||||
}}
|
||||
components={{
|
||||
footer: (
|
||||
<div className="bg-slate-300 p-2 text-center">
|
||||
IČO 08738734 | DIČ CZ9307111946 | Jsem plátce DPH. Fyzická osoba
|
||||
zapsaná v živnostenském rejstříku v Karlových Varech (CZ0412) od
|
||||
02.12.2019. Tento web nepoužívá cookies.
|
||||
</div>
|
||||
),
|
||||
}}
|
||||
>
|
||||
<Component {...pageProps} />
|
||||
</Skeleton>
|
||||
</Provider>
|
||||
);
|
||||
}
|
||||
|
||||
export default PortolioApp;
|
||||
25
src/pages/index.tsx
Executable file
25
src/pages/index.tsx
Executable file
|
|
@ -0,0 +1,25 @@
|
|||
import type { NextPage } from "next";
|
||||
|
||||
import MyTitle from "../components/MyTitle";
|
||||
import AboutMe from "../components/AboutMe";
|
||||
import Services from "../components/Services";
|
||||
import Contact from "../components/Contact";
|
||||
import FullStory from "../components/FullStory";
|
||||
|
||||
const Home: NextPage = () => {
|
||||
return (
|
||||
<>
|
||||
<div className="mx-auto w-3/5">
|
||||
<div className="text-center mb-20">
|
||||
<MyTitle left="Roman" right="Developer" className="text-6xl" />
|
||||
</div>
|
||||
<AboutMe />
|
||||
<Services />
|
||||
<Contact />
|
||||
<FullStory />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Home;
|
||||
25
src/redux/store.ts
Normal file
25
src/redux/store.ts
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
import { combineReducers } from "redux";
|
||||
|
||||
import { MODAL_REDUCER_NAME } from "@treejs/components/Modal/constants";
|
||||
import modalReducer from "@treejs/components/Modal/reducer";
|
||||
import { TOASTER_REDUCER_NAME } from "@treejs/components/Toaster/constants";
|
||||
import toasterReducer from "@treejs/components/Toaster/reducer";
|
||||
import { ROOT_REDUCER_NAME } from "@treejs/constants/redux";
|
||||
import { configureStore } from "@reduxjs/toolkit";
|
||||
|
||||
type ITreejsReducer = {
|
||||
[MODAL_REDUCER_NAME]: typeof modalReducer;
|
||||
[TOASTER_REDUCER_NAME]: typeof toasterReducer;
|
||||
};
|
||||
|
||||
const store = configureStore({
|
||||
reducer: combineReducers({
|
||||
[ROOT_REDUCER_NAME]: combineReducers<ITreejsReducer>({
|
||||
[MODAL_REDUCER_NAME]: modalReducer,
|
||||
[TOASTER_REDUCER_NAME]: toasterReducer,
|
||||
}),
|
||||
}),
|
||||
devTools: process.env.NEXT_PUBLIC__IS_DEV === "true",
|
||||
});
|
||||
|
||||
export default store;
|
||||
21
src/styles/globals.css
Executable file
21
src/styles/globals.css
Executable file
|
|
@ -0,0 +1,21 @@
|
|||
@import '@treejs/styles/global.css';
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap');
|
||||
|
||||
body {
|
||||
@apply bg-white text-black text-sm;
|
||||
|
||||
font-family: 'Quicksand', sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
:root {
|
||||
--color-primary: #28527a;
|
||||
--color-focus: theme('colors.gray.100');
|
||||
--color-active: #70a7db;
|
||||
--color-timeline: #F4E06D;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-active)
|
||||
}
|
||||
21
src/styles/plugins/mytitle.js
Normal file
21
src/styles/plugins/mytitle.js
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
const title = (theme) => ({
|
||||
".mytitle": {
|
||||
"font-size": "30px",
|
||||
"font-weight": "bold",
|
||||
"padding-top": "40px",
|
||||
|
||||
"&-left": {
|
||||
color: theme("colors.black"),
|
||||
},
|
||||
|
||||
"&-right": {
|
||||
color: theme("colors.primary.DEFAULT"),
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
module.exports = ({ addComponents, theme }) => {
|
||||
addComponents(title(theme));
|
||||
};
|
||||
|
||||
module.exports.title = title;
|
||||
24
src/styles/tailwind.config.js
Normal file
24
src/styles/tailwind.config.js
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
const path = require("path");
|
||||
|
||||
const plugin = require("tailwindcss/plugin");
|
||||
|
||||
module.exports = {
|
||||
presets: [require("@treejs/styles/tailwind.config")],
|
||||
content: [
|
||||
...require("@treejs/styles/tailwind.config").content,
|
||||
path.resolve(""), // path to place, where are used tailwind styles
|
||||
],
|
||||
safelist: require("@treejs/styles/tailwind.config").safelist,
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
timeline: "var(--color-timeline)",
|
||||
},
|
||||
},
|
||||
},
|
||||
variants: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [plugin(require("./plugins/mytitle"))],
|
||||
};
|
||||
7
src/types/projects.ts
Normal file
7
src/types/projects.ts
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
export interface IProject {
|
||||
name: string;
|
||||
dateFrom: string;
|
||||
dateTo: string;
|
||||
desciption: string;
|
||||
link?: string;
|
||||
}
|
||||
4
src/types/skills.ts
Normal file
4
src/types/skills.ts
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
export interface ISkill {
|
||||
name: string;
|
||||
level: "full" | "part";
|
||||
}
|
||||
|
|
@ -1,116 +0,0 @@
|
|||
.container {
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
.main {
|
||||
min-height: 100vh;
|
||||
padding: 4rem 0;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
padding: 2rem 0;
|
||||
border-top: 1px solid #eaeaea;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.title a {
|
||||
color: #0070f3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title a:hover,
|
||||
.title a:focus,
|
||||
.title a:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin: 0;
|
||||
line-height: 1.15;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
.title,
|
||||
.description {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.description {
|
||||
margin: 4rem 0;
|
||||
line-height: 1.5;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.code {
|
||||
background: #fafafa;
|
||||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin: 1rem;
|
||||
padding: 1.5rem;
|
||||
text-align: left;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
.card:focus,
|
||||
.card:active {
|
||||
color: #0070f3;
|
||||
border-color: #0070f3;
|
||||
}
|
||||
|
||||
.card h2 {
|
||||
margin: 0 0 1rem 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.card p {
|
||||
margin: 0;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 1em;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.grid {
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
html,
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
|
@ -15,6 +15,6 @@
|
|||
"jsx": "preserve",
|
||||
"incremental": true
|
||||
},
|
||||
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
|
||||
"include": ["next-env.d.ts", "**/**/*.ts", "**/**/*.tsx"],
|
||||
"exclude": ["node_modules"]
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue