updated after the 2nd year ended
This commit is contained in:
parent
4b759a7d6b
commit
cd4cb5afb7
56 changed files with 1709 additions and 1696 deletions
3
Gemfile
3
Gemfile
|
|
@ -1,3 +0,0 @@
|
|||
source "https://rubygems.org"
|
||||
|
||||
gem "jekyll"
|
||||
72
Gemfile.lock
72
Gemfile.lock
|
|
@ -1,72 +0,0 @@
|
|||
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
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
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
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 412 B |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 588 B |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 1.8 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 495 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
|
|
@ -1,7 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 609 B |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 461 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 437 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 13 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 211 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 4.4 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 6.8 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 5.4 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 1.6 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 535 B |
|
|
@ -1,305 +0,0 @@
|
|||
:root {
|
||||
--nord0: #2E3440;
|
||||
--nord1: #3B4252;
|
||||
--nord2: #434C5E;
|
||||
--nord3: #4C566A;
|
||||
--text-primary: #ECEFF4;
|
||||
--text-secondary: #D8DEE9;
|
||||
--accent: #88C0D0;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--nord0);
|
||||
color: var(--text-primary);
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: var(--nord1);
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.header-top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.language-container {
|
||||
width: 64px;
|
||||
}
|
||||
|
||||
.language-switch {
|
||||
display: inline-block;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.language-switch:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.flag-icon {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: var(--text-primary);
|
||||
font-size: 2.5rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: var(--text-primary);
|
||||
font-size: 2rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: var(--text-primary);
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.contact-links {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 2rem;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.contact-links a {
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
transition: color 0.3s ease;
|
||||
padding: 0.5rem;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.contact-links a:hover {
|
||||
color: var(--text-primary);
|
||||
background-color: var(--nord2);
|
||||
}
|
||||
|
||||
.section {
|
||||
background-color: var(--nord1);
|
||||
border-radius: 8px;
|
||||
padding: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.skills-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.skills-grid {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.skills-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.skills-category {
|
||||
background-color: var(--nord2);
|
||||
border-radius: 6px;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.skills-category h3 {
|
||||
color: var(--text-primary);
|
||||
margin-bottom: 1.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 2px solid var(--nord3);
|
||||
}
|
||||
|
||||
.skills {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background-color: var(--accent);
|
||||
color: var(--nord0);
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
font-size: 0.9rem;
|
||||
transition: transform 0.3s ease;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.skill-tag:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.skill-tag.next-semester {
|
||||
background-color: var(--nord2);
|
||||
color: var(--text-secondary);
|
||||
border: 1px solid var(--nord3);
|
||||
}
|
||||
|
||||
.skill-tag.self-learning {
|
||||
background-color: var(--nord2);
|
||||
color: var(--text-secondary);
|
||||
border: 1px dashed var(--accent);
|
||||
}
|
||||
|
||||
.education-item {
|
||||
margin-bottom: 2rem;
|
||||
padding: 1.5rem;
|
||||
background-color: var(--nord2);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.education-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.education-item p {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.education-item p:last-child {
|
||||
margin-bottom: 0;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.projects-container {
|
||||
display: grid;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.project {
|
||||
background-color: var(--nord2);
|
||||
border-radius: 6px;
|
||||
padding: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.project:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.project h3 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.project p {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.project ul {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.project-links {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.portfolio-link {
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 4px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.portfolio-link:hover {
|
||||
color: var(--text-primary);
|
||||
background-color: var(--nord2);
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.container {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.header-top {
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.contact-links {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.skills-container {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.skills-row {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.skills-category {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.section {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.contact-links a {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
225
_site/index.html
225
_site/index.html
|
|
@ -1,225 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="pl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Bartłomiej Piekarski - Student informatyki specjalizujący się w tworzeniu gier i aplikacji mobilnych. Pasjonat technologii, Linux i cyberbezpieczeństwa z doświadczeniem w Unity i C#.">
|
||||
<meta name="keywords" content="Bartłomiej Piekarski, programista gier, Unity developer, C#, Python, Linux, cyberbezpieczeństwo, Katowice, game development, aplikacje mobilne, IT">
|
||||
<meta name="author" content="Bartłomiej Piekarski">
|
||||
<meta name="robots" content="index, follow">
|
||||
<title>Bartłomiej Piekarski</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="header-top">
|
||||
<div class="language-container"></div>
|
||||
<h1>Bartłomiej Piekarski</h1>
|
||||
<div class="language-container">
|
||||
<a href="https://zyciorys.gitlab.io/bartek_piekarski_en" class="language-switch" title="English Version">
|
||||
<img src="img/united-kingdom.png" width="32" height="32" class="flag-icon"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p>Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne</p>
|
||||
<div class="contact-links">
|
||||
<a href="mailto:bartek.piekarski@tuta.com">
|
||||
<i class="fas fa-envelope"></i>
|
||||
bartek.piekarski@tuta.com
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">
|
||||
<i class="fab fa-linkedin"></i>
|
||||
LinkedIn
|
||||
</a>
|
||||
<a href="https://github.com/Lheorvine" target="_blank">
|
||||
<i class="fab fa-github"></i>
|
||||
GitHub
|
||||
</a>
|
||||
<a href="https://gitlab.com/Lheorvine" 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.</p>
|
||||
<br>
|
||||
<p>Aktualnie studiuję informatykę ze specjalizacją w tworzeniu gier komputerowych i aplikacji mobilnych.</p>
|
||||
<br>
|
||||
<p>Poszukuję ciekawej pracy, która pozwoli mi rozwinąć moje umiejętności i zdobyć doświadczenie w branży IT.</p>
|
||||
<br>
|
||||
<p>Jestem otwarty na pracę w trybie hybrydowym z Krakowa oraz innych miejscowości znajdujących się w podobnej odległości od Katowic.</p>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Umiejętności</h2>
|
||||
<div class="skills-grid">
|
||||
<div class="skills-row">
|
||||
<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">Kotlin</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">Visual Studio</span>
|
||||
<span class="skill-tag">Unity</span>
|
||||
<span class="skill-tag">MSSQL</span>
|
||||
<span class="skill-tag">Android Studio</span>
|
||||
<span class="skill-tag self-learning">Git (samodzielna nauka)</span>
|
||||
<span class="skill-tag self-learning">Podman/Docker (samodzielna nauka)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skills-row">
|
||||
<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">Android</span>
|
||||
<span class="skill-tag self-learning">Linux (openSUSE/Arch) (samodzielna nauka)</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">Blender</span>
|
||||
</div>
|
||||
</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>Projekt Strony dla Księgarni: The Dark Anatheum (w trakcie)</h3>
|
||||
<p>Projekt tworzony w celu nauki i praktycznego zastosowania nowoczesnych technologii webowych oraz architektury backendowej w języku Rust.</p>
|
||||
<ul style="margin-left: 1.5rem; margin-top: 0.5rem;">
|
||||
<li>Implementacja backendu w języku Rust przy użyciu Actix Web</li>
|
||||
<li>Zaprojektowanie bazy danych PostgreSQL do zarządzania użytkownikami i zamówieniami</li>
|
||||
<li>Stworzenie dynamicznego katalogu książek z funkcjami filtrowania i sortowania</li>
|
||||
<li>Dodanie systemu recenzji i ocen użytkowników dla produktów</li>
|
||||
<li>Integracja koszyka zakupowego z opcją zarządzania produktami</li>
|
||||
<li>Opracowanie intuicyjnego interfejsu użytkownika w HTML, CSS i TypeScript</li>
|
||||
<li>Hosting aplikacji na Shuttle.dev dla łatwego wdrażania i skalowania</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="https://gitlab.com/zyciorys/#" class="portfolio-link">Zobacz więcej projektów na GitLab →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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="https://gitlab.com/zyciorys/ProjektyUnity3D" 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="https://zyciorys.gitlab.io/portfolio_z_grafiki" 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</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</h3>
|
||||
<p><strong>MotoProfil</strong> | 2019-2022 (dorywczo)</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 Technologie Open Source</li>
|
||||
<li>Literatura</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
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);
|
||||
});
|
||||
});
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 412 B |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 588 B |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 1.8 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 495 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
|
|
@ -1,7 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 609 B |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 461 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 437 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 13 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 211 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 4.4 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 6.8 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 5.4 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 1.6 KiB |
|
|
@ -1 +0,0 @@
|
|||
<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>
|
||||
|
Before Width: | Height: | Size: 535 B |
580
css/styles.css
580
css/styles.css
|
|
@ -1,580 +0,0 @@
|
|||
:root {
|
||||
/* Tokyo Night Storm Color Palette */
|
||||
--bg: #24283b;
|
||||
--bg-dark: #1f2335;
|
||||
--bg-soft: #292e42;
|
||||
--surface: #343b58;
|
||||
--text: #c0caf5;
|
||||
--text-dark: #a9b1d6;
|
||||
--accent: #7aa2f7;
|
||||
--accent2: #9ece6a;
|
||||
--accent3: #bb9af7;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg);
|
||||
color: var(--text);
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: var(--surface);
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
header .container {
|
||||
padding: 0.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin-bottom: 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
header p {
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.header-top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.language-container {
|
||||
width: 64px;
|
||||
}
|
||||
|
||||
.language-switch {
|
||||
display: inline-block;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.language-switch:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.flag-icon {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: var(--text);
|
||||
font-size: 2.5rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: var(--text);
|
||||
font-size: 2rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: var(--text);
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.contact-links {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 2rem;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.contact-links a {
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
transition: color 0.3s ease;
|
||||
padding: 0.5rem;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.contact-links a:hover {
|
||||
color: var(--text);
|
||||
background-color: var(--surface);
|
||||
}
|
||||
|
||||
.section {
|
||||
background-color: var(--surface);
|
||||
border-radius: 8px;
|
||||
padding: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.skills-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.skills-grid {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.skills-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.skills-category {
|
||||
background-color: var(--bg-soft);
|
||||
border-radius: 6px;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.skills-category h3 {
|
||||
color: var(--text);
|
||||
margin-bottom: 1.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 2px solid var(--bg-dark);
|
||||
}
|
||||
|
||||
.skills {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background-color: var(--accent);
|
||||
color: var(--bg);
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
font-size: 0.9rem;
|
||||
transition: transform 0.3s ease;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.skill-tag:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.skill-tag.next-semester {
|
||||
background-color: var(--bg-soft);
|
||||
color: var(--text-dark);
|
||||
border: 1px solid var(--bg-dark);
|
||||
}
|
||||
|
||||
.skill-tag.self-learning {
|
||||
background-color: var(--bg-soft);
|
||||
color: var(--text-dark);
|
||||
border: 1px dashed var(--accent);
|
||||
}
|
||||
|
||||
.education-item {
|
||||
margin-bottom: 2rem;
|
||||
padding: 1.5rem;
|
||||
background-color: var(--bg-soft);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.education-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.education-item p {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.education-item p:last-child {
|
||||
margin-bottom: 0;
|
||||
color: var(--text-dark);
|
||||
}
|
||||
|
||||
.projects-container {
|
||||
display: grid;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.project {
|
||||
background-color: var(--bg-soft);
|
||||
border-radius: 6px;
|
||||
padding: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.project:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.project h3 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.project p {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.project ul {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.project-links {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.portfolio-link {
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 4px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.portfolio-link:hover {
|
||||
color: var(--text);
|
||||
background-color: var(--bg-soft);
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.nav-button {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
background-color: var(--surface);
|
||||
color: var(--accent);
|
||||
padding: 1rem;
|
||||
border-radius: 0.5rem;
|
||||
transition: all 0.3s;
|
||||
font-size: 1.5rem;
|
||||
height: 150px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
opacity: 0.2;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.nav-button:hover {
|
||||
background-color: var(--accent);
|
||||
color: var(--bg-dark);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.nav-button.prev {
|
||||
left: -50px;
|
||||
}
|
||||
|
||||
.nav-button.next {
|
||||
right: -50px;
|
||||
}
|
||||
|
||||
.project-card {
|
||||
background-color: var(--surface);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.source-images {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 1rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.responsive-container {
|
||||
max-width: 800px;
|
||||
max-height: 800px;
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.responsive-container img,
|
||||
.responsive-container video {
|
||||
object-fit: contain;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.slide-description {
|
||||
text-align: center;
|
||||
padding: 0.5rem;
|
||||
color: var(--text);
|
||||
font-size: 1.2rem;
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.image-box {
|
||||
width: 100%;
|
||||
height: 750px;
|
||||
background-color: var(--bg-dark);
|
||||
border-radius: 0.5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.image-box img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.image-container h3 {
|
||||
text-align: center;
|
||||
color: var(--accent);
|
||||
font-size: 2rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.paragraph-section {
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.5;
|
||||
color: var(--text);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.thank-you-slide {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
padding: 2rem;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.thank-you-text {
|
||||
text-align: center;
|
||||
font-size: 2.5rem;
|
||||
color: var(--text);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.image-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
main {
|
||||
padding-top: 2.5rem;
|
||||
}
|
||||
|
||||
.project-card .flex-col.md\:flex-row {
|
||||
min-height: 600px;
|
||||
}
|
||||
|
||||
.project-card .md\:w-1\/3 img {
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.project-card:nth-child(3) .responsive-container {
|
||||
width: 100%;
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
.project-card:nth-child(3) .responsive-container img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.project-card:nth-child(4) .flex-col.md\:flex-row {
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
.project-card:nth-child(4) .md\:w-1\/3 img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.project-card:nth-child(6) .responsive-container {
|
||||
width: 100%;
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
.project-card:nth-child(6) .responsive-container video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.project-card:nth-child(3),
|
||||
.project-card:nth-child(4),
|
||||
.project-card:nth-child(6) {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.project-card:nth-child(2) .container {
|
||||
max-width: 1200px !important;
|
||||
padding-left: 6rem !important;
|
||||
padding-right: 6rem !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#slideContainer2 {
|
||||
-ms-overflow-style: none !important;
|
||||
scrollbar-width: none !important;
|
||||
}
|
||||
|
||||
#slideContainer2::-webkit-scrollbar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.nav-button.prev {
|
||||
left: 1rem !important;
|
||||
z-index: 20 !important;
|
||||
}
|
||||
|
||||
.nav-button.next {
|
||||
right: 1rem !important;
|
||||
z-index: 20 !important;
|
||||
}
|
||||
|
||||
.project-card:nth-child(4) .md\:w-1\/3 {
|
||||
width: 65% !important;
|
||||
}
|
||||
|
||||
.project-card:nth-child(2) .slide-description {
|
||||
font-size: 1.1rem !important;
|
||||
line-height: 1.25 !important;
|
||||
max-width: none !important;
|
||||
margin-bottom: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#slideContainer2 .slide-description {
|
||||
font-size: 1.1rem !important;
|
||||
margin-bottom: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.image-container h3 {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.project-card:nth-child(2) .image-box img {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
#slideContainer7 .slide:last-child .image-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: auto;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
#slideContainer7 .slide:last-child .image-box {
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
}
|
||||
|
||||
#slideContainer7 .slide:last-child img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
#slideContainer7 .slide:last-child .slide-description {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1400px) {
|
||||
.nav-button.prev {
|
||||
left: 1rem !important;
|
||||
}
|
||||
.nav-button.next {
|
||||
right: 1rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.container {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.header-top {
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.contact-links {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.skills-container {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.skills-row {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.skills-category {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.section {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.contact-links a {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
BIN
img/photo-trans.jpg
Normal file
BIN
img/photo-trans.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
BIN
img/photo-trans.png
Normal file
BIN
img/photo-trans.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 MiB |
BIN
img/photo.jpg
Normal file
BIN
img/photo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 MiB |
BIN
img/photo2.jpg
Normal file
BIN
img/photo2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
1039
index.html
1039
index.html
File diff suppressed because it is too large
Load diff
|
|
@ -1,9 +0,0 @@
|
|||
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);
|
||||
});
|
||||
});
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
function slide(containerId, direction) {
|
||||
const container = document.getElementById(containerId);
|
||||
const slides = container.querySelectorAll('.slide');
|
||||
const currentScroll = container.scrollLeft;
|
||||
const slideWidth = slides[0].offsetWidth;
|
||||
|
||||
const currentIndex = Math.round(currentScroll / slideWidth);
|
||||
const newIndex = direction === 'next' ?
|
||||
Math.min(currentIndex + 1, slides.length - 1) :
|
||||
Math.max(currentIndex - 1, 0);
|
||||
|
||||
container.scrollTo({
|
||||
left: newIndex * slideWidth,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue