diff --git a/Dockerfile b/Dockerfile index 63e7868..221f692 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1 +1,13 @@ -FROM node:14-alpine +FROM hayd/alpine-deno:1.3.1 + +EXPOSE 8000 + +WORKDIR /app + +USER deno + +COPY --chown=deno . . + +RUN deno cache --unstable app.ts + +CMD ["run", "--allow-net=0.0.0.0:8000", "--allow-read=less,public/assets", "--allow-write=public/assets/css", "app.ts"] diff --git a/Jenkinsfile b/Jenkinsfile index 5ecce8e..ca06551 100644 --- a/Jenkinsfile +++ b/Jenkinsfile @@ -1,18 +1,17 @@ pipeline { agent any stages { -// stage('Init') { -// steps { -// sh 'node --version' -// } -// } + stage('Installation') { + steps { + echo "start Installation" + echo "finish Installation" + } + } stage('Build') { steps { echo "Running ${env.BUILD_ID} on ${env.JENKINS_URL}" echo 'Building..' - sh 'ls -la /var/lib' - sh 'whoami' - sh 'docker info' +// sh 'docker build -t registry.proxyq.co/hellsos/website .' } } stage('Test') { @@ -23,8 +22,9 @@ pipeline { } } stage('Deploy') { - steps { - echo "Deploying.... ${env.ENV_REGISTRY_URL} - ${env.ENV_REGISTRY_USER}" + docker.withRegistry("${env.ENV_REGISTRY_URL}", 'registry-credentials-id') { + def customImage = docker.build("${env.ENV_REGISTRY_URL}/jenkins/website:${env.BUILD_ID}") + customImage.push() } } } diff --git a/LICENSE b/LICENSE index 2071b23..025062f 100644 --- a/LICENSE +++ b/LICENSE @@ -1,9 +1,21 @@ MIT License -Copyright (c) +Copyright (c) 2020 Jan Rabcan -Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: -The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md index f15f90e..5400a44 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,2 @@ -# test - -test \ No newline at end of file +# website +Personal Website running on Deno diff --git a/app.ts b/app.ts new file mode 100644 index 0000000..59928c5 --- /dev/null +++ b/app.ts @@ -0,0 +1,51 @@ +import { serve } from "https://deno.land/std/http/server.ts"; +import { copyFile, getFileList, readFile, readFileRaw } from "./tools/tool.ts"; +import { template } from "./page.ts"; + + +const PORT = 8000; + +const s = serve( { + port : PORT +} ); + +await copyFile( "./less/index.css", "./public/assets/css/index.min.css" ); + +const indexCss = await readFile( "./public/assets/css/index.min.css" ); + +await copyFile( "./less/index.css.map", "./public/assets/css/index.min.css.map" ); + +const indexCssMap = await readFile( "./public/assets/css/index.min.css.map" ); + +const fileNames = await getFileList( "./public/assets/img" ); + +const assetsMap = new Map(); + +for ( const fileName of fileNames ) { + assetsMap.set( "/assets/img/" + fileName.path, await readFileRaw( fileName.absolutePath ) ); +} + +console.log( `Server running on http://localhost:${ PORT }` ); + +for await ( const req of s ) { + if ( req.url === "/" ) { + req.respond( { body : template } ); + } else if ( req.url === "/css/index.min.css" ) { + req.respond( { body : indexCss } ); + } else if ( req.url === "/css/index.css.map" ) { + req.respond( { body : indexCssMap } ); + } else if ( req.url.startsWith( "/assets/img" ) ) { + let headers = new Headers(); + if(req.url.endsWith('.svg')) { + headers.set("content-type", "image/svg+xml"); + } else { + headers.set("content-type", "image/png"); + } + req.respond( { + headers , body : assetsMap.get( req.url ), status : 200 + } ); + } else { + console.log( req.url ); + req.respond( { status : 404 } ); + } +} \ No newline at end of file diff --git a/less/index.css b/less/index.css new file mode 100644 index 0000000..a4395c8 --- /dev/null +++ b/less/index.css @@ -0,0 +1,300 @@ +body { + font-family: Nunito; + background: #232526; + background: -webkit-linear-gradient(to right, #414345, #232526); + background: linear-gradient(to right, #414345, #232526); +} +::-webkit-scrollbar-track { + background-color: #232526; +} +::-webkit-scrollbar { + width: 5px; +} +::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: #585858; +} +.page-wrapper { + margin-left: 50px; + padding-left: 50px; + margin-top: 100px; + position: relative; + padding-right: 100px; + margin-bottom: 100px; +} +@media only screen and (max-width: 800px) { + .page-wrapper { + padding-right: 50px; + margin-left: 20px; + padding-left: 25px; + } +} +.page-wrapper::before { + content: ''; + background-color: #585858; + position: absolute; + width: 3px; + height: calc(100% - 15px); + left: 0; + top: 10px; + border-radius: 5px; +} +.page-wrapper > .project-list { + margin-bottom: 50px; +} +.page-wrapper > .project-list > li { + padding-left: 20px; + border-left: 2px solid #585858; +} +.page-wrapper > .project-list > li:not(:last-child) { + margin-bottom: 20px; +} +.page-wrapper > .project-list > li > .project-item-wrapper { + display: flex; +} +@media only screen and (max-width: 800px) { + .page-wrapper > .project-list > li > .project-item-wrapper { + flex-direction: column; + } +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left { + display: flex; + flex-direction: column; + align-items: center; + padding-right: 10px; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left .project-item-left-icon { + display: flex; + min-width: 200px; + min-height: 200px; + justify-content: center; + align-items: center; + background-color: #444; + color: #666; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 10px; + position: relative; + overflow: hidden; + border-radius: 5px; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left .project-item-left-icon > img { + height: 100%; + position: absolute; + transition: 0.3s; + transform: scale(1); + filter: blur(2px); +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left .project-item-left-icon > img:hover { + filter: blur(0); + transform: scale(1.2); +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left .project-item-left-icon > .project-item-left-icon-badge { + position: absolute; + right: -35px; + top: 25px; + font-size: 12px; + padding: 5px 29px; + transform: rotate(45deg); +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left .project-item-left-icon > .project-item-left-icon-badge.open-source { + background: #666; + color: #ccc; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left > .project-item-left-link-list { + color: #888; + display: flex; + flex-direction: column; + align-items: center; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left > .project-item-left-link-list > li > a.disabled { + opacity: 0.4; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left > .project-item-left-link-list > li > a > i { + margin-right: 5px; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li { + margin-bottom: 10px; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li .project-item-right-label > h5 { + margin: 0; + color: #999; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li .project-item-right-content:not(.name) > h4 { + color: #777; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li .project-item-right-content > h4 { + margin: 0; + max-width: 700px; + color: #ccc; + display: flex; + align-items: center; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li .project-item-right-content > h4 > .project-item-right-content-status { + color: #616161; + padding-left: 10px; + font-size: 12px; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li .project-item-right-content.list { + margin-top: 5px; +} +.page-wrapper > .work-list { + margin-bottom: 50px; + position: relative; +} +.page-wrapper > .work-list::before { + content: ""; + position: absolute; + left: 0; + top: 10px; + height: calc(100% - 20px); + width: 2px; + background-color: #585858; +} +.page-wrapper > .work-list > li { + color: #888; + padding-left: 20px; +} +.page-wrapper > .work-list > li:first-child { + color: #ccc; +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-to { + position: relative; + font-size: 14px; + font-weight: bold; +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-info { + position: relative; + padding: 10px; + padding-left: 20px; + display: flex; +} +@media only screen and (max-width: 800px) { + .page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-info { + flex-direction: column; + } +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-info > .work-item-wrapper-info-role { + padding-left: 10px; + opacity: 0.7; +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-from { + position: relative; + font-size: 14px; + font-weight: bold; +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-from::before, +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-to::before { + content: ""; + position: absolute; + left: -24px; + top: 5px; + background-color: #585858; + border-radius: 20px; + width: 10px; + height: 10px; +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-from::after, +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-to::after { + content: ""; + position: absolute; + left: -22px; + top: 7px; + background-color: #414345; + border-radius: 20px; + width: 6px; + height: 6px; +} +.page-wrapper > h2 { + color: #aaa; +} +.page-wrapper .intro { + margin-bottom: 50px; +} +.page-wrapper .intro h1 { + color: white; +} +.page-wrapper .intro h2, +.page-wrapper .intro h3 { + color: #aaa; +} +.page-wrapper .intro .contact-list { + display: flex; + color: #888; +} +.page-wrapper .intro .contact-list > li { + margin-right: 10px; +} +.page-wrapper .intro .contact-list > li > a { + display: flex; + align-items: center; +} +.page-wrapper .intro .contact-list > li > a > i { + margin-right: 5px; + font-size: 13px; +} +.page-wrapper .skill-wrapper { + display: flex; + align-items: center; + margin-bottom: 10px; +} +@media only screen and (max-width: 800px) { + .page-wrapper .skill-wrapper { + flex-direction: column; + align-items: flex-start; + } +} +.page-wrapper .skill-wrapper .skill-caption { + white-space: nowrap; + padding-right: 10px; + margin-bottom: 10px; + margin-top: 0; +} +.skill-list { + display: flex; + flex-wrap: wrap; +} +.skill-list li { + background: #999; + padding: 3px 5px; + border-radius: 5px; + margin-right: 10px; + font-size: 12px; + font-weight: bold; + display: flex; + align-items: center; + margin-bottom: 10px; +} +.skill-list li img, +.skill-list li i { + margin-right: 5px; +} +ul { + list-style: none; + padding: 0; + margin: 0; +} +.clickable { + font-weight: bold; +} +.clickable.disabled { + cursor: not-allowed; +} +.clickable:not(.disabled) { + transition: 0.3s; + cursor: pointer; +} +.clickable:not(.disabled):hover { + opacity: 0.6; +} +.footer { + padding-bottom: 10px; + font-size: 14px; + color: #aaa; +} +.footer a { + text-transform: uppercase; + margin-right: 5px; +} +/*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/less/index.css.map b/less/index.css.map new file mode 100644 index 0000000..27750b2 --- /dev/null +++ b/less/index.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file diff --git a/less/index.less b/less/index.less new file mode 100644 index 0000000..5e97c46 --- /dev/null +++ b/less/index.less @@ -0,0 +1,390 @@ +body { + font-family: Nunito; + background: #232526; + background: -webkit-linear-gradient(to right, #414345, #232526); + background: linear-gradient(to right, #414345, #232526); +} + +::-webkit-scrollbar-track { + background-color: #232526; +} + +::-webkit-scrollbar { + width: 5px; +} + +::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); + background-color: #585858; +} + +.page-wrapper { + margin-left: 50px; + padding-left: 50px; + margin-top: 100px; + position: relative; + + padding-right: 100px; + + @media only screen and (max-width: 800px) { + padding-right: 50px; + margin-left: 20px; + padding-left: 25px; + } + + + margin-bottom: 100px; + + &::before { + content: ''; + background-color: #585858; + position: absolute; + width: 3px; + height: calc(100% - 15px); + left: 0; + top: 10px; + border-radius: 5px; + } + + &>.project-list { + margin-bottom: 50px; + + &>li { + padding-left: 20px; + border-left: 2px solid #585858; + + &:not(:last-child) { + margin-bottom: 20px; + } + + &>.project-item-wrapper { + display: flex; + + @media only screen and (max-width: 800px) { + flex-direction: column; + } + + &>.project-item-left { + display: flex; + flex-direction: column; + align-items: center; + padding-right: 10px; + + & .project-item-left-icon { + display: flex; + min-width: 200px; + min-height: 200px; + justify-content: center; + align-items: center; + background-color: #444; + color: #666; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 10px; + position: relative; + overflow: hidden; + border-radius: 5px; + + &>img { + height: 100%; + position: absolute; + transition: 0.3s; + transform: scale(1); + filter: blur(2px); + + &:hover { + filter: blur(0); + transform: scale(1.2); + } + } + + &>.project-item-left-icon-badge { + position: absolute; + right: -35px; + top: 25px; + font-size: 12px; + padding: 5px 29px; + transform: rotate(45deg); + + &.open-source { + background: #666; + color: #ccc; + } + } + } + + &>.project-item-left-link-list { + + color: #888; + + display: flex; + flex-direction: column; + align-items: center; + + &>li { + &>a { + &.disabled { + opacity: 0.4; + } + + &>i { + margin-right: 5px; + } + } + + } + } + } + + &>.project-item-right { + &>ul { + + &>li { + margin-bottom: 10px; + + & .project-item-right-label { + &>h5 { + margin: 0; + color: #999; + } + } + + & .project-item-right-content { + + + &:not(.name) { + &>h4 { + color: #777; + } + } + + &>h4 { + margin: 0; + max-width: 700px; + color: #ccc; + display: flex; + align-items: center; + + &>.project-item-right-content-status { + color: #616161; + padding-left: 10px; + font-size: 12px; + } + } + + &.list { + margin-top: 5px; + } + } + } + } + } + } + } + } + + + &>.work-list { + margin-bottom: 50px; + position: relative; + + &::before { + content: ""; + position: absolute; + left: 0; + top: 10px; + height: calc(100% - 20px); + width: 2px; + background-color: #585858; + } + + &>li { + + + color: #888; + + &:first-child { + color: #ccc; + } + + padding-left: 20px; + + &>.work-item-wrapper { + + &>.work-item-wrapper-to { + position: relative; + font-size: 14px; + font-weight: bold; + } + + &>.work-item-wrapper-info { + position: relative; + padding: 10px; + padding-left: 20px; + display: flex; + @media only screen and (max-width: 800px) { + flex-direction: column; + } + + + &>.work-item-wrapper-info-role { + padding-left: 10px; + opacity: 0.7; + } + } + + &>.work-item-wrapper-from { + position: relative; + font-size: 14px; + font-weight: bold; + } + + &>.work-item-wrapper-from, + &>.work-item-wrapper-to { + &::before { + content: ""; + position: absolute; + left: -24px; + top: 5px; + background-color: #585858; + border-radius: 20px; + width: 10px; + height: 10px; + } + + &::after { + content: ""; + position: absolute; + left: -22px; + top: 7px; + background-color: #414345; + border-radius: 20px; + width: 6px; + height: 6px; + } + } + } + } + } + + + &>h2 { + color: #aaa; + } + + + & .intro { + margin-bottom: 50px; + + h1 { + color: white; + } + + h2, + h3 { + color: #aaa; + } + + + & .contact-list { + display: flex; + color: #888; + + &>li { + margin-right: 10px; + + &>a { + display: flex; + align-items: center; + + + &>i { + margin-right: 5px; + font-size: 13px; + } + } + } + } + + } + + + + .skill-wrapper { + display: flex; + align-items: center; + margin-bottom: 10px; + + @media only screen and (max-width: 800px) { + flex-direction: column; + align-items: flex-start; + } + + + .skill-caption { + white-space: nowrap; + padding-right: 10px; + margin-bottom: 10px; + margin-top: 0; + } + + } + +} + +.skill-list { + display: flex; + flex-wrap: wrap; + + li { + background: #999; + padding: 3px 5px; + border-radius: 5px; + margin-right: 10px; + font-size: 12px; + font-weight: bold; + display: flex; + align-items: center; + margin-bottom: 10px; + + img, + i { + margin-right: 5px; + } + } +} + +ul { + list-style: none; + padding: 0; + margin: 0; +} + +.clickable { + font-weight: bold; + + &.disabled { + cursor: not-allowed; + } + + &:not(.disabled) { + transition: 0.3s; + cursor: pointer; + + &:hover { + opacity: 0.6; + } + } +} + +.footer { + padding-bottom: 10px; + font-size: 14px; + color: #aaa; + + a { + text-transform: uppercase; + margin-right: 5px; + } +} \ No newline at end of file diff --git a/page.ts b/page.ts new file mode 100644 index 0000000..3900a4b --- /dev/null +++ b/page.ts @@ -0,0 +1,480 @@ +interface ITechnologyListItem { + name : string, + icon : string, + alt? : string +} + +let technologyListMap : Map = new Map(); +technologyListMap.set( "deno", { + name : "Deno", + icon : "https://deno.land/logo.svg" +} ); +technologyListMap.set( "react", { + name : "React", + icon : "./assets/img/3rd/favicon-react.svg", + alt : "React Library" +} ); +technologyListMap.set( "typescript", { + name : "TypeScript", + icon : "./assets/img/3rd/favicon-typescript.ico" +} ); +technologyListMap.set( "javascript", { + name : "JavaScript", + icon : "./assets/img/3rd/favicon-javascript.png" +} ); +technologyListMap.set( "less", { + name : "Less", + icon : "./assets/img/3rd/favicon-less.ico" +} ); +technologyListMap.set( "angular", { + name : "Angular", + icon : "./assets/img/3rd/favicon-angular.ico", + alt : "Angular Framework" +} ); +// technologyListMap.set( "mongodb", { +// name : "MongoDB", +// icon : "https://www.mongodb.com/assets/images/global/favicon.ico", +// alt : "MongoDB - NoSQL Database" +// } ); +technologyListMap.set( "sql", { + name : "SQL", + icon : "./assets/img/3rd/favicon-sql.png", + alt : "SQL Database Language" +} ); +technologyListMap.set( "redis", { + name : "Redis", + icon : "./assets/img/3rd/favicon-redis.png", + alt : "Redis Database" +} ); +technologyListMap.set( "laravel", { + name : "Laravel", + icon : "./assets/img/3rd/favicon-laravel.ico", + alt : "Laravel PHP Framework" +} ); +// technologyListMap.set( "jquery", { +// name : "JQuery", +// icon : "./assets/img/3rd/favicon-jquery.ico", +// alt : "JQuery Library" +// } ); +// technologyListMap.set( "html", { +// name : "Html", +// icon : "./assets/img/3rd/favicon-html.png" +// } ); +// technologyListMap.set( "css", { +// name : "CSS", +// icon : "./assets/img/3rd/favicon-css.svg" +// } ); +technologyListMap.set( "googlecharts", { + name : "Google Charts", + icon : "./assets/img/3rd/favicon-googlecharts.png", + alt : "Google Charts JS Library" +} ); +technologyListMap.set( "nodejs", { + name : "NodeJS", + icon : "./assets/img/3rd/favicon-nodejs.ico" +} ); +technologyListMap.set( "socketio", { + name : "Socket.IO", + icon : "./assets/img/3rd/favicon-socketio.png" +} ); + +technologyListMap.set( "git", { + name : "Git", + icon : "./assets/img/3rd/favicon-git.ico" +} ); +technologyListMap.set( "docker", { + name : "Docker", + icon : "./assets/img/3rd/favicon-docker.png" +} ); +technologyListMap.set( "webpack", { + name : "Webpack", + icon : "https://raw.githubusercontent.com/webpack/media/master/logo/icon-square-small.png" +} ); +technologyListMap.set( "yarn", { + name : "Yarn", + icon : "https://yarnpkg.com/favicon-32x32.png" +} ); +technologyListMap.set( "npm", { + name : "Npm", + icon : "https://static.npmjs.com/3dc95981de4241b35cd55fe126ab6b2c.png" +} ); +technologyListMap.set( "instagramapi", { + name : "Instagram - API", + icon : "./assets/img/3rd/favicon-instagram.png" +} ); + +interface IProjectListItem { + name : string; + previewImg? : string; + link : { + github? : string; + live? : string + }, + date : number; + status : boolean | null; + description : string + clientSideList? : Array; + serverSideList? : Array; +} + +const projectsListMap : Map = new Map(); +projectsListMap.set( "reactinstafeed", { + name : "Instagram User Media Feed Widget", + link : { + github : "https://github.com/Hellsos/insta-feed-widget" + }, + date : 2021, + status : true, + description : `Instagram User Media Feed Widget using React.js.`, + serverSideList : [ + technologyListMap.get( "react" )!, + technologyListMap.get( "typescript" )!, + technologyListMap.get( "javascript" )!, + technologyListMap.get( "git" )!, + ] +} ); +projectsListMap.set( "denoinstafeed", { + name : "Instagram User Media Feed", + link : { + github : "https://github.com/Hellsos/deno-insta-feed" + }, + date : 2021, + status : true, + description : `Instagram User Media Feed API using Deno TypeScript Runtime.`, + serverSideList : [ + technologyListMap.get( "deno" )!, + technologyListMap.get( "typescript" )!, + technologyListMap.get( "javascript" )!, + technologyListMap.get( "sql" )!, + technologyListMap.get( "git" )!, + technologyListMap.get( "instagramapi" )!, + ] +} ); +projectsListMap.set( "denodotenvfile", { + name : "DotEnv File for Deno", + link : { + github : "https://github.com/Hellsos/deno-dotenv-file" + }, + date : 2020, + status : true, + description : `A library for Deno parsing .env file into object-oriented structure making it more friendly for working in IDEs.`, + serverSideList : [ + technologyListMap.get( "deno" )!, + technologyListMap.get( "typescript" )!, + technologyListMap.get( "javascript" )!, + technologyListMap.get( "git" )! + ] +} ); +projectsListMap.set( "blogmihmanli", { + name : "Blog - Mihmanli", + previewImg : "./assets/img/asset_mihmanli.png", + link : { + live : "https://kristyna.mihmanli.com/" + }, + date : 2017, + status : true, + description : `Personal blog with administration allowing logged user to create groups, posts, galleries publicly accessible or privately accessible with custom code. +
Data feed from Instagram is every hour synchronized via Instagram - API providing images, videos and its data. Images are stored on storage server and data are inserted into SQL database.`, + clientSideList : [ + technologyListMap.get( "jquery" )!, + technologyListMap.get( "html" )!, + technologyListMap.get( "css" )! + ], + serverSideList : [ + technologyListMap.get( "laravel" )!, + technologyListMap.get( "sql" )!, + technologyListMap.get( "redis" )!, + technologyListMap.get( "instagramapi" )!, + ] +} ); +projectsListMap.set( "weatherstation", { + name : "WeatherStation Stats", + previewImg : "./assets/img/asset_weather_station.png", + link : { + live : "http://meteostanice-dev.kumpacka.eu" + }, + date : 2016, + status : true, + description : `Web Application which shows data stored in redis cache collected by weather station. +
Shell script on server inserts current weather data to SQL database each 5 minutes and then refreshes views in redis cache. +
Sun/Moon moves around according to the time of last record :)`, + clientSideList : [ + technologyListMap.get( "jquery" )!, + technologyListMap.get( "html" )!, + technologyListMap.get( "css" )!, + technologyListMap.get( "googlecharts" )!, + ], + serverSideList : [ + technologyListMap.get( "laravel" )!, + technologyListMap.get( "sql" )!, + technologyListMap.get( "redis" )!, + ] +} ); + + +export const template = ` + + + + + + + + + + + Jan Rabčan - Front End Developer - Angular, React, Deno + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ Hello, I'm Jan +

+

+ A Front End Developer living in Czech Republic +

+
+

+ Building Web Apps Using +

+
    +${ Array.from( technologyListMap.values() ).map( ( technology ) => { + return `
  • ${ technology.alt || technology.name } ${ technology.name }
    • `; +} ).join( "\n" ) } +
+
+ + +
+ +

+ Projects +

+
    + ${ Array.from( projectsListMap.values() ).map( ( project ) => { + return ` +
  • +
    +
    + +
    + ${ project.link.github ? "
    Open Source
    " : "" } + ${ project.previewImg ? "\""" : "Coming Soon" } +
    +     + +
    +
    +
      +
    • +
      +
      Name
      +
      +
      +

      ${ project.name }

      +
      +
      • +
    • +
      +
      Date
      +
      +
      +

      + ${ project.date } + + ${ project.status === true ? "Active" : "" } + ${ project.status === null ? "In Progress" : "" } + ${ project.status === false ? "Inactive" : "" } + +

      +
      +
      • +
    • +
      +
      Description
      +
      +
      +

      ${ project.description }

      +
      +
      • + ${ project.clientSideList && project.clientSideList.length > 0 ? + `
    • +
      +
      Client Side
      +
      +
      +
        + ${ project.clientSideList.map( ( technology ) => { + if ( technology == null ) return; + return `
      • ${ technology.alt || technology.name } ${ technology.name }
        • `; + } ).join( "\n" ) } +
      +
      +
      • ` : "" + } + ${ project.serverSideList && project.serverSideList.length > 0 ? `
    • +
      +
      Server Side
      +
      +
      +
        + ${ project.serverSideList.map( ( technology ) => { + if ( technology == null ) return; + return `
      • ${ technology.alt || technology.name } ${ technology.name }
        • `; + } ).join( "\n" ) } +
      +
      +
      • ` : "" + } +
    +
    +
    + +
    • `; +} ).join( "\n" ) } +
+

+ Work Experience +

+
    +
  • +
    +
    Present
    +
    + Lemonero +
    + Front End Developer +
    +
    +
    +
    • +
  • +
    +
    1/2020
    +
    + MonkeyData +
    + Front End Developer +
    +
    +
    12/2017
    +
    +
    • +
  • +
    +
    + MonkeyData +
    + Junior Developer +
    +
    +
    6/2016
    +
    +
    • +
+ +
+ Jan Rabčan Ⓒ 2020 +
+
+ + +`; diff --git a/public/assets/css/index.min.css b/public/assets/css/index.min.css new file mode 100644 index 0000000..a4395c8 --- /dev/null +++ b/public/assets/css/index.min.css @@ -0,0 +1,300 @@ +body { + font-family: Nunito; + background: #232526; + background: -webkit-linear-gradient(to right, #414345, #232526); + background: linear-gradient(to right, #414345, #232526); +} +::-webkit-scrollbar-track { + background-color: #232526; +} +::-webkit-scrollbar { + width: 5px; +} +::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: #585858; +} +.page-wrapper { + margin-left: 50px; + padding-left: 50px; + margin-top: 100px; + position: relative; + padding-right: 100px; + margin-bottom: 100px; +} +@media only screen and (max-width: 800px) { + .page-wrapper { + padding-right: 50px; + margin-left: 20px; + padding-left: 25px; + } +} +.page-wrapper::before { + content: ''; + background-color: #585858; + position: absolute; + width: 3px; + height: calc(100% - 15px); + left: 0; + top: 10px; + border-radius: 5px; +} +.page-wrapper > .project-list { + margin-bottom: 50px; +} +.page-wrapper > .project-list > li { + padding-left: 20px; + border-left: 2px solid #585858; +} +.page-wrapper > .project-list > li:not(:last-child) { + margin-bottom: 20px; +} +.page-wrapper > .project-list > li > .project-item-wrapper { + display: flex; +} +@media only screen and (max-width: 800px) { + .page-wrapper > .project-list > li > .project-item-wrapper { + flex-direction: column; + } +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left { + display: flex; + flex-direction: column; + align-items: center; + padding-right: 10px; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left .project-item-left-icon { + display: flex; + min-width: 200px; + min-height: 200px; + justify-content: center; + align-items: center; + background-color: #444; + color: #666; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 10px; + position: relative; + overflow: hidden; + border-radius: 5px; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left .project-item-left-icon > img { + height: 100%; + position: absolute; + transition: 0.3s; + transform: scale(1); + filter: blur(2px); +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left .project-item-left-icon > img:hover { + filter: blur(0); + transform: scale(1.2); +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left .project-item-left-icon > .project-item-left-icon-badge { + position: absolute; + right: -35px; + top: 25px; + font-size: 12px; + padding: 5px 29px; + transform: rotate(45deg); +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left .project-item-left-icon > .project-item-left-icon-badge.open-source { + background: #666; + color: #ccc; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left > .project-item-left-link-list { + color: #888; + display: flex; + flex-direction: column; + align-items: center; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left > .project-item-left-link-list > li > a.disabled { + opacity: 0.4; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-left > .project-item-left-link-list > li > a > i { + margin-right: 5px; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li { + margin-bottom: 10px; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li .project-item-right-label > h5 { + margin: 0; + color: #999; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li .project-item-right-content:not(.name) > h4 { + color: #777; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li .project-item-right-content > h4 { + margin: 0; + max-width: 700px; + color: #ccc; + display: flex; + align-items: center; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li .project-item-right-content > h4 > .project-item-right-content-status { + color: #616161; + padding-left: 10px; + font-size: 12px; +} +.page-wrapper > .project-list > li > .project-item-wrapper > .project-item-right > ul > li .project-item-right-content.list { + margin-top: 5px; +} +.page-wrapper > .work-list { + margin-bottom: 50px; + position: relative; +} +.page-wrapper > .work-list::before { + content: ""; + position: absolute; + left: 0; + top: 10px; + height: calc(100% - 20px); + width: 2px; + background-color: #585858; +} +.page-wrapper > .work-list > li { + color: #888; + padding-left: 20px; +} +.page-wrapper > .work-list > li:first-child { + color: #ccc; +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-to { + position: relative; + font-size: 14px; + font-weight: bold; +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-info { + position: relative; + padding: 10px; + padding-left: 20px; + display: flex; +} +@media only screen and (max-width: 800px) { + .page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-info { + flex-direction: column; + } +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-info > .work-item-wrapper-info-role { + padding-left: 10px; + opacity: 0.7; +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-from { + position: relative; + font-size: 14px; + font-weight: bold; +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-from::before, +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-to::before { + content: ""; + position: absolute; + left: -24px; + top: 5px; + background-color: #585858; + border-radius: 20px; + width: 10px; + height: 10px; +} +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-from::after, +.page-wrapper > .work-list > li > .work-item-wrapper > .work-item-wrapper-to::after { + content: ""; + position: absolute; + left: -22px; + top: 7px; + background-color: #414345; + border-radius: 20px; + width: 6px; + height: 6px; +} +.page-wrapper > h2 { + color: #aaa; +} +.page-wrapper .intro { + margin-bottom: 50px; +} +.page-wrapper .intro h1 { + color: white; +} +.page-wrapper .intro h2, +.page-wrapper .intro h3 { + color: #aaa; +} +.page-wrapper .intro .contact-list { + display: flex; + color: #888; +} +.page-wrapper .intro .contact-list > li { + margin-right: 10px; +} +.page-wrapper .intro .contact-list > li > a { + display: flex; + align-items: center; +} +.page-wrapper .intro .contact-list > li > a > i { + margin-right: 5px; + font-size: 13px; +} +.page-wrapper .skill-wrapper { + display: flex; + align-items: center; + margin-bottom: 10px; +} +@media only screen and (max-width: 800px) { + .page-wrapper .skill-wrapper { + flex-direction: column; + align-items: flex-start; + } +} +.page-wrapper .skill-wrapper .skill-caption { + white-space: nowrap; + padding-right: 10px; + margin-bottom: 10px; + margin-top: 0; +} +.skill-list { + display: flex; + flex-wrap: wrap; +} +.skill-list li { + background: #999; + padding: 3px 5px; + border-radius: 5px; + margin-right: 10px; + font-size: 12px; + font-weight: bold; + display: flex; + align-items: center; + margin-bottom: 10px; +} +.skill-list li img, +.skill-list li i { + margin-right: 5px; +} +ul { + list-style: none; + padding: 0; + margin: 0; +} +.clickable { + font-weight: bold; +} +.clickable.disabled { + cursor: not-allowed; +} +.clickable:not(.disabled) { + transition: 0.3s; + cursor: pointer; +} +.clickable:not(.disabled):hover { + opacity: 0.6; +} +.footer { + padding-bottom: 10px; + font-size: 14px; + color: #aaa; +} +.footer a { + text-transform: uppercase; + margin-right: 5px; +} +/*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/public/assets/css/index.min.css.map b/public/assets/css/index.min.css.map new file mode 100644 index 0000000..27750b2 --- /dev/null +++ b/public/assets/css/index.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file diff --git a/public/assets/img/3rd/favicon-angular.ico b/public/assets/img/3rd/favicon-angular.ico new file mode 100644 index 0000000..cebb174 Binary files /dev/null and b/public/assets/img/3rd/favicon-angular.ico differ diff --git a/public/assets/img/3rd/favicon-css.svg b/public/assets/img/3rd/favicon-css.svg new file mode 100644 index 0000000..5538f16 --- /dev/null +++ b/public/assets/img/3rd/favicon-css.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/img/3rd/favicon-docker.png b/public/assets/img/3rd/favicon-docker.png new file mode 100644 index 0000000..45c508b Binary files /dev/null and b/public/assets/img/3rd/favicon-docker.png differ diff --git a/public/assets/img/3rd/favicon-express.png b/public/assets/img/3rd/favicon-express.png new file mode 100644 index 0000000..cea0804 Binary files /dev/null and b/public/assets/img/3rd/favicon-express.png differ diff --git a/public/assets/img/3rd/favicon-git.ico b/public/assets/img/3rd/favicon-git.ico new file mode 100644 index 0000000..145b4b0 Binary files /dev/null and b/public/assets/img/3rd/favicon-git.ico differ diff --git a/public/assets/img/3rd/favicon-googlecharts.png b/public/assets/img/3rd/favicon-googlecharts.png new file mode 100644 index 0000000..46e335c Binary files /dev/null and b/public/assets/img/3rd/favicon-googlecharts.png differ diff --git a/public/assets/img/3rd/favicon-html.png b/public/assets/img/3rd/favicon-html.png new file mode 100644 index 0000000..9183a1d Binary files /dev/null and b/public/assets/img/3rd/favicon-html.png differ diff --git a/public/assets/img/3rd/favicon-instagram.png b/public/assets/img/3rd/favicon-instagram.png new file mode 100644 index 0000000..cb0beb6 Binary files /dev/null and b/public/assets/img/3rd/favicon-instagram.png differ diff --git a/public/assets/img/3rd/favicon-javascript.png b/public/assets/img/3rd/favicon-javascript.png new file mode 100644 index 0000000..fd04adf Binary files /dev/null and b/public/assets/img/3rd/favicon-javascript.png differ diff --git a/public/assets/img/3rd/favicon-jquery.ico b/public/assets/img/3rd/favicon-jquery.ico new file mode 100644 index 0000000..acc2702 Binary files /dev/null and b/public/assets/img/3rd/favicon-jquery.ico differ diff --git a/public/assets/img/3rd/favicon-laravel.ico b/public/assets/img/3rd/favicon-laravel.ico new file mode 100644 index 0000000..dbb20ed Binary files /dev/null and b/public/assets/img/3rd/favicon-laravel.ico differ diff --git a/public/assets/img/3rd/favicon-less.ico b/public/assets/img/3rd/favicon-less.ico new file mode 100644 index 0000000..39cd2de Binary files /dev/null and b/public/assets/img/3rd/favicon-less.ico differ diff --git a/public/assets/img/3rd/favicon-nodejs.ico b/public/assets/img/3rd/favicon-nodejs.ico new file mode 100644 index 0000000..0c939c7 Binary files /dev/null and b/public/assets/img/3rd/favicon-nodejs.ico differ diff --git a/public/assets/img/3rd/favicon-react.svg b/public/assets/img/3rd/favicon-react.svg new file mode 100644 index 0000000..ea77a61 --- /dev/null +++ b/public/assets/img/3rd/favicon-react.svg @@ -0,0 +1,9 @@ + + React Logo + + + + + + + diff --git a/public/assets/img/3rd/favicon-redis.png b/public/assets/img/3rd/favicon-redis.png new file mode 100644 index 0000000..d38c145 Binary files /dev/null and b/public/assets/img/3rd/favicon-redis.png differ diff --git a/public/assets/img/3rd/favicon-redux.ico b/public/assets/img/3rd/favicon-redux.ico new file mode 100644 index 0000000..f10af8f Binary files /dev/null and b/public/assets/img/3rd/favicon-redux.ico differ diff --git a/public/assets/img/3rd/favicon-socketio.png b/public/assets/img/3rd/favicon-socketio.png new file mode 100644 index 0000000..a4fc2a5 Binary files /dev/null and b/public/assets/img/3rd/favicon-socketio.png differ diff --git a/public/assets/img/3rd/favicon-sql.png b/public/assets/img/3rd/favicon-sql.png new file mode 100644 index 0000000..43cd74f Binary files /dev/null and b/public/assets/img/3rd/favicon-sql.png differ diff --git a/public/assets/img/3rd/favicon-typescript.ico b/public/assets/img/3rd/favicon-typescript.ico new file mode 100644 index 0000000..d0d1682 Binary files /dev/null and b/public/assets/img/3rd/favicon-typescript.ico differ diff --git a/public/assets/img/asset_bacaphoto.png b/public/assets/img/asset_bacaphoto.png new file mode 100644 index 0000000..7acfe8f Binary files /dev/null and b/public/assets/img/asset_bacaphoto.png differ diff --git a/public/assets/img/asset_mihmanli.png b/public/assets/img/asset_mihmanli.png new file mode 100644 index 0000000..37b0220 Binary files /dev/null and b/public/assets/img/asset_mihmanli.png differ diff --git a/public/assets/img/asset_weather_station.png b/public/assets/img/asset_weather_station.png new file mode 100644 index 0000000..f2cb39d Binary files /dev/null and b/public/assets/img/asset_weather_station.png differ diff --git a/tools/tool.ts b/tools/tool.ts new file mode 100644 index 0000000..607e443 --- /dev/null +++ b/tools/tool.ts @@ -0,0 +1,60 @@ +import { walk } from "https://deno.land/std/fs/mod.ts"; + +/** + * + * @param path + */ +async function readFile( path : string ) : Promise { + console.log( `${ path }: Loading...` ); + const file = await Deno.open( path ); + const decoder = new TextDecoder( "utf-8" ); + const text = decoder.decode( await Deno.readAll( file ) ); + console.log( `${ path }: Loaded` ); + return text; + +} + +/** + * + * @param path + */ +async function readFileRaw( path : string ) : Promise { + console.log( `${ path }: Loading...` ); + const raw = await Deno.readFile(path); + console.log( `${ path }: Loaded` ); + return raw; +} + +/** + * + * @param sourcePath + * @param destinationPath + */ +async function copyFile( sourcePath : string, destinationPath : string ) { + console.log( `${ sourcePath } -> ${ destinationPath }: Copying assets` ); + await Deno.copyFile( sourcePath, destinationPath ); + console.log( `${ sourcePath } -> ${ destinationPath }: Copied` ); +} + +/** + * + * @param directoryPath + */ +async function getFileList( directoryPath : string ) { + const fileNames = []; + for await ( const entry of walk( directoryPath ) ) { + const fileName = entry.path.substr( directoryPath.length - 1 ); + + if ( entry.isFile ) { + fileNames.push( {path: fileName, absolutePath: entry.path} ); + } + } + return fileNames; +} + +export { + readFileRaw, + readFile, + copyFile, + getFileList +}; \ No newline at end of file