foo
This commit is contained in:
lheorvine
parent
9e30a5c38e
commit
18a80297a3
28 changed files with 12017 additions and 332 deletions
72
Gemfile.lock
Normal file
72
Gemfile.lock
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
GEM
|
||||
remote: https://rubygems.org/
|
||||
specs:
|
||||
addressable (2.8.6)
|
||||
public_suffix (>= 2.0.2, < 6.0)
|
||||
colorator (1.1.0)
|
||||
concurrent-ruby (1.2.3)
|
||||
em-websocket (0.5.3)
|
||||
eventmachine (>= 0.12.9)
|
||||
http_parser.rb (~> 0)
|
||||
eventmachine (1.2.7)
|
||||
ffi (1.16.3)
|
||||
forwardable-extended (2.6.0)
|
||||
google-protobuf (4.26.1-x86_64-linux)
|
||||
rake (>= 13)
|
||||
http_parser.rb (0.8.0)
|
||||
i18n (1.14.4)
|
||||
concurrent-ruby (~> 1.0)
|
||||
jekyll (4.3.4)
|
||||
addressable (~> 2.4)
|
||||
colorator (~> 1.0)
|
||||
em-websocket (~> 0.5)
|
||||
i18n (~> 1.0)
|
||||
jekyll-sass-converter (>= 2.0, < 4.0)
|
||||
jekyll-watch (~> 2.0)
|
||||
kramdown (~> 2.3, >= 2.3.1)
|
||||
kramdown-parser-gfm (~> 1.0)
|
||||
liquid (~> 4.0)
|
||||
mercenary (>= 0.3.6, < 0.5)
|
||||
pathutil (~> 0.9)
|
||||
rouge (>= 3.0, < 5.0)
|
||||
safe_yaml (~> 1.0)
|
||||
terminal-table (>= 1.8, < 4.0)
|
||||
webrick (~> 1.7)
|
||||
jekyll-sass-converter (3.0.0)
|
||||
sass-embedded (~> 1.54)
|
||||
jekyll-watch (2.2.1)
|
||||
listen (~> 3.0)
|
||||
kramdown (2.4.0)
|
||||
rexml
|
||||
kramdown-parser-gfm (1.1.0)
|
||||
kramdown (~> 2.0)
|
||||
liquid (4.0.4)
|
||||
listen (3.9.0)
|
||||
rb-fsevent (~> 0.10, >= 0.10.3)
|
||||
rb-inotify (~> 0.9, >= 0.9.10)
|
||||
mercenary (0.4.0)
|
||||
pathutil (0.16.2)
|
||||
forwardable-extended (~> 2.6)
|
||||
public_suffix (5.0.4)
|
||||
rake (13.2.1)
|
||||
rb-fsevent (0.11.2)
|
||||
rb-inotify (0.10.1)
|
||||
ffi (~> 1.0)
|
||||
rexml (3.2.6)
|
||||
rouge (4.2.1)
|
||||
safe_yaml (1.0.5)
|
||||
sass-embedded (1.72.0-x86_64-linux-gnu)
|
||||
google-protobuf (>= 3.25, < 5.0)
|
||||
terminal-table (3.0.2)
|
||||
unicode-display_width (>= 1.1.1, < 3)
|
||||
unicode-display_width (2.5.0)
|
||||
webrick (1.8.1)
|
||||
|
||||
PLATFORMS
|
||||
x86_64-linux-gnu
|
||||
|
||||
DEPENDENCIES
|
||||
jekyll
|
||||
|
||||
BUNDLED WITH
|
||||
2.6.2
|
||||
64
_site/README.md
Normal file
64
_site/README.md
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
Example plain HTML site using GitLab Pages.
|
||||
|
||||
Learn more about GitLab Pages at https://pages.gitlab.io and the official
|
||||
documentation https://docs.gitlab.com/ce/user/project/pages/.
|
||||
|
||||
---
|
||||
|
||||
<!-- START doctoc generated TOC please keep comment here to allow auto update -->
|
||||
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
|
||||
**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)*
|
||||
|
||||
- [GitLab CI](#gitlab-ci)
|
||||
- [GitLab User or Group Pages](#gitlab-user-or-group-pages)
|
||||
- [Did you fork this project?](#did-you-fork-this-project)
|
||||
- [Troubleshooting](#troubleshooting)
|
||||
|
||||
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
|
||||
|
||||
## GitLab CI
|
||||
|
||||
This project's static Pages are built by [GitLab CI][ci], following the steps
|
||||
defined in [`.gitlab-ci.yml`](.gitlab-ci.yml):
|
||||
|
||||
```
|
||||
image: busybox
|
||||
|
||||
pages:
|
||||
stage: deploy
|
||||
script:
|
||||
- echo 'Nothing to do...'
|
||||
artifacts:
|
||||
paths:
|
||||
- public
|
||||
expire_in: 1 day
|
||||
rules:
|
||||
- if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH
|
||||
```
|
||||
|
||||
The above example expects to put all your HTML files in the `public/` directory.
|
||||
|
||||
## GitLab User or Group Pages
|
||||
|
||||
To use this project as your user/group website, you will need one additional
|
||||
step: just rename your project to `namespace.gitlab.io`, where `namespace` is
|
||||
your `username` or `groupname`. This can be done by navigating to your
|
||||
project's **Settings**.
|
||||
|
||||
Read more about [user/group Pages][userpages] and [project Pages][projpages].
|
||||
|
||||
## Did you fork this project?
|
||||
|
||||
If you forked this project for your own use, please go to your project's
|
||||
**Settings** and remove the forking relationship, which won't be necessary
|
||||
unless you want to contribute back to the upstream project.
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
1. CSS is missing! That means that you have wrongly set up the CSS URL in your
|
||||
HTML files. Have a look at the [index.html] for an example.
|
||||
|
||||
[ci]: https://about.gitlab.com/gitlab-ci/
|
||||
[index.html]: https://gitlab.com/pages/plain-html/blob/master/public/index.html
|
||||
[userpages]: https://docs.gitlab.com/ce/user/project/pages/introduction.html#user-or-group-pages
|
||||
[projpages]: https://docs.gitlab.com/ce/user/project/pages/introduction.html#project-pages
|
||||
BIN
_site/assets/img/Csharp_Logo.png
Normal file
BIN
_site/assets/img/Csharp_Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
_site/assets/img/No_image.svg.png
Normal file
BIN
_site/assets/img/No_image.svg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 412 B |
1
_site/assets/img/archlinux-icon.svg
Normal file
1
_site/assets/img/archlinux-icon.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M31.994-.006c-2.85 6.985-4.568 11.554-7.74 18.332 1.945 2.062 4.332 4.462 8.2 7.174-4.168-1.715-7-3.437-9.136-5.224-4.06 8.47-10.42 20.538-23.327 43.73C10.145 58.15 18 54.54 25.338 53.16c-.315-1.354-.494-2.818-.48-4.345l.012-.325c.16-6.5 3.542-11.498 7.547-11.158s7.118 5.886 6.957 12.386a18.36 18.36 0 0 1-.409 3.491c7.25 1.418 15.03 5.02 25.037 10.797l-5.42-10.026c-2.65-2.053-5.413-4.726-11.05-7.62 3.875 1.007 6.65 2.168 8.8 3.467-17.1-31.84-18.486-36.07-24.35-49.833z" fill="#1793d1" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 588 B |
1
_site/assets/img/c--4.svg
Normal file
1
_site/assets/img/c--4.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg height="2500" preserveAspectRatio="xMidYMid" viewBox="0 -1.428 255.582 290.108" width="2222" xmlns="http://www.w3.org/2000/svg"><path d="m255.569 84.452c-.002-4.83-1.035-9.098-3.124-12.76-2.052-3.603-5.125-6.622-9.247-9.009-34.025-19.619-68.083-39.178-102.097-58.817-9.17-5.294-18.061-5.1-27.163.27-13.543 7.986-81.348 46.833-101.553 58.536-8.321 4.818-12.37 12.19-12.372 21.771-.013 39.455 0 78.91-.013 118.365 0 4.724.991 8.91 2.988 12.517 2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.27 34.015-19.64 68.075-39.199 102.105-58.818 4.217-2.44 7.333-5.544 9.386-9.252 1.994-3.608 2.987-7.793 2.987-12.518 0 0 0-78.889-.013-118.345" fill="#a179dc"/><path d="m128.182 143.241-125.194 72.084c2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.27 34.015-19.64 68.075-39.199 102.105-58.818 4.217-2.44 7.333-5.544 9.386-9.252z" fill="#280068"/><path d="m255.569 84.452c-.002-4.83-1.035-9.098-3.124-12.76l-124.263 71.55 124.413 72.073c1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345" fill="#390091"/><g fill="#fff"><path d="m201.892 116.294v13.474h13.474v-13.474h6.737v13.474h13.474v6.737h-13.474v13.473h13.474v6.737h-13.474v13.474h-6.737v-13.474h-13.474v13.474h-6.737v-13.474h-13.473v-6.737h13.473v-13.473h-13.473v-6.737h13.473v-13.474zm13.474 20.21h-13.474v13.474h13.474z"/><path d="m128.457 48.626c35.144 0 65.827 19.086 82.262 47.456l-.16-.273-41.35 23.808c-8.146-13.793-23.08-23.102-40.213-23.294l-.54-.003c-26.125 0-47.305 21.18-47.305 47.305a47.08 47.08 0 0 0 6.239 23.47c8.154 14.235 23.483 23.836 41.067 23.836 17.693 0 33.109-9.723 41.221-24.11l-.197.345 41.287 23.918c-16.255 28.13-46.518 47.157-81.253 47.536l-1.058.006c-35.255 0-66.025-19.204-82.419-47.724-8.003-13.923-12.582-30.064-12.582-47.277 0-52.466 42.532-95 95-95z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
1
_site/assets/img/css-3.svg
Normal file
1
_site/assets/img/css-3.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg fill="none" height="2500" width="2183" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 141.53"><path d="M10.383 126.892L0 0l124 .255-10.979 126.637-50.553 14.638z" fill="#1b73ba"/><path d="M62.468 129.275V12.085l51.064.17-9.106 104.85z" fill="#1c88c7"/><path d="M100.851 27.064H22.298l2.128 15.318h37.276l-36.68 15.745 2.127 14.808h54.043l-1.958 20.68-18.298 3.575-16.595-4.255-1.277-11.745H27.83l2.042 24.426 32.681 9.106 31.32-9.957 4-47.745H64.765l36.085-14.978z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 495 B |
1
_site/assets/img/dotnet.svg
Normal file
1
_site/assets/img/dotnet.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 20 KiB |
BIN
_site/assets/img/favicon.ico
Normal file
BIN
_site/assets/img/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
7
_site/assets/img/html5.svg
Normal file
7
_site/assets/img/html5.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<title>HTML5 Logo Badge</title>
|
||||
<path fill="#E34F26" d="M71,460 L30,0 481,0 440,460 255,512"/>
|
||||
<path fill="#EF652A" d="M256,472 L405,431 440,37 256,37"/>
|
||||
<path fill="#EBEBEB" d="M256,208 L181,208 176,150 256,150 256,94 255,94 114,94 115,109 129,265 256,265zM256,355 L255,355 192,338 188,293 158,293 132,293 139,382 255,414 256,414z"/>
|
||||
<path fill="#FFF" d="M255,208 L255,265 325,265 318,338 255,355 255,414 371,382 372,372 385,223 387,208 371,208zM255,94 L255,129 255,150 255,150 392,150 392,150 392,150 393,138 396,109 397,94z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 609 B |
1
_site/assets/img/javascript-1.svg
Normal file
1
_site/assets/img/javascript-1.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg fill="none" height="2500" width="2183" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 141.53199999999998"><path d="M10.383 126.894L0 0l124 .255-10.979 126.639-50.553 14.638z" fill="#e9ca32"/><path d="M62.468 129.277V12.085l51.064.17-9.106 104.851z" fill="#ffde25"/><g fill="#fff"><path d="M57 26H43.5v78L33 102V91.5l-12.5-2V113l36.5 9.5zM67.127 26H104.5L102 40.95H81.394v24.533H102L99.5 115l-32.373 7.5V107L89 99.5 90.263 79l-23.136 3.35z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 461 B |
1
_site/assets/img/linux-tux.svg
Normal file
1
_site/assets/img/linux-tux.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 437 KiB |
1
_site/assets/img/microsoft-sql-server-1.svg
Normal file
1
_site/assets/img/microsoft-sql-server-1.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 13 KiB |
1
_site/assets/img/photoshop-cc-4.svg
Normal file
1
_site/assets/img/photoshop-cc-4.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2438" viewBox="0 130.746 595.28 580.399"><radialGradient id="a" cx="-183.69" cy="328.972" r=".76" gradientTransform="matrix(545.6736 0 0 528.3113 100439.305 -173525.125)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#34364e" stop-opacity=".98"/><stop offset="1" stop-color="#0c0824"/></radialGradient><path d="M24.803 155.549h545.674v530.792H24.803V155.549z" fill="url(#a)"/><path d="M24.803 155.549h545.674v530.792H24.803V155.549zM0 711.145h595.28V130.746H0v580.399zm401.318-342.287c-19.595 0-26.291 9.921-26.291 18.106 0 8.929 4.464 15.13 30.756 28.772 38.941 18.851 51.095 36.957 51.095 63.497 0 39.685-30.26 61.016-71.186 61.016-21.579 0-40.182-4.465-50.847-10.665-1.736-.744-1.984-1.984-1.984-3.969v-36.461c0-2.48 1.24-3.225 2.977-1.984 15.626 10.17 33.484 14.634 49.854 14.634 19.595 0 27.78-8.185 27.78-19.347 0-8.929-5.705-16.866-30.757-29.764-35.221-16.866-49.854-33.98-49.854-62.504 0-31.997 25.052-58.536 68.457-58.536 21.331 0 36.213 3.225 44.398 6.945 1.984 1.24 2.48 3.224 2.48 4.96v33.98c0 1.984-1.24 3.225-3.721 2.48-10.913-6.943-27.035-11.16-43.157-11.16zm-213.309 29.516c5.705.496 10.17.496 20.091.496 29.021 0 56.304-10.169 56.304-49.606 0-31.5-19.595-47.375-52.583-47.375-9.921 0-19.347.496-23.812.744v95.741zM143.86 266.668c0-1.736 3.473-2.977 5.456-2.977 15.875-.744 39.438-1.24 63.993-1.24 68.705 0 95.492 37.701 95.492 85.82 0 63-45.638 90.036-101.693 90.036-9.425 0-12.649-.496-19.347-.496v95.245c0 1.984-.744 2.976-2.976 2.976h-37.949c-1.984 0-2.977-.744-2.977-2.976V266.668z" fill="#31c5f0"/></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
BIN
_site/assets/img/profile.jpg
Normal file
BIN
_site/assets/img/profile.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 211 KiB |
1
_site/assets/img/python-5.svg
Normal file
1
_site/assets/img/python-5.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg width="2500" height="2490" viewBox="0 0 256 255" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><defs><linearGradient x1="12.959%" y1="12.039%" x2="79.639%" y2="78.201%" id="a"><stop stop-color="#387EB8" offset="0%"/><stop stop-color="#366994" offset="100%"/></linearGradient><linearGradient x1="19.128%" y1="20.579%" x2="90.742%" y2="88.429%" id="b"><stop stop-color="#FFE052" offset="0%"/><stop stop-color="#FFC331" offset="100%"/></linearGradient></defs><path d="M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072zM92.802 19.66a11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13 11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.13z" fill="url(#a)"/><path d="M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897zm34.114-19.586a11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.131 11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13z" fill="url(#b)"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
1
_site/assets/img/rails.svg
Normal file
1
_site/assets/img/rails.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg width="1939" height="2500" viewBox="0 0 256 330" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><defs><linearGradient x1="35.204%" y1="65.079%" x2="101.159%" y2="50%" id="a"><stop stop-color="#FFF" offset="0%"/><stop stop-color="#C0815E" offset="100%"/></linearGradient><radialGradient fx="50%" fy="50%" r="50.521%" id="b"><stop stop-color="#FFF" offset="0%"/><stop stop-color="#A94436" offset="100%"/></radialGradient></defs><path d="M4.096 325.463s.497-77.984.497-157.26C4.593 14.654-8.346 3.217 60.55 3.217H252.32v221.483c0 72.91 13.629 101.472-62.994 101.472-76.622 0-185.229-.708-185.229-.708z" fill="#A62C39"/><path d="M1.887 29.917s12.288 2.458 22.938 20.48c10.65 18.023 67.176 158.11 67.176 158.11V94.634L39.57 9.437 54.317 27.46 82.17 4.52 46.125 2.064 1.887 29.917z" transform="translate(160.318 2.266)" fill="url(#a)"/><path d="M3.102.889s81.102 54.068 120.425 64.718c39.322 10.65 79.464 22.15 79.464 22.15l-92.572 229.35 40.142 1.638 52.43-128.604L201.352.07 3.102.89z" opacity=".668" fill="url(#b)" transform="translate(50.147 4.26)"/><path d="M128.617 246.817l82.419 79.22-155.33-1.394s-4.915-49.972-3.276-76.187c1.638-26.215 9.83-26.215 9.83-26.215l66.357 24.576z" fill-opacity=".44" fill="#FFF"/><path d="M206.443 326.282l-76.188-78.645-69.633-26.215L6.554 100.997 63.899 5.15H27.163L9.831 18.257 4.096 29.726v296.556h202.347z" fill-opacity=".362"/><path d="M253.138 200.942s-77.006 24.576-122.883 47.514c-45.876 22.939-70.452 78.645-70.452 78.645s98.306-4.915 135.17-3.277c36.865 1.639 54.069 1.639 57.346-49.972 3.277-51.61.819-72.91.819-72.91z" opacity=".5" fill="#83222D"/><g fill="#FFF"><path d="M27.833 249.867v48.385h12.34v-12.603l11.232 11.231H70.34l-15.018-15.018s10.805-.174 11.623-15.801c0-14.337-10.817-16.194-23.31-16.194H27.833zm12.928 13.125h10.644v8.619H40.76v-8.62zM94.173 250.063c-6.756-.038-16.128.589-16.128 13.32v33.628h12.668v-8.227h12.275v8.031h12.733v-35.26c0-11.06-12.287-11.492-18.87-11.492-.823 0-1.712.007-2.678 0zm-3.264 12.145h11.883v13.255H90.91v-13.255zM128.412 250.095h13.107v46.286h-13.107zM155.242 250.71v46.285h31.54v-12.288h-18.638v-34.203l-12.902.205zM228.561 250.3v12.493h-21.094v4.505h9.011c4.71 0 14.541-.204 14.541 14.542 0 14.745-6.758 15.565-20.48 15.565h-16.59V286.14h19.047c5.735 0 6.051-1.866 6.051-3.493 0-1.627-2.932-2.383-8.895-2.383-5.962 0-17.022-2.93-17.022-14.4 0-11.468 5.735-15.77 17.204-15.77 11.469 0 18.227.206 18.227.206z"/></g><g fill="#FFF"><path d="M39.322 236.168h108.956s-24.167-54.887-18.023-105.27c6.145-50.381 45.877-73.319 68.405-75.777 22.529-2.457 34.817 11.47 34.817 11.47l4.915-7.374s-32.359-32.768-73.32-29.082c-40.96 3.687-69.224 30.72-86.837 63.49-17.613 32.768-27.853 55.706-34.817 90.113-6.963 34.407-4.096 52.43-4.096 52.43zM17.613 181.28l21.3 1.64-3.687 21.299-20.07-2.458 2.457-20.48zM51.201 136.224l5.735-15.975-18.842-7.373-6.145 17.204 19.252 6.144zM77.826 81.336L88.885 68.23l-14.336-9.421-11.47 12.698 14.747 9.83zM106.908 30.545l9.83 11.878 13.517-7.782-9.83-11.06-13.517 6.964zM154.832 17.028l2.458 11.878 16.794-.41-1.639-10.649-17.613-.82z"/><path d="M211.768 29.726l-.41 7.373 11.469 6.144 2.458-3.687-13.517-9.83zM209.31 61.265v6.145l11.06 1.228v-4.915l-11.06-2.458zM174.084 66.59l5.324 9.831 7.783-6.144-1.638-6.554-11.47 2.867zM157.29 79.288l8.192 12.288-4.916 8.602-11.878-13.107 8.602-7.783zM140.905 113.286l-5.325 10.65 13.927 11.878 3.277-13.517-11.879-9.011zM135.17 150.56l-.818 14.336 17.203 7.373-.82-13.517-15.564-8.192zM140.086 201.351l4.096 14.746 21.71 1.23-7.783-15.976h-18.023z"/></g><path d="M7.23 325.483l.006-.896.016-2.611.056-9.92c.058-10.688.116-22.615.17-35.481.156-36.76.249-73.683.249-108.371 0-17.874-.154-33.483-.483-55.323-1.006-66.73-.522-79.44 5.048-91.433C17.888 9.4 28.392 6.35 60.55 6.35H252.32l-3.134-3.134v221.483c0 6.797.073 12.662.25 22.541.686 38.077-.157 48.904-6.303 58.938-7.188 11.737-22.663 16.859-53.807 16.859-17.583 0-38.269-.04-61.423-.116-18.624-.06-38.366-.141-58.68-.238a49757.97 49757.97 0 0 1-63.832-.346l-1.274-.008 3.114 3.154zm-6.288 3.094l3.134.02a10459.048 10459.048 0 0 0 4.952.03 49763.195 49763.195 0 0 0 60.163.324c20.318.097 40.063.178 58.691.239 23.16.075 43.852.115 61.443.115 33.108 0 50.524-5.764 59.153-19.853 7.07-11.543 7.938-22.703 7.225-62.324-.177-9.844-.25-15.679-.25-22.429V.082H60.55C26.07.082 13.626 3.694 6.607 18.807 3.098 26.362 1.403 36.821.788 52.98.314 65.432.363 72.295.977 112.976c.328 21.811.482 37.391.482 55.228 0 34.678-.094 71.592-.249 108.344a29153.399 29153.399 0 0 1-.227 45.39l-.015 2.61-.026 4.03z" fill="#5E000E"/></svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
1
_site/assets/img/ruby.svg
Normal file
1
_site/assets/img/ruby.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.8 KiB |
1
_site/assets/img/rust.svg
Normal file
1
_site/assets/img/rust.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.4 KiB |
1
_site/assets/img/ubuntu-4.svg
Normal file
1
_site/assets/img/ubuntu-4.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg width="2500" height="2500" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M255.637 127.683c0 70.514-57.165 127.68-127.683 127.68C57.434 255.363.27 198.197.27 127.683.27 57.165 57.436 0 127.954 0c70.519 0 127.683 57.165 127.683 127.683z" fill="#DD4814"/><path d="M41.133 110.633c-9.419 0-17.05 7.631-17.05 17.05 0 9.414 7.631 17.046 17.05 17.046 9.415 0 17.046-7.632 17.046-17.046 0-9.419-7.631-17.05-17.046-17.05zm121.715 77.478c-8.153 4.71-10.95 15.13-6.24 23.279 4.705 8.154 15.125 10.949 23.279 6.24 8.153-4.705 10.949-15.125 6.24-23.28-4.705-8.148-15.131-10.943-23.279-6.239zm-84.686-60.428c0-16.846 8.368-31.73 21.171-40.742L86.87 66.067c-14.914 9.97-26.012 25.204-30.624 43.047 5.382 4.39 8.826 11.075 8.826 18.568 0 7.489-3.444 14.174-8.826 18.565C60.852 164.094 71.95 179.33 86.87 189.3l12.463-20.88c-12.803-9.007-21.171-23.89-21.171-40.737zm49.792-49.797c26.013 0 47.355 19.944 49.595 45.38l24.29-.358c-1.194-18.778-9.398-35.636-22.002-48.032-6.482 2.449-13.97 2.074-20.44-1.656-6.483-3.741-10.548-10.052-11.659-16.902a74.26 74.26 0 0 0-19.785-2.69 73.787 73.787 0 0 0-32.819 7.663l11.845 21.227a49.596 49.596 0 0 1 20.975-4.632zm0 99.59a49.601 49.601 0 0 1-20.974-4.632l-11.845 21.225a73.712 73.712 0 0 0 32.82 7.671 74.04 74.04 0 0 0 19.784-2.697c1.111-6.85 5.177-13.155 11.658-16.902 6.476-3.737 13.959-4.105 20.44-1.656 12.605-12.396 20.808-29.254 22.004-48.032l-24.297-.358c-2.235 25.443-23.576 45.38-49.59 45.38zm34.888-110.231c8.154 4.708 18.575 1.92 23.279-6.234 4.71-8.154 1.92-18.575-6.234-23.285-8.154-4.704-18.574-1.91-23.285 6.244-4.703 8.15-1.908 18.57 6.24 23.275z" fill="#FFF"/></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
1
_site/assets/img/unity-69.svg
Normal file
1
_site/assets/img/unity-69.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg width="2433" height="2500" viewBox="0 0 256 263" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M166.872 131.237l45.91-79.275 22.184 79.275-22.185 79.256-45.909-79.256zm-22.376 12.874l45.916 79.262-79.966-20.486-57.77-58.776h91.82zm45.906-105.033l-45.906 79.275h-91.82l57.77-58.78 79.956-20.495zm65.539 65.18L227.933.06l-104.54 27.925-15.475 27.207-31.401-.225L0 131.244l76.517 76.259h.003l31.388-.232 15.497 27.207 104.528 27.92L255.94 158.22l-15.906-26.982 15.906-26.978z" fill="#222C37"/></svg>
|
||||
|
After Width: | Height: | Size: 535 B |
10989
_site/css/styles.css
Normal file
10989
_site/css/styles.css
Normal file
File diff suppressed because it is too large
Load diff
BIN
_site/img/Projekt1.png
Normal file
BIN
_site/img/Projekt1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
402
_site/index.html
Normal file
402
_site/index.html
Normal file
|
|
@ -0,0 +1,402 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="pl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bartłomiej Piekarski</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
||||
<style>
|
||||
:root {
|
||||
--nord0: #2e3440;
|
||||
--nord1: #3b4252;
|
||||
--nord2: #434c5e;
|
||||
--nord3: #4c566a;
|
||||
--nord4: #d8dee9;
|
||||
--nord5: #e5e9f0;
|
||||
--nord6: #eceff4;
|
||||
--nord7: #8fbcbb;
|
||||
--nord8: #88c0d0;
|
||||
--nord9: #81a1c1;
|
||||
--nord10: #5e81ac;
|
||||
--nord11: #bf616a;
|
||||
--nord12: #d08770;
|
||||
--nord13: #ebcb8b;
|
||||
--nord14: #a3be8c;
|
||||
--nord15: #b48ead;
|
||||
|
||||
--primary-color: var(--nord0);
|
||||
--secondary-color: var(--nord8);
|
||||
--bg-color: var(--nord1);
|
||||
--text-color: var(--nord6);
|
||||
--next-semester-color: var(--nord12);
|
||||
--self-learning-color: var(--nord15);
|
||||
--section-bg: var(--nord2);
|
||||
--project-bg: var(--nord1);
|
||||
--link-color: var(--nord9);
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--text-color);
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contact-links {
|
||||
margin-top: 1rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.contact-links a {
|
||||
color: var(--link-color);
|
||||
text-decoration: none;
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.contact-links a:hover {
|
||||
color: var(--nord7);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.education-item {
|
||||
background: var(--project-bg);
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.education-item p {
|
||||
margin: 0.3rem 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.section {
|
||||
background: var(--section-bg);
|
||||
padding: 2rem;
|
||||
margin: 1rem 0;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.section:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.section h2 {
|
||||
color: var(--secondary-color);
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 2px solid var(--secondary-color);
|
||||
padding-bottom: 0.5rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.skills-container {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.skills-category {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.skills-category h3 {
|
||||
color: var(--nord7);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.skills {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background: var(--secondary-color);
|
||||
color: var(--nord0);
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 20px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.skill-tag.next-semester {
|
||||
background: var(--next-semester-color);
|
||||
}
|
||||
|
||||
.skill-tag.self-learning {
|
||||
background: var(--self-learning-color);
|
||||
}
|
||||
|
||||
.skill-tag:hover {
|
||||
transform: translateY(-2px);
|
||||
filter: brightness(1.1);
|
||||
}
|
||||
|
||||
.project-type {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.project {
|
||||
flex-grow: 1;
|
||||
background: var(--project-bg);
|
||||
padding: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.project-links {
|
||||
margin-top: auto; /* This helps push the links to the bottom */
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid var(--nord3);
|
||||
}
|
||||
|
||||
.projects-container {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.projects-container {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.portfolio-link {
|
||||
color: var(--link-color);
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.portfolio-link:hover {
|
||||
color: var(--nord7);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.container {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Bartłomiej Piekarski</h1>
|
||||
<p>Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne</p>
|
||||
<div class="contact-links">
|
||||
<a href="mailto:bartek.piekarski@pm.me">
|
||||
<i class="fas fa-envelope"></i>
|
||||
bartek.piekarski@pm.me
|
||||
</a>
|
||||
<a href="https://linkedin.com/in/yourprofile" target="_blank">
|
||||
<i class="fab fa-linkedin"></i>
|
||||
LinkedIn
|
||||
</a>
|
||||
<a href="https://github.com/yourprofile" target="_blank">
|
||||
<i class="fab fa-github"></i>
|
||||
GitHub
|
||||
</a>
|
||||
<a href="https://gitlab.com/yourprofile" target="_blank">
|
||||
<i class="fab fa-gitlab"></i>
|
||||
GitLab
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<section class="section">
|
||||
<h2>O mnie</h2>
|
||||
<p>Pasjonat technologii z okolic Katowic z szczególnym naciskiem na rozwój gier, systemy Linux oraz cyberbezpieczeństwo. Aktualnie studiuję informatykę ze specjalizacją w tworzeniu gier komputerowych i aplikacji mobilnych. Poszukuję ciekawej pracy, która pozwoli mi rozwinąć moje umiejętności i zdobyć doświadczenie w branży IT.</p>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Umiejętności</h2>
|
||||
<div class="skills-container">
|
||||
<div class="skills-category">
|
||||
<h3>Języki programowania</h3>
|
||||
<div class="skills">
|
||||
<span class="skill-tag">C#</span>
|
||||
<span class="skill-tag">Python</span>
|
||||
<span class="skill-tag next-semester">Kotlin (następny semestr)</span>
|
||||
<span class="skill-tag self-learning">Rust (samodzielna nauka)</span>
|
||||
<span class="skill-tag self-learning">Ruby (samodzielna nauka)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="skills-category">
|
||||
<h3>Technologie i narzędzia</h3>
|
||||
<div class="skills">
|
||||
<span class="skill-tag">Unity</span>
|
||||
<span class="skill-tag">MSSQL</span>
|
||||
<span class="skill-tag self-learning">Git (samodzielna nauka)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="skills-category">
|
||||
<h3>Systemy operacyjne</h3>
|
||||
<div class="skills">
|
||||
<span class="skill-tag">Windows</span>
|
||||
<span class="skill-tag">Linux (Ubuntu)</span>
|
||||
<span class="skill-tag self-learning">Linux (Arch/Fedora) (samodzielna nauka)</span>
|
||||
<span class="skill-tag self-learning">MacOS (otwarty na naukę)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="skills-category">
|
||||
<h3>Oprogramowanie kreatywne</h3>
|
||||
<div class="skills">
|
||||
<span class="skill-tag">Krita</span>
|
||||
<span class="skill-tag">GIMP</span>
|
||||
<span class="skill-tag">Kdenlive</span>
|
||||
<span class="skill-tag next-semester">Blender (następny semestr)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Edukacja</h2>
|
||||
<div class="education-item">
|
||||
<p><strong>Informatyka</strong> - Specjalizacja: Gry Komputerowe i Aplikacje Mobilne</p>
|
||||
<p>Uniwersytet Ekonomiczny w Katowicach</p>
|
||||
<p>10.2023 - obecnie</p>
|
||||
</div>
|
||||
<div class="education-item">
|
||||
<p><strong>Filologia Angielska</strong> - Specjalizacja: Tłumaczeniowa z Językiem Chińskim</p>
|
||||
<p>Uniwersytet Śląski w Katowicach</p>
|
||||
<p>10.2021 - 02.2023 (przerwane na drugim roku)</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Projekty</h2>
|
||||
<div class="projects-container">
|
||||
<div id="programming-projects" class="project-type">
|
||||
<div class="project">
|
||||
<h3>Projekty w Unity 3D</h3>
|
||||
<p>Seria mniejszych projektów stworzonych w celu nauki i praktycznego zastosowania różnych aspektów tworzenia gier:</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Skrypty w C# do mechanik gry i interakcji z obiektami</li>
|
||||
<li>Projektowanie i implementacja interfejsów użytkownika</li>
|
||||
<li>System animacji postaci i obiektów</li>
|
||||
<li>Podstawowy system sztucznej inteligencji dla NPC</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="/github" class="portfolio-link">Zobacz więcej projektów na GitLab →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="graphics-projects" class="project-type">
|
||||
<div class="project">
|
||||
<h3>Projekt graficzny "Iron Oath"</h3>
|
||||
<p>Seria projektów graficznych skoncentrowanych wokół autorskiego konceptu gry, obejmująca:</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Stworzenie moodboardów koncepcyjnych</li>
|
||||
<li>Projektowanie logo i identyfikacji wizualnej</li>
|
||||
<li>Techniki photobashingu do tworzenia grafik koncepcyjnych</li>
|
||||
<li>Animacje postaci i elementów interfejsu</li>
|
||||
<li>Tworzenie klatek kluczowych do materiałów promocyjnych</li>
|
||||
<li>Montaż filmu promocyjnego</li>
|
||||
</ul>
|
||||
<p>Narzędzia: Krita (grafika), GIMP (obróbka zdjęć), Kdenlive (montaż wideo)</p>
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="/portfolio" class="portfolio-link">Zobacz więcej prac graficznych w portfolio →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Doświadczenie</h2>
|
||||
<div class="project">
|
||||
<h3>Pracownik Ochrony Fizycznej</h3>
|
||||
<p><strong>JUSTUS</strong> | 03.2023 - obecnie</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Zabezpieczanie obiektów handlowych i przemysłowych</li>
|
||||
<li>Obsługa systemów monitoringu CCTV i kontroli dostępu</li>
|
||||
<li>Koordynacja działań w sytuacjach kryzysowych</li>
|
||||
<li>Prowadzenie dokumentacji i raportów z wykonywanych zadań</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="project">
|
||||
<h3>Kasjer Sprzedawca</h3>
|
||||
<p><strong>MINIT Polska</strong> | 02.2021 - 01.2022</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Obsługa kasy fiskalnej i terminala płatniczego</li>
|
||||
<li>Zarządzanie towarem i prowadzenie inwentaryzacji</li>
|
||||
<li>Obsługa klienta i rozwiązywanie problemów</li>
|
||||
<li>Utrzymywanie porządku i standardów ekspozycji</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="project">
|
||||
<h3>Magazynier (Dorywczo)</h3>
|
||||
<p><strong>MotoProfil</strong> | 2019-2022 (wakacje)</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Kompletacja zamówień i przygotowanie do wysyłki</li>
|
||||
<li>Obsługa systemu WMS i skanerów kodów kreskowych</li>
|
||||
<li>Uczestnictwo w inwentaryzacjach magazynu</li>
|
||||
<li>Dbanie o porządek i bezpieczeństwo w magazynie</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Zainteresowania</h2>
|
||||
<ul>
|
||||
<li>Game development</li>
|
||||
<li>Cyberbezpieczeństwo</li>
|
||||
<li>Linux i open source</li>
|
||||
<li>E-sport</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const skillTags = document.querySelectorAll('.skill-tag');
|
||||
skillTags.forEach(tag => {
|
||||
tag.addEventListener('click', () => {
|
||||
tag.style.transform = 'scale(1.1)';
|
||||
setTimeout(() => {
|
||||
tag.style.transform = 'scale(1)';
|
||||
}, 200);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
41
_site/js/scripts.js
Normal file
41
_site/js/scripts.js
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
/*!
|
||||
* Start Bootstrap - Resume v7.0.6 (https://startbootstrap.com/theme/resume)
|
||||
* Copyright 2013-2023 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-resume/blob/master/LICENSE)
|
||||
*/
|
||||
//
|
||||
// Scripts
|
||||
//
|
||||
|
||||
window.addEventListener('DOMContentLoaded', event => {
|
||||
|
||||
// Activate Bootstrap scrollspy on the main nav element
|
||||
const sideNav = document.body.querySelector('#sideNav');
|
||||
if (sideNav) {
|
||||
new bootstrap.ScrollSpy(document.body, {
|
||||
target: '#sideNav',
|
||||
rootMargin: '0px 0px -40%',
|
||||
});
|
||||
};
|
||||
|
||||
// Collapse responsive navbar when toggler is visible
|
||||
const navbarToggler = document.body.querySelector('.navbar-toggler');
|
||||
const responsiveNavItems = [].slice.call(
|
||||
document.querySelectorAll('#navbarResponsive .nav-link')
|
||||
);
|
||||
responsiveNavItems.map(function (responsiveNavItem) {
|
||||
responsiveNavItem.addEventListener('click', () => {
|
||||
if (window.getComputedStyle(navbarToggler).display !== 'none') {
|
||||
navbarToggler.click();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function showCategory(category) {
|
||||
document.getElementById('programming-projects').style.display =
|
||||
category === 'programming' ? 'block' : 'none';
|
||||
document.getElementById('graphics-projects').style.display =
|
||||
category === 'graphics' ? 'block' : 'none';
|
||||
}
|
||||
|
|
@ -77,6 +77,22 @@
|
|||
--bs-link-hover-color: #974a2d;
|
||||
--bs-code-color: #d63384;
|
||||
--bs-highlight-bg: #fff3cd;
|
||||
--nord0: #2E3440;
|
||||
--nord1: #3B4252;
|
||||
--nord2: #434C5E;
|
||||
--nord3: #4C566A;
|
||||
--nord4: #D8DEE9;
|
||||
--nord5: #E5E9F0;
|
||||
--nord6: #ECEFF4;
|
||||
--nord7: #8FBCBB;
|
||||
--nord8: #88C0D0;
|
||||
--nord9: #81A1C1;
|
||||
--nord10: #5E81AC;
|
||||
--nord11: #BF616A;
|
||||
--nord12: #D08770;
|
||||
--nord13: #EBCB8B;
|
||||
--nord14: #A3BE8C;
|
||||
--nord15: #B48EAD;
|
||||
}
|
||||
|
||||
*,
|
||||
|
|
@ -102,6 +118,7 @@ body {
|
|||
background-color: var(--bs-body-bg);
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
color: var(--nord0);
|
||||
}
|
||||
|
||||
hr {
|
||||
|
|
@ -596,7 +613,7 @@ progress {
|
|||
color: #6c757d;
|
||||
}
|
||||
.blockquote-footer::before {
|
||||
content: "— ";
|
||||
content: "— ";
|
||||
}
|
||||
|
||||
.img-fluid {
|
||||
|
|
@ -10828,7 +10845,7 @@ textarea.form-control-lg {
|
|||
}
|
||||
body {
|
||||
padding-top: 3.375rem;
|
||||
color: #6c757d;
|
||||
color: var(--nord0);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
|
@ -10877,7 +10894,7 @@ p.lead {
|
|||
text-transform: uppercase;
|
||||
}
|
||||
#sideNav .navbar-toggler:focus {
|
||||
outline-color: #d48a6e;
|
||||
outline-color: var(--nord8);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
|
@ -10927,8 +10944,8 @@ p.lead {
|
|||
justify-content: center;
|
||||
height: 3.5rem;
|
||||
width: 3.5rem;
|
||||
background-color: #495057;
|
||||
color: #fff;
|
||||
background-color: var(--nord2);
|
||||
color: var(--nord6);
|
||||
border-radius: 100%;
|
||||
font-size: 1.5rem;
|
||||
margin-right: 1.5rem;
|
||||
|
|
@ -10937,7 +10954,7 @@ p.lead {
|
|||
margin-right: 0;
|
||||
}
|
||||
.social-icons .social-icon:hover {
|
||||
background-color: #bd5d38;
|
||||
background-color: var(--nord8);
|
||||
}
|
||||
|
||||
.dev-icons {
|
||||
|
|
|
|||
702
index.html
702
index.html
|
|
@ -1,330 +1,402 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<title>Resume</title>
|
||||
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
|
||||
<!-- Font Awesome icons (free version)-->
|
||||
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
|
||||
<!-- Google fonts-->
|
||||
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link href="css/styles.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body id="page-top">
|
||||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
|
||||
<a class="navbar-brand js-scroll-trigger" href="#page-top">
|
||||
<span class="d-block d-lg-none">Piekarski Bartłomiej</span>
|
||||
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/profile.jpg" alt="..." /></span>
|
||||
<html lang="pl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bartłomiej Piekarski</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
||||
<style>
|
||||
:root {
|
||||
--nord0: #2e3440;
|
||||
--nord1: #3b4252;
|
||||
--nord2: #434c5e;
|
||||
--nord3: #4c566a;
|
||||
--nord4: #d8dee9;
|
||||
--nord5: #e5e9f0;
|
||||
--nord6: #eceff4;
|
||||
--nord7: #8fbcbb;
|
||||
--nord8: #88c0d0;
|
||||
--nord9: #81a1c1;
|
||||
--nord10: #5e81ac;
|
||||
--nord11: #bf616a;
|
||||
--nord12: #d08770;
|
||||
--nord13: #ebcb8b;
|
||||
--nord14: #a3be8c;
|
||||
--nord15: #b48ead;
|
||||
|
||||
--primary-color: var(--nord0);
|
||||
--secondary-color: var(--nord8);
|
||||
--bg-color: var(--nord1);
|
||||
--text-color: var(--nord6);
|
||||
--next-semester-color: var(--nord12);
|
||||
--self-learning-color: var(--nord15);
|
||||
--section-bg: var(--nord2);
|
||||
--project-bg: var(--nord1);
|
||||
--link-color: var(--nord9);
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--text-color);
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contact-links {
|
||||
margin-top: 1rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.contact-links a {
|
||||
color: var(--link-color);
|
||||
text-decoration: none;
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.contact-links a:hover {
|
||||
color: var(--nord7);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.education-item {
|
||||
background: var(--project-bg);
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.education-item p {
|
||||
margin: 0.3rem 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.section {
|
||||
background: var(--section-bg);
|
||||
padding: 2rem;
|
||||
margin: 1rem 0;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.section:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.section h2 {
|
||||
color: var(--secondary-color);
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 2px solid var(--secondary-color);
|
||||
padding-bottom: 0.5rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.skills-container {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.skills-category {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.skills-category h3 {
|
||||
color: var(--nord7);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.skills {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background: var(--secondary-color);
|
||||
color: var(--nord0);
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 20px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.skill-tag.next-semester {
|
||||
background: var(--next-semester-color);
|
||||
}
|
||||
|
||||
.skill-tag.self-learning {
|
||||
background: var(--self-learning-color);
|
||||
}
|
||||
|
||||
.skill-tag:hover {
|
||||
transform: translateY(-2px);
|
||||
filter: brightness(1.1);
|
||||
}
|
||||
|
||||
.project-type {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.project {
|
||||
flex-grow: 1;
|
||||
background: var(--project-bg);
|
||||
padding: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.project-links {
|
||||
margin-top: auto; /* This helps push the links to the bottom */
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid var(--nord3);
|
||||
}
|
||||
|
||||
.projects-container {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.projects-container {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.portfolio-link {
|
||||
color: var(--link-color);
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.portfolio-link:hover {
|
||||
color: var(--nord7);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.container {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Bartłomiej Piekarski</h1>
|
||||
<p>Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne</p>
|
||||
<div class="contact-links">
|
||||
<a href="mailto:bartek.piekarski@pm.me">
|
||||
<i class="fas fa-envelope"></i>
|
||||
bartek.piekarski@pm.me
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
|
||||
<!--li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li-->
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Awards</a></li>
|
||||
<a href="https://linkedin.com/in/yourprofile" target="_blank">
|
||||
<i class="fab fa-linkedin"></i>
|
||||
LinkedIn
|
||||
</a>
|
||||
<a href="https://github.com/yourprofile" target="_blank">
|
||||
<i class="fab fa-github"></i>
|
||||
GitHub
|
||||
</a>
|
||||
<a href="https://gitlab.com/yourprofile" target="_blank">
|
||||
<i class="fab fa-gitlab"></i>
|
||||
GitLab
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<section class="section">
|
||||
<h2>O mnie</h2>
|
||||
<p>Pasjonat technologii z okolic Katowic z szczególnym naciskiem na rozwój gier, systemy Linux oraz cyberbezpieczeństwo. Aktualnie studiuję informatykę ze specjalizacją w tworzeniu gier komputerowych i aplikacji mobilnych. Poszukuję ciekawej pracy, która pozwoli mi rozwinąć moje umiejętności i zdobyć doświadczenie w branży IT.</p>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Umiejętności</h2>
|
||||
<div class="skills-container">
|
||||
<div class="skills-category">
|
||||
<h3>Języki programowania</h3>
|
||||
<div class="skills">
|
||||
<span class="skill-tag">C#</span>
|
||||
<span class="skill-tag">Python</span>
|
||||
<span class="skill-tag next-semester">Kotlin (następny semestr)</span>
|
||||
<span class="skill-tag self-learning">Rust (samodzielna nauka)</span>
|
||||
<span class="skill-tag self-learning">Ruby (samodzielna nauka)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="skills-category">
|
||||
<h3>Technologie i narzędzia</h3>
|
||||
<div class="skills">
|
||||
<span class="skill-tag">Unity</span>
|
||||
<span class="skill-tag">MSSQL</span>
|
||||
<span class="skill-tag self-learning">Git (samodzielna nauka)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="skills-category">
|
||||
<h3>Systemy operacyjne</h3>
|
||||
<div class="skills">
|
||||
<span class="skill-tag">Windows</span>
|
||||
<span class="skill-tag">Linux (Ubuntu)</span>
|
||||
<span class="skill-tag self-learning">Linux (Arch/Fedora) (samodzielna nauka)</span>
|
||||
<span class="skill-tag self-learning">MacOS (otwarty na naukę)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="skills-category">
|
||||
<h3>Oprogramowanie kreatywne</h3>
|
||||
<div class="skills">
|
||||
<span class="skill-tag">Krita</span>
|
||||
<span class="skill-tag">GIMP</span>
|
||||
<span class="skill-tag">Kdenlive</span>
|
||||
<span class="skill-tag next-semester">Blender (następny semestr)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Edukacja</h2>
|
||||
<div class="education-item">
|
||||
<p><strong>Informatyka</strong> - Specjalizacja: Gry Komputerowe i Aplikacje Mobilne</p>
|
||||
<p>Uniwersytet Ekonomiczny w Katowicach</p>
|
||||
<p>10.2023 - obecnie</p>
|
||||
</div>
|
||||
<div class="education-item">
|
||||
<p><strong>Filologia Angielska</strong> - Specjalizacja: Tłumaczeniowa z Językiem Chińskim</p>
|
||||
<p>Uniwersytet Śląski w Katowicach</p>
|
||||
<p>10.2021 - 02.2023 (przerwane na drugim roku)</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Projekty</h2>
|
||||
<div class="projects-container">
|
||||
<div id="programming-projects" class="project-type">
|
||||
<div class="project">
|
||||
<h3>Projekty w Unity 3D</h3>
|
||||
<p>Seria mniejszych projektów stworzonych w celu nauki i praktycznego zastosowania różnych aspektów tworzenia gier:</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Skrypty w C# do mechanik gry i interakcji z obiektami</li>
|
||||
<li>Projektowanie i implementacja interfejsów użytkownika</li>
|
||||
<li>System animacji postaci i obiektów</li>
|
||||
<li>Podstawowy system sztucznej inteligencji dla NPC</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Page Content-->
|
||||
<div class="container-fluid p-0">
|
||||
<!-- About-->
|
||||
<section class="resume-section" id="about">
|
||||
<div class="resume-section-content">
|
||||
<h1 class="mb-0">
|
||||
Bartłomiej
|
||||
<span class="text-primary">Piekarski</span>
|
||||
</h1>
|
||||
<div class="subheading mb-5">
|
||||
Chorzów, Śląskie · 518-523-104 ·
|
||||
<a href="mailto:bartek.piekarski@pm.me">bartek.piekarski@pm.me</a>
|
||||
<div class="project-links">
|
||||
<a href="/github" class="portfolio-link">Zobacz więcej projektów na GitLab →</a>
|
||||
</div>
|
||||
<p class="lead mb-5">I am experienced in leveraging agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
|
||||
<div class="social-icons">
|
||||
<a class="social-icon" href="https://www.linkedin.com/in/bart%C5%82omiej-piekarski-0386b3331/"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a class="social-icon" href="https://gitlab.com/Lheorvine"><i class="fab fa-gitlab"></i></a>
|
||||
<a class="social-icon" href="https://github.com/Lheorvine"><i class="fab fa-github"></i></a>
|
||||
<!--a class="social-icon" href="#!"><i class="fab fa-twitter"></i></a>
|
||||
<a class="social-icon" href="#!"><i class="fab fa-facebook-f"></i></a-->
|
||||
</div>
|
||||
<ul class="list-inline dev-icons">
|
||||
<img src="assets/img/html5.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/css-3.svg" alt="" width="32" height="32"/>
|
||||
|
||||
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
||||
<div id="graphics-projects" class="project-type">
|
||||
<div class="project">
|
||||
<h3>Projekt graficzny "Iron Oath"</h3>
|
||||
<p>Seria projektów graficznych skoncentrowanych wokół autorskiego konceptu gry, obejmująca:</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Stworzenie moodboardów koncepcyjnych</li>
|
||||
<li>Projektowanie logo i identyfikacji wizualnej</li>
|
||||
<li>Techniki photobashingu do tworzenia grafik koncepcyjnych</li>
|
||||
<li>Animacje postaci i elementów interfejsu</li>
|
||||
<li>Tworzenie klatek kluczowych do materiałów promocyjnych</li>
|
||||
<li>Montaż filmu promocyjnego</li>
|
||||
</ul>
|
||||
<p>Narzędzia: Krita (grafika), GIMP (obróbka zdjęć), Kdenlive (montaż wideo)</p>
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="/portfolio" class="portfolio-link">Zobacz więcej prac graficznych w portfolio →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<img src="assets/img/javascript-1.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/c--4.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/python-5.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/ruby.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/rust.svg" alt="" width="32" height="32"/>
|
||||
|
||||
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
||||
|
||||
<img src="assets/img/dotnet.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/rails.svg" alt="" width="32" height="32"/>
|
||||
|
||||
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
||||
|
||||
<img src="assets/img/microsoft-sql-server-1.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/photoshop-cc-4.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/unity-69.svg" alt="" width="32" height="32"/>
|
||||
|
||||
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
||||
|
||||
<img src="assets/img/linux-tux.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/archlinux-icon.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/ubuntu-4.svg" alt="" width="32" height="32"/>
|
||||
<section class="section">
|
||||
<h2>Doświadczenie</h2>
|
||||
<div class="project">
|
||||
<h3>Pracownik Ochrony Fizycznej</h3>
|
||||
<p><strong>JUSTUS</strong> | 03.2023 - obecnie</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Zabezpieczanie obiektów handlowych i przemysłowych</li>
|
||||
<li>Obsługa systemów monitoringu CCTV i kontroli dostępu</li>
|
||||
<li>Koordynacja działań w sytuacjach kryzysowych</li>
|
||||
<li>Prowadzenie dokumentacji i raportów z wykonywanych zadań</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="project">
|
||||
<h3>Kasjer Sprzedawca</h3>
|
||||
<p><strong>MINIT Polska</strong> | 02.2021 - 01.2022</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Obsługa kasy fiskalnej i terminala płatniczego</li>
|
||||
<li>Zarządzanie towarem i prowadzenie inwentaryzacji</li>
|
||||
<li>Obsługa klienta i rozwiązywanie problemów</li>
|
||||
<li>Utrzymywanie porządku i standardów ekspozycji</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="project">
|
||||
<h3>Magazynier (Dorywczo)</h3>
|
||||
<p><strong>MotoProfil</strong> | 2019-2022 (wakacje)</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Kompletacja zamówień i przygotowanie do wysyłki</li>
|
||||
<li>Obsługa systemu WMS i skanerów kodów kreskowych</li>
|
||||
<li>Uczestnictwo w inwentaryzacjach magazynu</li>
|
||||
<li>Dbanie o porządek i bezpieczeństwo w magazynie</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<hr class="m-0" />
|
||||
<!-- Skills-->
|
||||
<!-- section class="resume-section" id="skills">
|
||||
<div class="resume-section-content">
|
||||
<h2 class="mb-5">Skills</h2>
|
||||
<div class="subheading mb-3">Programming Languages & Tools</div>
|
||||
<ul class="list-inline dev-icons">
|
||||
<li class="list-inline-item"><i class="fab fa-html5"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-css3-alt"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-js-square"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-angular"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-react"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-node-js"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-sass"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-less"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-wordpress"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-gulp"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-grunt"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-npm"></i></li>
|
||||
|
||||
<section class="section">
|
||||
<h2>Zainteresowania</h2>
|
||||
<ul>
|
||||
<li>Game development</li>
|
||||
<li>Cyberbezpieczeństwo</li>
|
||||
<li>Linux i open source</li>
|
||||
<li>E-sport</li>
|
||||
</ul>
|
||||
<div class="subheading mb-3">Workflow</div>
|
||||
<ul class="fa-ul mb-0">
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-check"></i></span>
|
||||
Mobile-First, Responsive Design
|
||||
</li>
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-check"></i></span>
|
||||
Cross Browser Testing & Debugging
|
||||
</li>
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-check"></i></span>
|
||||
Cross Functional Teams
|
||||
</li>
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-check"></i></span>
|
||||
Agile Development & Scrum
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</--section>
|
||||
<hr class="m-0" /-->
|
||||
<!-- Portfolio-->
|
||||
<section class="resume-section" id="portfolio">
|
||||
<div class="resume-section-content">
|
||||
<h2 class="mb-5">Portfolio</h2>
|
||||
<!-- Photo grid -->
|
||||
<h3 class="mb-5">Graphics Class</h3>
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-third w3-container w3-margin-bottom">
|
||||
<img src="img/Projekt1.png" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||
<div class="w3-container w3-white">
|
||||
<p><b>Lorem Ipsum</b></p>
|
||||
<p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-third w3-container w3-margin-bottom">
|
||||
<img src="img/Projekt1.png" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||
<div class="w3-container w3-white">
|
||||
<p><b>Lorem Ipsum</b></p>
|
||||
<p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-third w3-container">
|
||||
<img src="img/Projekt1.png" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||
<div class="w3-container w3-white">
|
||||
<p><b>Lorem Ipsum</b></p>
|
||||
<p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<h3 class="mb-5">Game Development</h3>
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-third w3-container w3-margin-bottom">
|
||||
<img src="img/Projekt1.png" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||
<div class="w3-container w3-white">
|
||||
<p><b>Lorem Ipsum</b></p>
|
||||
<p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-third w3-container w3-margin-bottom">
|
||||
<img src="img/Projekt1.png" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||
<div class="w3-container w3-white">
|
||||
<p><b>Lorem Ipsum</b></p>
|
||||
<p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-third w3-container">
|
||||
<img src="img/Projekt1.png" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||
<div class="w3-container w3-white">
|
||||
<p><b>Lorem Ipsum</b></p>
|
||||
<p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Modal for full size images on click-->
|
||||
<div id="modal01" class="w3-modal w3-black" style="padding-top:0" onclick="this.style.display='none'">
|
||||
<span class="w3-button w3-black w3-xlarge w3-display-topright"></span>
|
||||
<div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
|
||||
<img id="img01" class="w3-image" alt="" src="">
|
||||
<p id="caption"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Education-->
|
||||
<section class="resume-section" id="education">
|
||||
<div class="resume-section-content">
|
||||
<h2 class="mb-5">Edukacja</h2>
|
||||
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="mb-0">Uniwersytet Ekonomiczny w Katowicach</h3>
|
||||
<div class="subheading mb-3">Informatyka</div>
|
||||
<div>Programowanie gier i aplikacji mobilnych </div>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><span class="text-primary">Październik 2023 - Teraz</span></div>
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-md-row justify-content-between">
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="mb-0">Uniwersytet Śląski</h3>
|
||||
<div class="subheading mb-3">Filologia Angielska</div>
|
||||
<div>Tłumaczeniowa z językiem chińskim</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><span class="text-primary">Październik 2021 - Styczeń 2023 (byłem zmuszony przerwać studia na 2 roku)</span></div>
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-md-row justify-content-between">
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="mb-0">IV Liceum Ogólnokształcące im. Marii Skłodowskiej-Curie w Chorzowie</h3>
|
||||
<div class="subheading mb-3">Liceum</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><span class="text-primary">Wrzesień 2016 - Maj 2019</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr class="m-0" />
|
||||
<!-- Experience-->
|
||||
<section class="resume-section" id="experience">
|
||||
<div class="resume-section-content">
|
||||
<h2 class="mb-5">Doświadczenie</h2>
|
||||
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="mb-0">Pracownik Ochrony</h3>
|
||||
<div class="subheading mb-3">JUSTUS</div>
|
||||
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><span class="text-primary">Marzec 2023 - Teraz</span></div>
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="mb-0">Kasjer - Sprzedawca</h3>
|
||||
<div class="subheading mb-3">MISTER Minit</div>
|
||||
<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><span class="text-primary">Luty 2021 - Marzec 2022</span></div>
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="mb-0">Magazynier (Praca Wakacyjna)</h3>
|
||||
<div class="subheading mb-3">MotoProfil</div>
|
||||
<p>Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration.</p>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><span class="text-primary">Lipiec - Wrzesień, 2020-2022 (3 wakacje)</span></div>
|
||||
</div>
|
||||
<!--div class="d-flex flex-column flex-md-row justify-content-between">
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="mb-0">Web Design Intern</h3>
|
||||
<div class="subheading mb-3">Shout! Media Productions</div>
|
||||
<p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><span class="text-primary">September 2008 - June 2010</span></div>
|
||||
</--div-->
|
||||
</div>
|
||||
</section>
|
||||
<hr class="m-0" />
|
||||
<!-- Interests-->
|
||||
<section class="resume-section" id="interests">
|
||||
<div class="resume-section-content">
|
||||
<h2 class="mb-5">Interests</h2>
|
||||
<p>Apart from being a web developer, I enjoy most of my time being outdoors. In the winter, I am an avid skier and novice ice climber. During the warmer months here in Colorado, I enjoy mountain biking, free climbing, and kayaking.</p>
|
||||
<p class="mb-0">When forced indoors, I follow a number of sci-fi and fantasy genre movies and television shows, I am an aspiring chef, and I spend a large amount of my free time exploring the latest technology advancements in the front-end web development world.</p>
|
||||
</div>
|
||||
</section>
|
||||
<hr class="m-0" />
|
||||
<!-- Awards-->
|
||||
<section class="resume-section" id="awards">
|
||||
<div class="resume-section-content">
|
||||
<h2 class="mb-5">Awards & Certifications</h2>
|
||||
<ul class="fa-ul mb-0">
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
||||
Google Analytics Certified Developer
|
||||
</li>
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
||||
Mobile Web Specialist - Google Certification
|
||||
</li>
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
||||
1
|
||||
<sup>st</sup>
|
||||
Place - University of Colorado Boulder - Emerging Tech Competition 2009
|
||||
</li>
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
||||
1
|
||||
<sup>st</sup>
|
||||
Place - University of Colorado Boulder - Adobe Creative Jam 2008 (UI Design Category)
|
||||
</li>
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
||||
2
|
||||
<sup>nd</sup>
|
||||
Place - University of Colorado Boulder - Emerging Tech Competition 2008
|
||||
</li>
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
||||
1
|
||||
<sup>st</sup>
|
||||
Place - James Buchanan High School - Hackathon 2006
|
||||
</li>
|
||||
<li>
|
||||
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
||||
3
|
||||
<sup>rd</sup>
|
||||
Place - James Buchanan High School - Hackathon 2005
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
<script>
|
||||
const skillTags = document.querySelectorAll('.skill-tag');
|
||||
skillTags.forEach(tag => {
|
||||
tag.addEventListener('click', () => {
|
||||
tag.style.transform = 'scale(1.1)';
|
||||
setTimeout(() => {
|
||||
tag.style.transform = 'scale(1)';
|
||||
}, 200);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -32,3 +32,10 @@ window.addEventListener('DOMContentLoaded', event => {
|
|||
});
|
||||
|
||||
});
|
||||
|
||||
function showCategory(category) {
|
||||
document.getElementById('programming-projects').style.display =
|
||||
category === 'programming' ? 'block' : 'none';
|
||||
document.getElementById('graphics-projects').style.display =
|
||||
category === 'graphics' ? 'block' : 'none';
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue