commit 132b735d792558edc62902035361b0d9479365bd Author: howard Date: Thu Apr 6 10:13:21 2023 +0200 init diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..13566b8 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..4b10f7c --- /dev/null +++ b/Dockerfile @@ -0,0 +1,18 @@ +FROM php:8.0-apache +WORKDIR /var/www/html + +#COPY index.php index.php + +RUN mkdir /app +COPY vhost.conf /etc/apache2/sites-available/000-default.conf + +WORKDIR /app + +COPY . . + +# ADD extras/dockerstart.sh /usr/local/servicemix/bin/ +# RUN chmod 755 /usr/local/bin/dockerstart.sh + +RUN chown -R www-data:www-data /app && a2enmod rewrite + +EXPOSE 80 diff --git a/about_me/LICENSE b/about_me/LICENSE new file mode 100644 index 0000000..8ba2564 --- /dev/null +++ b/about_me/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2015 Eliseo Papa + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/about_me/README.md b/about_me/README.md new file mode 100644 index 0000000..99d2d44 --- /dev/null +++ b/about_me/README.md @@ -0,0 +1,65 @@ +# markdown-cv + +A curriculum vitae maintained in plain text and rendered to HTML and PDF using CSS. + +For more details, see the [project page](http://elipapa.github.io/markdown-cv), or the blog post on [why I switched to markdown for my CV](http://elipapa.github.io/blog/why-i-switched-to-markdown-for-my-cv.html). + +*** + +## Customization + +Simply [fork the markdown-cv repo](https://github.com/elipapa/markdown-cv) + +![](https://help.github.com/assets/images/help/repository/fork_button.jpg) + +and edit the `index.md` file [directly in Github](https://help.github.com/articles/editing-files-in-your-repository/) + +![](https://help.github.com/assets/images/help/repository/edit-file-edit-button.png) + +adding your skills, jobs and education. + +![](https://help.github.com/assets/images/help/repository/edit-readme-light.png) + +## Distribution + +To transform your plain text CV into a beautiful and shareable HTML page, you have two options: + +### I. Use Github Pages to publish it online + +1. Delete the existing `gh-pages` branch from your fork. It will only contain this webpage. You can either use git or [the Github web interface](https://help.github.com/articles/creating-and-deleting-branches-within-your-repository/#deleting-a-branch). +2. Create a new branch called `gh-pages`. +3. Head to *yourusername*.github.io/markdown-cv to see your CV live. + +Any change you want to make to your CV from then on would have to be done on the `gh-pages` branch and will be immediately rendered by Github Pages. + +### II. Build it locally and print a PDF + +1. To [install jekyll](https://jekyllrb.com/docs/installation/), run `gem install bundler jekyll` from the command line. +3. [Clone](https://help.github.com/en/articles/cloning-a-repository) your fork of markdown-cv to your local machine. +3. Type `jekyll serve` to render your CV at http://localhost:4000. +4. You can edit the `index.md` file and see the changes live in your browser. +5. To print a PDF, press ⌘ + p. Print and web CSS media queries should take care of the styling. + +## Styling + +The included CSS will render your CV in two styles: +s +1. `kjhealy` the original default, inspired by [kjhealy's vita +template](https://github.com/kjhealy/kjh-vita). +2. `davewhipp` is a tweaked version of `kjhealy`, with bigger fonts and dates + right aligned. + +To change the default style, simply change the variable in the +`_config.yml` file. + +Any other styling is possible. More CSS style contributions and forks are welcome! + +### Author + +Eliseo Papa ([Twitter](http://twitter.com/elipapa)/[Github](http://github.com/elipapa)/[Website](https://elipapa.github.io)). + +![Eliseo Papa](https://s.gravatar.com/avatar/eae1f0c01afda2bed9ce9cb88f6873f6?s=100) + +### License + +[MIT License](https://github.com/elipapa/markdown-cv/blob/master/LICENSE) diff --git a/about_me/favicon.ico b/about_me/favicon.ico new file mode 100644 index 0000000..c3bca6c Binary files /dev/null and b/about_me/favicon.ico differ diff --git a/about_me/index.html b/about_me/index.html new file mode 100644 index 0000000..f0ba481 --- /dev/null +++ b/about_me/index.html @@ -0,0 +1,166 @@ + + + + + Martin Fencl's CV | CV + + + + +
+
+

Martin Fencl

+

Software test developer, Python engineer, HW tester.

+ + + +
+

+ +

+
+ +


+ +

  + 

+ +


+ +

  + 

+ +


+ +

Currently

+ +

I work as a freelancer and I’m searching for interesting projects that I would enjoy.

+ +

Interest in

+ +
    +
  • Robotics
    +– autonomous projects
    +– DYI projects (modeling drones, aircraft …)
    +– automation (home security system, DYI projects)
    • +
  • Linux-based systems (preferring debian)
    • +
  • Dockerizing
    +– docker, docker-compose
    +– kubernetes
    • +
  • Cryptography (YubiKey)
    +– OATH – HOTP
    +– OATH – TOTP
    +– FIDO U2F, FIDO2 (WebAuthn)
    • +
+ +

Education

+ +

2008-2012 +Completion of the study program in the field of Electronics Mechanics

+
    +
  • High School of Electrical Engineering, Hluboká nad Vltavou (Czechia)
    • +
  • Level EQF 4
    • +
+ +

2013-2018 +Completion of the study program in the field of Applied Electrical Engineering

+
    +
  • University of West Bohemia, Faculty of Electrical Engineering, Pilsen (Czechia)
    • +
  • Level EQF 6
    • +
+ +

2018-2020 +Completion of the study program in the field of commercial electrical engineering

+
    +
  • University of West Bohemia, Faculty of Electrical Engineering, Pilsen (Czechia)
    • +
  • Level EQF 7
    • +
+ +

Work Experience

+

2013-2013 +IT service worker / support

+
    +
  • Karel Peisker, Budweis (Czechia)
    • +
  • Network service, user interface security
    • +
+ +

2016-2017 +Development programmer - development department (internship)

+
    +
  • Robert Bosch, spol. s.r.o., Budweis (Czechia)
    • +
  • Programming of laboratory instruments
    • +
  • Development department assistance
    • +
+ +

technologies / tools used:
+– LabView
+– Python

+ +

2017-2020 +Development programmer - technology department (internship)

+
    +
  • Robert Bosch, spol. s.r.o., Budweis (Czechia)
    • +
  • Programming of laboratory measuring devices
    • +
  • Testing of laboratory equipment, proposal for improvement and calibration
    • +
  • Analysis and work with data
    • +
+ +

technologies / tools used:
+– Git
+– LabVIEW
+– Python
+– Visual Basic for Applications (VBA)
+– Structured Text (ST)
+– 3D printing (SLA, DMLS)
+– Measuring and analysis technology

+ +

2017-2020 +Software test engineer – DITET5 (Schweinfurth team for EMF projects)

+
    +
  • ZF Engineering Pilsen, spol. s.r.o., Pilsen (Czechia)
    • +
  • Testing of hybrid automotive units (8P4G project)
    • +
  • Creating automation tests, regression tests
    • +
  • Manual testing of internal software (EMF)
    • +
  • Problem analysis, consulting of status SW
    • +
+ +

technologies / tools used:
+– Dspace SCALEXIO (rapid control prototyping (RCP) applications)
+– Exam (test extension/orchestrator)
+– Python

+ +

2020- +Software test developer

+
    +
  • W.A.G. payment solutions, a.s., Princip, a.s., Prague (Czechia)
    • +
  • Creating, develop and maintain software unit project for testing (SwMU)
    • +
  • Modified existing software to detect and correct errors, improve performance, and upgrade interfaces (cooperating with sw-team)
    • +
  • Prepared reports on specifications and activities for each project.
    • +
  • Designed web applications (interface for support SwMU project)
    • +
+ +

technologies / tools used:
+– Apache Kafka (event streaming platform)
+– Python
+– Git
+– Flask, Flask-RestAPI
+– Django
+– Docker, Docker-compose
+– Helm, Skaffold
+– Kubernetes (and local minikube)

+ +
+ +
+ + + +
+
+ + \ No newline at end of file diff --git a/about_me/media/davewhipp-print.css b/about_me/media/davewhipp-print.css new file mode 100644 index 0000000..79b3ddd --- /dev/null +++ b/about_me/media/davewhipp-print.css @@ -0,0 +1,194 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* end of reset */ + + + +body { + font: normal normal 400; + font-size: 12pt; + line-height: 1.35em; + /*also written as... font: normal normal 400 100%/1.5em;*/ + font-family: Avenir,Verdana,sans-serif; + /*margin-top: 1em; + margin-left: 1em;*/ +} + +p { + position: relative; + left: 25%; + margin-bottom: 0.2em; + margin-right: 0; + width: 60%; +} + +code { + font: normal normal; + font-size: 90%; + /*line-height: 1em;*/ + font-family: Monaco,Menlo,monospace,sans-serif; + color: #ccc; +} + +p code { + position: absolute; + text-align: right; + right: -20%; +} + + +ul { + position: relative; + left: 25%; + width: 75%; + margin-bottom: 1em; + /*margin-top: -0.5em;*/ +} + +/*uncomment to get dashes in the list*/ +/*li:before { + content: "-"; + position: relative; + left: -0.25em; +}*/ + +li { + /*second line indent*/ + padding-left: 1.25em; + text-indent: -1.25em; + /*color: #777;*/ +} + +li ul { + position: relative; + left: 0; + width: 100%; + margin-top: 0.25em; +} + +h1,h2,h3,h4 { + font-weight: 400; + font-family: Avenir,Cousine,Verdana,sans-serif; + width: 80%; +} + +h1 { + text-align: left; + font-size: 3em; + line-height: 1em; + position: relative; + left: 25%; +} + +h1+p { + /*subtitle*/ + font-style: italic; + font-size: 110%; +} + +h2 { + font-size: 1.1em; + color: #a00; + margin-top: 2em; + position: relative; + top: 1.2em; + text-align: right; + width: 20%; +} + + +h3 { + font-size: 1em; + line-height: 2em; + color: #ccc; + position: relative; + top: 1.6em; + text-align: right; + width: 20%; +} + +a { + color: inherit; + text-decoration:none +} + +a:hover { + color:#39f +} + +#webaddress { + margin-top: 1em; + position: relative; + left: 25%; + color: #ccc; + font-family: Monaco,Menlo,monospace,sans-serif; + font-size: 90%; +} + +#webaddress a { + text-decoration: none; +} + +em { + font-style: normal; + color: #2d4e5e +} + +strong { + font-weight: bold; +} + +#ghbutton { + display: none; + visibility: hidden; +} + + + diff --git a/about_me/media/davewhipp-screen.css b/about_me/media/davewhipp-screen.css new file mode 100644 index 0000000..adacc45 --- /dev/null +++ b/about_me/media/davewhipp-screen.css @@ -0,0 +1,195 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* end of reset */ + + + +body { + font: normal normal 400; + font-size: 100%; + line-height: 1.5em; + /*also written as... font: normal normal 400 100%/1.5em;*/ + font-family: Avenir,Verdana,sans-serif; + margin-top: 1em; + margin-left: 1em; +} + +p { + position: relative; + left: 25%; + margin-bottom: 0.7em; + margin-right: 0; + width: 55%; +} + +code { + font: normal normal; + font-size: 90%; + /*line-height: 1em;*/ + font-family: Monaco,Menlo,monospace,sans-serif; + color: #aaa; +} + +p code { + position: absolute; + text-align: right; + right: -20%; +} + + +ul { + position: relative; + left: 25%; + width: 75%; + margin-bottom: 1.5em; + margin-top: -0.5em; +} + +/*uncomment to get dashes in the list*/ +/*li:before { + content: "-"; + position: relative; + left: -0.25em; +}*/ + +li { + /*second line indent*/ + padding-left: 1.25em; + text-indent: -1.25em; + /*color: #777;*/ +} + +li ul { + position: relative; + left: 0; + width: 100%; + margin-top: 0.25em; +} + +h1,h2,h3,h4 { + font-weight: 400; + font-family: Avenir,Cousine,Verdana,sans-serif; + width: 80%; +} + +h1 { + text-align: left; + font-size: 3em; + line-height: 1em; + position: relative; + left: 25%; +} + +h1+p { + /*subtitle*/ + font-style: italic; + font-size: 110%; +} + +h2 { + font-size: 1.1em; + color: #bc412b; + margin-top: 3em; + position: relative; + top: 1.4em; + text-align: right; + width: 20%; +} + +h3 { + font-size: 1em; + line-height: 2em; + position: relative; + top: 1.7em; + text-align: right; + width: 20%; +} + +a { + color: inherit; + /*text-decoration:none*/ +} + +a:hover { + color:#39f +} + +#webaddress { + margin-top: 1em; + position: relative; + left: 25%; + color: #bc412b; + font-family: Monaco,Menlo,monospace,sans-serif; + font-size: 100%; +} + +#webaddress a { + text-decoration: none; +} + +em { + /* font-weight: bold; */ + font-style: italic; +} + +strong { + font-weight: bold; +} + +#address { + display: none; +} + + + +/* +@media only screen and (max-width: 480px) { + make one column somehow... +}*/ \ No newline at end of file diff --git a/about_me/media/kjhealy-print.css b/about_me/media/kjhealy-print.css new file mode 100644 index 0000000..1996e09 --- /dev/null +++ b/about_me/media/kjhealy-print.css @@ -0,0 +1,194 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* end of reset */ + + + +body { + font: normal normal 400; + font-size: 10pt; + line-height: 1.35em; + /*also written as... font: normal normal 400 100%/1.5em;*/ + font-family: Verdana,sans-serif; + /*margin-top: 1em; + margin-left: 1em;*/ +} + +p { + position: relative; + left: 28%; + margin-bottom: 0.2em; + margin-right: 0; + width: 70%; +} + +code { + font: normal normal; + font-size: 60%; + /*line-height: 1em;*/ + font-family: Menlo,monospace,sans-serif; + color: #ccc; +} + +p code { + position: absolute; + left: -11%; +} + + +ul { + position: relative; + left: 28%; + width: 65%; + margin-bottom: 1em; + /*margin-top: -0.5em;*/ +} + +/*uncomment to get dashes in the list*/ +/*li:before { + content: "-"; + position: relative; + left: -0.25em; +}*/ + +li { + /*second line indent*/ + padding-left: 1.25em; + text-indent: -1.25em; + /*color: #777;*/ +} + +li ul { + position: relative; + left: 0; + width: 100%; + margin-top: 0.25em; +} + +h1,h2,h3,h4 { + font-weight: 400; + font-family: Cousine,Verdana,sans-serif; + width: 65%; +} + +h1 { + text-align: left; + font-size: 3em; + line-height: 1em; + position: relative; + left: 28%; +} + +h1+p { + /*subtitle*/ + font-style: italic; + font-size: 110%; +} + +h2 { + font-size: 1.1em; + color: #a00; + margin-top: 2em; + position: relative; + top: 1.2em; + text-align: right; + width: 18%; +} + + +h3 { + font-size: 1em; + line-height: 2em; + color: #ccc; + position: relative; + top: 1.6em; + text-align: right; + width: 18%; +} + +a { + color: inherit; + text-decoration:none +} + +a:hover { + color:#39f +} + +#webaddress { + margin-top: 1em; + position: relative; + left: 28%; + color: #ccc; + font-family: Menlo,monospace,sans-serif; + font-size: 80%; +} + +#webaddress a { + text-decoration: none; +} + +em { + font-style: normal; + color: #2d4e5e +} + +strong { + font-weight: bold; +} + +#ghbutton { + display: none; + visibility: hidden; +} + + + + diff --git a/about_me/media/kjhealy-screen.css b/about_me/media/kjhealy-screen.css new file mode 100644 index 0000000..9bff2e9 --- /dev/null +++ b/about_me/media/kjhealy-screen.css @@ -0,0 +1,194 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* end of reset */ + + + +body { + font: normal normal 400; + font-size: 80%; + line-height: 1.5em; + /*also written as... font: normal normal 400 100%/1.5em;*/ + font-family: Verdana,sans-serif; + margin-top: 1em; + margin-left: 1em; +} + +p { + position: relative; + left: 33%; + margin-bottom: 0.7em; + margin-right: 0; + width: 65%; +} + +code { + font: normal normal; + font-size: 60%; + /*line-height: 1em;*/ + font-family: Menlo,monospace,sans-serif; + color: #aaa; +} + +p code { + position: absolute; + left: -14%; +} + + +ul { + position: relative; + left: 33%; + width: 65%; + margin-bottom: 1.5em; + margin-top: -0.5em; +} + +/*uncomment to get dashes in the list*/ +/*li:before { + content: "-"; + position: relative; + left: -0.25em; +}*/ + +li { + /*second line indent*/ + padding-left: 1.25em; + text-indent: -1.25em; + /*color: #777;*/ +} + +li ul { + position: relative; + left: 0; + width: 100%; + margin-top: 0.25em; +} + +h1,h2,h3,h4 { + font-weight: 400; + font-family: Cousine,Verdana,sans-serif; + width: 65%; +} + +h1 { + text-align: left; + font-size: 3em; + line-height: 1em; + position: relative; + left: 33%; +} + +h1+p { + /*subtitle*/ + font-style: italic; + font-size: 110%; +} + +h2 { + font-size: 1.1em; + color: #a00; + margin-top: 3em; + position: relative; + top: 1.4em; + text-align: right; + width: 20%; +} + +h3 { + font-size: 1em; + line-height: 2em; + position: relative; + top: 1.7em; + text-align: right; + width: 20%; +} + +a { + color: inherit; + /*text-decoration:none*/ +} + +a:hover { + color:#39f +} + +#webaddress { + margin-top: 1em; + position: relative; + left: 33%; + color: #aaa; + font-family: Menlo,monospace,sans-serif; + font-size: 80%; +} + +#webaddress a { + text-decoration: none; +} + +em { + font-weight: bold; + font-style: italic; +} + +strong { + font-weight: bold; +} + +#address { + display: none; +} + + + +/* +@media only screen and (max-width: 480px) { + make one column somehow... +}*/ diff --git a/conf/site.conf b/conf/site.conf new file mode 100644 index 0000000..180fd40 --- /dev/null +++ b/conf/site.conf @@ -0,0 +1,17 @@ +server { + index index.php; + server_name zacekj.cz; + error_log /var/log/nginx/error.log; + access_log /var/log/nginx/access.log; + root /code; + + location ~ \.php$ { + try_files $uri =404; + fastcgi_split_path_info ^(.+\.php)(/.+)$; + fastcgi_pass php:9000; + fastcgi_index index.php; + include fastcgi_params; + fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; + fastcgi_param PATH_INFO $fastcgi_path_info; + } +} diff --git a/config/global_config.php b/config/global_config.php new file mode 100755 index 0000000..fcdc5f5 --- /dev/null +++ b/config/global_config.php @@ -0,0 +1,43 @@ + diff --git a/config/global_config.php.bak b/config/global_config.php.bak new file mode 100755 index 0000000..ab41682 --- /dev/null +++ b/config/global_config.php.bak @@ -0,0 +1,41 @@ + diff --git a/css/index.css b/css/index.css new file mode 100755 index 0000000..21ea314 --- /dev/null +++ b/css/index.css @@ -0,0 +1,681 @@ +* { + +} + + +a { + text-decoration: none; + color: inherit; +} + +video { + z-index: -1; + object-fit: cover; + width: 100vw; + height: 100vh; + position: fixed; + top: 0; + left: 0; + opacity: 0.8; +} + +img { + display: block; +} + +body { + margin: 0px; + padding: 0px; +/ / font-family: 'Roboto', sans-serif; + font-family: Ubuntu, sans-serif; + overflow-x: hidden; + background-color: black; + background-repeat: no-repeat; + background-size: cover; +} + +.video-controls { + + display: flex; + position: fixed; + top: 0; + width: 100%; + z-index: 10; + align-items: center; + justify-content: center; +} + +.video-controls-inside { + color: white; + background: rgba(0, 0, 0, 0.7); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + box-shadow: 1px 1px 7px 4px rgba(0, 0, 0, 0.3); + padding: 15px; + display: flex; +} + + +.video-controls .label { + display: flex; + flex: 1; + font-weight: bold; +} + +.video-controls .controls ul { + list-style: none; + margin: 0; + display: flex; + padding: 0 0 0 50px; +} + +.video-controls .controls ul li:not(:last-child) { + margin-right: 10px; +} + +.video-controls .controls ul li:hover { + cursor: pointer; + transition: 0.3s; + opacity: 0.7; +} + +#Page_table { + position: absolute; + width: 100%; + height: 100%; + padding-top: 60px; +} + +#Page_title { + border-radius: 4px; + display: inline-block; + padding: 10px 20px; + background: rgba(255, 255, 255, 0.4); + font-size: 36px; + margin-bottom: 200px; +} + + +#social { + margin: 20px 10px; + text-align: center; +} + +.smGlobalBtn { /* global button class */ + display: inline-block; + position: relative; + cursor: pointer; + width: 50px; + height: 50px; +/ / box-shadow: 0 2 px 2 px #999; + padding: 0px; + text-decoration: none; + text-align: center; + color: #fff; + font-size: 25px; + font-weight: normal; + line-height: 2em; + border-radius: 25px; + -moz-border-radius: 25px; + -webkit-border-radius: 25px; +} + +/* facebook button class*/ +.facebookBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.facebookBtn:before { /* use :before to add the relevant icons */ + font-family: "FontAwesome"; + content: "\f09a"; /* add facebook icon */ +} + +.facebookBtn:hover { + background: #333; +} + +/* facebook button class*/ +.diasporaBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.diasporaBtn:before { /* use :before to add the relevant icons */ + font-family: "FontAwesome"; + content: "\f791"; /* add facebook icon */ +} + +.diasporaBtn:hover { + background: #333; +} + + +/* twitter button class*/ +.twitterBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.twitterBtn:before { + font-family: "FontAwesome"; + content: "\f099"; /* add twitter icon */ +} + +.twitterBtn:hover { + background: #333; +} + +/* google plus button class*/ +.googleplusBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.googleplusBtn:before { + font-family: "FontAwesome"; + content: "\f0d5"; /* add googleplus icon */ +} + +.googleplusBtn:hover { + background: #333; +} + +/* linkedin button class*/ +.instagramBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.instagramBtn:before { + font-family: "FontAwesome"; + content: "\f16d"; /* add linkedin icon */ +} + +.instagramBtn:hover { + background: #333; +} + +/* pinterest button class*/ +.pinterestBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.pinterestBtn:before { + font-family: "FontAwesome"; + content: "\f0d3"; /* add pinterest icon */ +} + +.pinterestBtn:hover { + background: #333; +} + +.githubBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.githubBtn:before { + font-family: "FontAwesome"; + content: "\f092"; /* add linkedin icon */ +} + +.githubBtn:hover { + background: #333; +} + + +.linkedinBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.linkedinBtn:before { + font-family: "FontAwesome"; + content: "\f08c"; /* add linkedin icon */ +} + +.linkedinBtn:hover { + background: #333; +} + +.foursquareBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.foursquareBtn:before { + font-family: "FontAwesome"; + content: "\f180"; /* add linkedin icon */ +} + +.foursquareBtn:hover { + background: #333; +} + + +.lockBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.lockBtn:before { + font-family: "FontAwesome"; + content: "\f13e"; /* add linkedin icon */ +} + +.lockBtn:hover { + background: #333; +} + + +/ +/ +test new btn + +( +jakub + +) + + +.blogBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.blogBtn:before { + font-family: "FontAwesome"; + content: "\f035"; /* add linkedin icon */ +} + +.blogBtn:hover { + background: #333; +} + +.gravBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.gravBtn:before { + font-family: "FontAwesome"; + content: "\f2d6"; /* add linkedin icon */ +} + +.gravBtn:hover { + background: #333; +} + + +/* telegram button class */ + +.telegramBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.telegramBtn:before { + font-family: "FontAwesome"; + content: "\f2c6"; /* add tumblr icon */ +} + +.telegramBtn:hover { + background: #333; +} + + + + + +/* tumblr button class*/ +.mailBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.mailBtn:before { + font-family: "FontAwesome"; + content: "\f003"; /* add tumblr icon */ +} + +.mailBtn:hover { + background: #333; +} + + +/* tumblr button class*/ +.phoneBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.phoneBtn:before { + font-family: "FontAwesome"; + content: "\f095"; /* add tumblr icon */ +} + +.phoneBtn:hover { + background: #333; +} + +/* tumblr button class*/ +.bankBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + padding-left: 1px; +} + +.bankBtn:before { + font-family: "FontAwesome"; + content: "\f19c"; /* add tumblr icon */ +} + +.bankBtn:hover { + background: #333; +} + +/* tumblr button class*/ +.publicKeyBtn { + background: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + padding-left: 1px; +} + +.publicKeyBtn:before { + font-family: "FontAwesome"; + content: "\f084"; /* add tumblr icon */ +} + +.publicKeyBtn:hover { + background: #333; +} + + +.GlobalBtn { + display: inline-block; + position: relative; + cursor: pointer; + width: 50px; + height: 50px; +/ / box-shadow: 0 2 px 2 px #999; +/ / padding: 0 px; + text-decoration: none; + text-align: center; + color: white; + font-size: 25px; + font-weight: normal; + line-height: 2em; + border-radius: 25px; + -moz-border-radius: 25px; + -webkit-border-radius: 25px; + background-color: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.GlobalBtn img { + width: 30px; +} + +.GlobalBtnTable { + width: 100%; + height: 100%; + color: inherit; + font-size: inherit; + font-weight: inherit; + font-style: inherit; +} + +.GlobalBtn:hover { + background-color: #333; +} + +#GlobalBtns { + position: absolute; + cursor: pointer; + width: 30px; + height: 30px; +/ / box-shadow: 0 2 px 2 px #999; +/ / padding: 0 px; + text-decoration: none; + text-align: center; + color: white; + font-size: 18px; + font-weight: normal; + line-height: 2em; + border-radius: 25px; + -moz-border-radius: 25px; + -webkit-border-radius: 25px; + background-color: black; + -webkit-transition: all 0.3s linear; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + left: 25px; + top: -25px; +} + +#Page_info, #Bank_info { + position: relative; + display: inline-block; +} + +#Page_info_ext, #Bank_info_ext { + position: absolute; + left: -120px; + top: -140px; + width: 300px; + min-height: 60px; + background-color: rgba(0, 0, 0, 0.7); + border-radius: 15px; + color: rgb(238, 238, 255); + text-align: center; + padding: 15px; + font-family: Lucida Console, Lucida Sans Typewriter, monaco, Bitstream Vera Sans Mono, monospace; + line-height: 25px; +} + +#Page_info_ext_arrow, #Bank_info_ext_arrow { + position: absolute; + left: 80px; + top: 90px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + + border-top: 15px solid rgba(0, 0, 0, 0.7); +} + +#Bank_info_ext { + top: -370px; + left: -245px; + width: 240px; + +} + +#Bank_info_ext_arrow { + left: 205px; + top: 319px; +} + +#Bank_info img { + margin: 10px; + width: 220px; +} + +#Qr_home { + position: fixed; + right: 0px; + display: block; + bottom: 0px; + padding: 5px; + display: block; + background-color: rgba(0, 0, 0, 0.9); + border-top-left-radius: 20px; +} + +#Qr_home img { + margin: 10px; + width: 150px; +} + + +#Qr_title { + color: rgb(238, 238, 255); + text-align: center; + margin-left: 10px; + font-family: Lucida Console, Lucida Sans Typewriter, monaco, Bitstream Vera Sans Mono, monospace; + line-height: 25px; + margin-top: 5px; +} + +html, body { + min-height: 100%; +} + + +/* +#name_font{ + font-family: 'Alfa Slab One', cursive; + font-style: italic; + text-align: center; + font-size: 80px; + color: rgb(252, 250, 255); + background-color: rgba(0, 0, 0, 0); + text-shadow: rgb(111, 97, 158) 5px 4px 0px; +} +*/ + + +#tittle_wapper{ + font-family: 'Alfa Slab One', cursive; + font-style: italic; + z-index: 1; + color: rgb(255, 255, 255); + background-color: rgba(0, 0, 0, 0); + text-align: center; + font-size: 80px; text-shadow:rgb(111, 97, 158) 5px 4px 0px; + overflow:hidden; + letter-spacing: .20em; + animation: typing 1s steps(20, end), blink-caret .65s step-end 4; + white-space: nowrap; + border-right: .1em solid transparent; + width:750px; +} + +@keyframes typing { + from { width: 0 } + to { width: 750px } +} + +@keyframes blink-caret { + from, to { border-color: orange } + 50% { border-color: transparent; } +} + + + +button { + width: 180px; + height: 40px; + cursor: pointer; + font-family: 'Alfa Slab One', cursive; + /*font-style: italic;*/ + + font-size: 20px; + /*font-weight: bold;*/ + color: black; + /*color: rgb(111, 97, 158);*/ + background: white; + border: 1.5px solid black; + border-color: rgb(111, 97, 158); + box-shadow: 4px 4px 0 #6f619e, + -4px -4px 0 #6f619e, + -4px 4px 0 #6f619e, + 4px -4px 0 #6f619e; + transition: 500ms ease-in-out; +} + +button:hover { + /*box-shadow: 20px 5px 0 black, -20px -5px 0 black;*/ + box-shadow: 20px 4px 0 #6f619e, -20px -4px 0 #6f619e; +} + +button:focus { + outline: none; +} diff --git a/img/blog.png b/img/blog.png new file mode 100755 index 0000000..b1f3c69 Binary files /dev/null and b/img/blog.png differ diff --git a/img/cropped-panorama_blog.jpg b/img/cropped-panorama_blog.jpg new file mode 100644 index 0000000..cc171f5 Binary files /dev/null and b/img/cropped-panorama_blog.jpg differ diff --git a/img/cropped-panorama_blog.jpg.bak b/img/cropped-panorama_blog.jpg.bak new file mode 100755 index 0000000..7476851 Binary files /dev/null and b/img/cropped-panorama_blog.jpg.bak differ diff --git a/img/finger.png b/img/finger.png new file mode 100755 index 0000000..ab549b6 Binary files /dev/null and b/img/finger.png differ diff --git a/img/fingers.png b/img/fingers.png new file mode 100755 index 0000000..496ca36 Binary files /dev/null and b/img/fingers.png differ diff --git a/img/martin_tittle.png b/img/martin_tittle.png new file mode 100644 index 0000000..d3e1ef3 Binary files /dev/null and b/img/martin_tittle.png differ diff --git a/img/phone.png b/img/phone.png new file mode 100755 index 0000000..5c45589 Binary files /dev/null and b/img/phone.png differ diff --git a/img/qr-code.png b/img/qr-code.png new file mode 100644 index 0000000..0bc6543 Binary files /dev/null and b/img/qr-code.png differ diff --git a/img/qr_bank.png b/img/qr_bank.png new file mode 100755 index 0000000..16f25df Binary files /dev/null and b/img/qr_bank.png differ diff --git a/img/qr_banka_mf.png b/img/qr_banka_mf.png new file mode 100644 index 0000000..4509c32 Binary files /dev/null and b/img/qr_banka_mf.png differ diff --git a/img/qr_home.png b/img/qr_home.png new file mode 100755 index 0000000..ae8ebe3 Binary files /dev/null and b/img/qr_home.png differ diff --git a/img/video.mp4 b/img/video.mp4 new file mode 100644 index 0000000..7de7adc Binary files /dev/null and b/img/video.mp4 differ diff --git a/index.php b/index.php new file mode 100755 index 0000000..8e773b3 --- /dev/null +++ b/index.php @@ -0,0 +1,24 @@ + +offline==NULL) { + //echo "//Conf is not connected//"; +} +else { + // echo "//Conf is connected//"; +} + + + +include './web_parts/header.php'; + //include './web_parts/loading.php'; + // | + /* --> */ include './web_parts/home.php'; + +include './web_parts/footer.php'; + +?> \ No newline at end of file diff --git a/klarkapodzim/index.css b/klarkapodzim/index.css new file mode 100644 index 0000000..a52cd96 --- /dev/null +++ b/klarkapodzim/index.css @@ -0,0 +1,22 @@ +.pixel-animation { + position: center; + animation: x 1s infinite; + -webkit-animation: x 1s infinite; + -moz-animation: x 1s infinite; + -o-animation: x 1s infinite; +} + +@keyframes x { +0%, 25%{ + box-shadow: 10px 10px 0 0 #607d8b, 20px 10px 0 0 #607d8b, 30px 10px 0 0 #607d8b, 40px 10px 0 0 #607d8b, 50px 10px 0 0 #ffffff, 60px 10px 0 0 #ffffff, 70px 10px 0 0 #607d8b, 80px 10px 0 0 #607d8b, 90px 10px 0 0 #607d8b, 100px 10px 0 0 #ffffff, 110px 10px 0 0 #ffffff, 120px 10px 0 0 #607d8b, 130px 10px 0 0 #607d8b, 140px 10px 0 0 #607d8b, 150px 10px 0 0 #607d8b, 160px 10px 0 0 #607d8b, 10px 20px 0 0 #303f46, 20px 20px 0 0 #303f46, 30px 20px 0 0 #303f46, 40px 20px 0 0 #303f46, 50px 20px 0 0 #303f46, 60px 20px 0 0 #000000, 70px 20px 0 0 #303f46, 80px 20px 0 0 #303f46, 90px 20px 0 0 #303f46, 100px 20px 0 0 #303f46, 110px 20px 0 0 #000000, 120px 20px 0 0 #303f46, 130px 20px 0 0 #303f46, 140px 20px 0 0 #303f46, 150px 20px 0 0 #303f46, 160px 20px 0 0 #303f46, 10px 30px 0 0 #303f46, 20px 30px 0 0 #303f46, 30px 30px 0 0 #303f46, 40px 30px 0 0 #303f46, 50px 30px 0 0 #000000, 60px 30px 0 0 #ffcdd2, 70px 30px 0 0 #000000, 80px 30px 0 0 #303f46, 90px 30px 0 0 #303f46, 100px 30px 0 0 #000000, 110px 30px 0 0 #ffcdd2, 120px 30px 0 0 #000000, 130px 30px 0 0 #303f46, 140px 30px 0 0 #303f46, 150px 30px 0 0 #303f46, 160px 30px 0 0 #303f46, 10px 40px 0 0 #303f46, 20px 40px 0 0 #303f46, 30px 40px 0 0 #303f46, 40px 40px 0 0 #303f46, 50px 40px 0 0 #000000, 60px 40px 0 0 #ffcdd2, 70px 40px 0 0 #ffcdd2, 80px 40px 0 0 #000000, 90px 40px 0 0 #000000, 100px 40px 0 0 #ffcdd2, 110px 40px 0 0 #ffcdd2, 120px 40px 0 0 #000000, 130px 40px 0 0 #303f46, 140px 40px 0 0 #303f46, 150px 40px 0 0 #303f46, 160px 40px 0 0 #303f46, 10px 50px 0 0 #303f46, 20px 50px 0 0 #303f46, 30px 50px 0 0 #303f46, 40px 50px 0 0 #303f46, 50px 50px 0 0 #000000, 60px 50px 0 0 #ffcdd2, 70px 50px 0 0 #9e9e9e, 80px 50px 0 0 #000000, 90px 50px 0 0 #000000, 100px 50px 0 0 #9e9e9e, 110px 50px 0 0 #ffcdd2, 120px 50px 0 0 #000000, 130px 50px 0 0 #303f46, 140px 50px 0 0 #303f46, 150px 50px 0 0 #303f46, 160px 50px 0 0 #303f46, 10px 60px 0 0 #303f46, 20px 60px 0 0 #303f46, 30px 60px 0 0 #303f46, 40px 60px 0 0 #303f46, 50px 60px 0 0 #000000, 60px 60px 0 0 #ffffff, 70px 60px 0 0 #ffffff, 80px 60px 0 0 #ff9800, 90px 60px 0 0 #ffffff, 100px 60px 0 0 #ffffff, 110px 60px 0 0 #ffffff, 120px 60px 0 0 #000000, 130px 60px 0 0 #303f46, 140px 60px 0 0 #303f46, 150px 60px 0 0 #303f46, 160px 60px 0 0 #303f46, 10px 70px 0 0 #303f46, 20px 70px 0 0 #303f46, 30px 70px 0 0 #303f46, 40px 70px 0 0 #303f46, 50px 70px 0 0 #ffffff, 60px 70px 0 0 #000000, 70px 70px 0 0 #ff9800, 80px 70px 0 0 #ffffff, 90px 70px 0 0 #000000, 100px 70px 0 0 #ffffff, 110px 70px 0 0 #ffffff, 120px 70px 0 0 #ff9800, 130px 70px 0 0 #303f46, 140px 70px 0 0 #303f46, 150px 70px 0 0 #303f46, 160px 70px 0 0 #303f46, 10px 80px 0 0 #303f46, 20px 80px 0 0 #303f46, 30px 80px 0 0 #303f46, 40px 80px 0 0 #303f46, 50px 80px 0 0 #ff9800, 60px 80px 0 0 #ffffff, 70px 80px 0 0 #000000, 80px 80px 0 0 #ffffff, 90px 80px 0 0 #ffffff, 100px 80px 0 0 #ffffff, 110px 80px 0 0 #ff9800, 120px 80px 0 0 #ffffff, 130px 80px 0 0 #303f46, 140px 80px 0 0 #303f46, 150px 80px 0 0 #303f46, 160px 80px 0 0 #303f46, 10px 90px 0 0 #303f46, 20px 90px 0 0 #303f46, 30px 90px 0 0 #303f46, 40px 90px 0 0 #303f46, 50px 90px 0 0 #ff9800, 60px 90px 0 0 #000000, 70px 90px 0 0 #000000, 80px 90px 0 0 #000000, 90px 90px 0 0 #000000, 100px 90px 0 0 #ff9800, 110px 90px 0 0 #ffffff, 120px 90px 0 0 #ffffff, 130px 90px 0 0 #303f46, 140px 90px 0 0 #303f46, 150px 90px 0 0 #303f46, 160px 90px 0 0 #303f46, 10px 100px 0 0 #303f46, 20px 100px 0 0 #303f46, 30px 100px 0 0 #303f46, 40px 100px 0 0 #303f46, 50px 100px 0 0 #303f46, 60px 100px 0 0 #ffffff, 70px 100px 0 0 #ffffff, 80px 100px 0 0 #ffffff, 90px 100px 0 0 #ffffff, 100px 100px 0 0 #ffffff, 110px 100px 0 0 #ffffff, 120px 100px 0 0 #303f46, 130px 100px 0 0 #303f46, 140px 100px 0 0 #303f46, 150px 100px 0 0 #303f46, 160px 100px 0 0 #303f46, 10px 110px 0 0 #303f46, 20px 110px 0 0 #303f46, 30px 110px 0 0 #303f46, 40px 110px 0 0 #303f46, 50px 110px 0 0 #303f46, 60px 110px 0 0 #303f46, 70px 110px 0 0 #000000, 80px 110px 0 0 #ffffff, 90px 110px 0 0 #ff9800, 100px 110px 0 0 #ffffff, 110px 110px 0 0 #303f46, 120px 110px 0 0 #303f46, 130px 110px 0 0 #000000, 140px 110px 0 0 #303f46, 150px 110px 0 0 #303f46, 160px 110px 0 0 #303f46, 10px 120px 0 0 #303f46, 20px 120px 0 0 #303f46, 30px 120px 0 0 #303f46, 40px 120px 0 0 #303f46, 50px 120px 0 0 #303f46, 60px 120px 0 0 #303f46, 70px 120px 0 0 #ffffff, 80px 120px 0 0 #000000, 90px 120px 0 0 #ffffff, 100px 120px 0 0 #ffffff, 110px 120px 0 0 #303f46, 120px 120px 0 0 #303f46, 130px 120px 0 0 #303f46, 140px 120px 0 0 #ff9800, 150px 120px 0 0 #303f46, 160px 120px 0 0 #303f46, 10px 130px 0 0 #8bc34a, 20px 130px 0 0 #8bc34a, 30px 130px 0 0 #8bc34a, 40px 130px 0 0 #8bc34a, 50px 130px 0 0 #8bc34a, 60px 130px 0 0 #ff9800, 70px 130px 0 0 #ffffff, 80px 130px 0 0 #ffffff, 90px 130px 0 0 #000000, 100px 130px 0 0 #ffffff, 110px 130px 0 0 #ff9800, 120px 130px 0 0 #8bc34a, 130px 130px 0 0 #8bc34a, 140px 130px 0 0 #ffffff, 150px 130px 0 0 #8bc34a, 160px 130px 0 0 #8bc34a, 10px 140px 0 0 #8bc34a, 20px 140px 0 0 #8bc34a, 30px 140px 0 0 #8bc34a, 40px 140px 0 0 #ffffff, 50px 140px 0 0 #ff9800, 60px 140px 0 0 #ffffff, 70px 140px 0 0 #ff9800, 80px 140px 0 0 #ffffff, 90px 140px 0 0 #ffffff, 100px 140px 0 0 #ff9800, 110px 140px 0 0 #ffffff, 120px 140px 0 0 #8bc34a, 130px 140px 0 0 #8bc34a, 140px 140px 0 0 #ff9800, 150px 140px 0 0 #8bc34a, 160px 140px 0 0 #8bc34a, 10px 150px 0 0 #8bc34a, 20px 150px 0 0 #8bc34a, 30px 150px 0 0 #8bc34a, 40px 150px 0 0 #ff9800, 50px 150px 0 0 #ffffff, 60px 150px 0 0 #ff9800, 70px 150px 0 0 #ffffff, 80px 150px 0 0 #ff9800, 90px 150px 0 0 #ffffff, 100px 150px 0 0 #ffffff, 110px 150px 0 0 #ff9800, 120px 150px 0 0 #8bc34a, 130px 150px 0 0 #ffffff, 140px 150px 0 0 #000000, 150px 150px 0 0 #8bc34a, 160px 150px 0 0 #8bc34a, 10px 160px 0 0 #8bc34a, 20px 160px 0 0 #8bc34a, 30px 160px 0 0 #000000, 40px 160px 0 0 #ffffff, 50px 160px 0 0 #ff9800, 60px 160px 0 0 #ffffff, 70px 160px 0 0 #ff9800, 80px 160px 0 0 #ffffff, 90px 160px 0 0 #ff9800, 100px 160px 0 0 #ffffff, 110px 160px 0 0 #000000, 120px 160px 0 0 #ff9800, 130px 160px 0 0 #ffffff, 140px 160px 0 0 #8bc34a, 150px 160px 0 0 #8bc34a, 160px 160px 0 0 #8bc34a;height: 10px; width: 10px; + } +25.01%, 50%{ + box-shadow: 10px 10px 0 0 #607d8b, 20px 10px 0 0 #607d8b, 30px 10px 0 0 #607d8b, 40px 10px 0 0 #607d8b, 50px 10px 0 0 #ffffff, 60px 10px 0 0 #ffffff, 70px 10px 0 0 #607d8b, 80px 10px 0 0 #607d8b, 90px 10px 0 0 #607d8b, 100px 10px 0 0 #ffffff, 110px 10px 0 0 #ffffff, 120px 10px 0 0 #607d8b, 130px 10px 0 0 #607d8b, 140px 10px 0 0 #607d8b, 150px 10px 0 0 #607d8b, 160px 10px 0 0 #607d8b, 10px 20px 0 0 #303f46, 20px 20px 0 0 #303f46, 30px 20px 0 0 #303f46, 40px 20px 0 0 #303f46, 50px 20px 0 0 #303f46, 60px 20px 0 0 #000000, 70px 20px 0 0 #303f46, 80px 20px 0 0 #303f46, 90px 20px 0 0 #303f46, 100px 20px 0 0 #303f46, 110px 20px 0 0 #000000, 120px 20px 0 0 #303f46, 130px 20px 0 0 #303f46, 140px 20px 0 0 #303f46, 150px 20px 0 0 #303f46, 160px 20px 0 0 #303f46, 10px 30px 0 0 #303f46, 20px 30px 0 0 #303f46, 30px 30px 0 0 #303f46, 40px 30px 0 0 #303f46, 50px 30px 0 0 #000000, 60px 30px 0 0 #ffcdd2, 70px 30px 0 0 #000000, 80px 30px 0 0 #303f46, 90px 30px 0 0 #303f46, 100px 30px 0 0 #000000, 110px 30px 0 0 #ffcdd2, 120px 30px 0 0 #000000, 130px 30px 0 0 #303f46, 140px 30px 0 0 #303f46, 150px 30px 0 0 #303f46, 160px 30px 0 0 #303f46, 10px 40px 0 0 #303f46, 20px 40px 0 0 #303f46, 30px 40px 0 0 #303f46, 40px 40px 0 0 #303f46, 50px 40px 0 0 #000000, 60px 40px 0 0 #ffcdd2, 70px 40px 0 0 #ffcdd2, 80px 40px 0 0 #000000, 90px 40px 0 0 #000000, 100px 40px 0 0 #ffcdd2, 110px 40px 0 0 #ffcdd2, 120px 40px 0 0 #000000, 130px 40px 0 0 #303f46, 140px 40px 0 0 #303f46, 150px 40px 0 0 #303f46, 160px 40px 0 0 #303f46, 10px 50px 0 0 #303f46, 20px 50px 0 0 #303f46, 30px 50px 0 0 #303f46, 40px 50px 0 0 #303f46, 50px 50px 0 0 #000000, 60px 50px 0 0 #ffcdd2, 70px 50px 0 0 #9e9e9e, 80px 50px 0 0 #000000, 90px 50px 0 0 #000000, 100px 50px 0 0 #9e9e9e, 110px 50px 0 0 #ffcdd2, 120px 50px 0 0 #000000, 130px 50px 0 0 #303f46, 140px 50px 0 0 #303f46, 150px 50px 0 0 #303f46, 160px 50px 0 0 #303f46, 10px 60px 0 0 #303f46, 20px 60px 0 0 #303f46, 30px 60px 0 0 #303f46, 40px 60px 0 0 #303f46, 50px 60px 0 0 #000000, 60px 60px 0 0 #ffffff, 70px 60px 0 0 #ffffff, 80px 60px 0 0 #ff9800, 90px 60px 0 0 #ffffff, 100px 60px 0 0 #ffffff, 110px 60px 0 0 #ffffff, 120px 60px 0 0 #000000, 130px 60px 0 0 #303f46, 140px 60px 0 0 #303f46, 150px 60px 0 0 #303f46, 160px 60px 0 0 #303f46, 10px 70px 0 0 #303f46, 20px 70px 0 0 #303f46, 30px 70px 0 0 #303f46, 40px 70px 0 0 #303f46, 50px 70px 0 0 #ffffff, 60px 70px 0 0 #000000, 70px 70px 0 0 #ff9800, 80px 70px 0 0 #ffffff, 90px 70px 0 0 #000000, 100px 70px 0 0 #ffffff, 110px 70px 0 0 #ffffff, 120px 70px 0 0 #ff9800, 130px 70px 0 0 #303f46, 140px 70px 0 0 #303f46, 150px 70px 0 0 #303f46, 160px 70px 0 0 #303f46, 10px 80px 0 0 #303f46, 20px 80px 0 0 #303f46, 30px 80px 0 0 #303f46, 40px 80px 0 0 #303f46, 50px 80px 0 0 #ff9800, 60px 80px 0 0 #ffffff, 70px 80px 0 0 #000000, 80px 80px 0 0 #ffffff, 90px 80px 0 0 #ffffff, 100px 80px 0 0 #ffffff, 110px 80px 0 0 #ff9800, 120px 80px 0 0 #ffffff, 130px 80px 0 0 #303f46, 140px 80px 0 0 #303f46, 150px 80px 0 0 #303f46, 160px 80px 0 0 #303f46, 10px 90px 0 0 #303f46, 20px 90px 0 0 #303f46, 30px 90px 0 0 #303f46, 40px 90px 0 0 #303f46, 50px 90px 0 0 #ff9800, 60px 90px 0 0 #000000, 70px 90px 0 0 #000000, 80px 90px 0 0 #000000, 90px 90px 0 0 #000000, 100px 90px 0 0 #ff9800, 110px 90px 0 0 #ffffff, 120px 90px 0 0 #ffffff, 130px 90px 0 0 #303f46, 140px 90px 0 0 #303f46, 150px 90px 0 0 #303f46, 160px 90px 0 0 #303f46, 10px 100px 0 0 #303f46, 20px 100px 0 0 #303f46, 30px 100px 0 0 #303f46, 40px 100px 0 0 #303f46, 50px 100px 0 0 #303f46, 60px 100px 0 0 #ffffff, 70px 100px 0 0 #ffffff, 80px 100px 0 0 #ff0000, 90px 100px 0 0 #ff0000, 100px 100px 0 0 #ffffff, 110px 100px 0 0 #ffffff, 120px 100px 0 0 #303f46, 130px 100px 0 0 #303f46, 140px 100px 0 0 #303f46, 150px 100px 0 0 #303f46, 160px 100px 0 0 #303f46, 10px 110px 0 0 #303f46, 20px 110px 0 0 #303f46, 30px 110px 0 0 #303f46, 40px 110px 0 0 #303f46, 50px 110px 0 0 #303f46, 60px 110px 0 0 #303f46, 70px 110px 0 0 #000000, 80px 110px 0 0 #ffffff, 90px 110px 0 0 #ff0000, 100px 110px 0 0 #ffffff, 110px 110px 0 0 #303f46, 120px 110px 0 0 #303f46, 130px 110px 0 0 #303f46, 140px 110px 0 0 #303f46, 150px 110px 0 0 #000000, 160px 110px 0 0 #303f46, 10px 120px 0 0 #303f46, 20px 120px 0 0 #303f46, 30px 120px 0 0 #303f46, 40px 120px 0 0 #303f46, 50px 120px 0 0 #303f46, 60px 120px 0 0 #303f46, 70px 120px 0 0 #ffffff, 80px 120px 0 0 #000000, 90px 120px 0 0 #ff0000, 100px 120px 0 0 #ffffff, 110px 120px 0 0 #303f46, 120px 120px 0 0 #303f46, 130px 120px 0 0 #303f46, 140px 120px 0 0 #ff9800, 150px 120px 0 0 #303f46, 160px 120px 0 0 #303f46, 10px 130px 0 0 #8bc34a, 20px 130px 0 0 #8bc34a, 30px 130px 0 0 #8bc34a, 40px 130px 0 0 #8bc34a, 50px 130px 0 0 #8bc34a, 60px 130px 0 0 #ff9800, 70px 130px 0 0 #ffffff, 80px 130px 0 0 #ffffff, 90px 130px 0 0 #ffffff, 100px 130px 0 0 #ffffff, 110px 130px 0 0 #ff9800, 120px 130px 0 0 #8bc34a, 130px 130px 0 0 #8bc34a, 140px 130px 0 0 #ffffff, 150px 130px 0 0 #8bc34a, 160px 130px 0 0 #8bc34a, 10px 140px 0 0 #8bc34a, 20px 140px 0 0 #8bc34a, 30px 140px 0 0 #8bc34a, 40px 140px 0 0 #ffffff, 50px 140px 0 0 #ff9800, 60px 140px 0 0 #ffffff, 70px 140px 0 0 #ff9800, 80px 140px 0 0 #ffffff, 90px 140px 0 0 #ffffff, 100px 140px 0 0 #ff9800, 110px 140px 0 0 #ffffff, 120px 140px 0 0 #8bc34a, 130px 140px 0 0 #8bc34a, 140px 140px 0 0 #ff9800, 150px 140px 0 0 #8bc34a, 160px 140px 0 0 #8bc34a, 10px 150px 0 0 #8bc34a, 20px 150px 0 0 #8bc34a, 30px 150px 0 0 #8bc34a, 40px 150px 0 0 #ff9800, 50px 150px 0 0 #ffffff, 60px 150px 0 0 #ff9800, 70px 150px 0 0 #ffffff, 80px 150px 0 0 #ff9800, 90px 150px 0 0 #ffffff, 100px 150px 0 0 #ffffff, 110px 150px 0 0 #ff9800, 120px 150px 0 0 #8bc34a, 130px 150px 0 0 #ffffff, 140px 150px 0 0 #000000, 150px 150px 0 0 #8bc34a, 160px 150px 0 0 #8bc34a, 10px 160px 0 0 #8bc34a, 20px 160px 0 0 #8bc34a, 30px 160px 0 0 #000000, 40px 160px 0 0 #ffffff, 50px 160px 0 0 #ff9800, 60px 160px 0 0 #ffffff, 70px 160px 0 0 #ff9800, 80px 160px 0 0 #ffffff, 90px 160px 0 0 #ff9800, 100px 160px 0 0 #ffffff, 110px 160px 0 0 #000000, 120px 160px 0 0 #ff9800, 130px 160px 0 0 #ffffff, 140px 160px 0 0 #8bc34a, 150px 160px 0 0 #8bc34a, 160px 160px 0 0 #8bc34a;height: 10px; width: 10px; + } +50.01%, 75%{ + box-shadow: 10px 10px 0 0 #607d8b, 20px 10px 0 0 #607d8b, 30px 10px 0 0 #607d8b, 40px 10px 0 0 #607d8b, 50px 10px 0 0 #ffffff, 60px 10px 0 0 #ffffff, 70px 10px 0 0 #607d8b, 80px 10px 0 0 #607d8b, 90px 10px 0 0 #607d8b, 100px 10px 0 0 #ffffff, 110px 10px 0 0 #ffffff, 120px 10px 0 0 #607d8b, 130px 10px 0 0 #607d8b, 140px 10px 0 0 #607d8b, 150px 10px 0 0 #607d8b, 160px 10px 0 0 #607d8b, 10px 20px 0 0 #303f46, 20px 20px 0 0 #303f46, 30px 20px 0 0 #303f46, 40px 20px 0 0 #303f46, 50px 20px 0 0 #303f46, 60px 20px 0 0 #000000, 70px 20px 0 0 #303f46, 80px 20px 0 0 #303f46, 90px 20px 0 0 #303f46, 100px 20px 0 0 #303f46, 110px 20px 0 0 #000000, 120px 20px 0 0 #303f46, 130px 20px 0 0 #303f46, 140px 20px 0 0 #303f46, 150px 20px 0 0 #303f46, 160px 20px 0 0 #303f46, 10px 30px 0 0 #303f46, 20px 30px 0 0 #303f46, 30px 30px 0 0 #303f46, 40px 30px 0 0 #303f46, 50px 30px 0 0 #000000, 60px 30px 0 0 #ffcdd2, 70px 30px 0 0 #000000, 80px 30px 0 0 #303f46, 90px 30px 0 0 #303f46, 100px 30px 0 0 #000000, 110px 30px 0 0 #ffcdd2, 120px 30px 0 0 #000000, 130px 30px 0 0 #303f46, 140px 30px 0 0 #303f46, 150px 30px 0 0 #303f46, 160px 30px 0 0 #303f46, 10px 40px 0 0 #303f46, 20px 40px 0 0 #303f46, 30px 40px 0 0 #303f46, 40px 40px 0 0 #303f46, 50px 40px 0 0 #000000, 60px 40px 0 0 #ffcdd2, 70px 40px 0 0 #ffcdd2, 80px 40px 0 0 #000000, 90px 40px 0 0 #000000, 100px 40px 0 0 #ffcdd2, 110px 40px 0 0 #ffcdd2, 120px 40px 0 0 #000000, 130px 40px 0 0 #303f46, 140px 40px 0 0 #303f46, 150px 40px 0 0 #303f46, 160px 40px 0 0 #303f46, 10px 50px 0 0 #303f46, 20px 50px 0 0 #303f46, 30px 50px 0 0 #303f46, 40px 50px 0 0 #303f46, 50px 50px 0 0 #000000, 60px 50px 0 0 #ffcdd2, 70px 50px 0 0 #9e9e9e, 80px 50px 0 0 #000000, 90px 50px 0 0 #000000, 100px 50px 0 0 #9e9e9e, 110px 50px 0 0 #ffcdd2, 120px 50px 0 0 #000000, 130px 50px 0 0 #303f46, 140px 50px 0 0 #303f46, 150px 50px 0 0 #303f46, 160px 50px 0 0 #303f46, 10px 60px 0 0 #303f46, 20px 60px 0 0 #303f46, 30px 60px 0 0 #303f46, 40px 60px 0 0 #303f46, 50px 60px 0 0 #000000, 60px 60px 0 0 #ffffff, 70px 60px 0 0 #ffffff, 80px 60px 0 0 #ff9800, 90px 60px 0 0 #ffffff, 100px 60px 0 0 #ffffff, 110px 60px 0 0 #ffffff, 120px 60px 0 0 #000000, 130px 60px 0 0 #303f46, 140px 60px 0 0 #303f46, 150px 60px 0 0 #303f46, 160px 60px 0 0 #303f46, 10px 70px 0 0 #303f46, 20px 70px 0 0 #303f46, 30px 70px 0 0 #303f46, 40px 70px 0 0 #303f46, 50px 70px 0 0 #ffffff, 60px 70px 0 0 #000000, 70px 70px 0 0 #ff9800, 80px 70px 0 0 #ffffff, 90px 70px 0 0 #000000, 100px 70px 0 0 #ffffff, 110px 70px 0 0 #ffffff, 120px 70px 0 0 #ff9800, 130px 70px 0 0 #303f46, 140px 70px 0 0 #303f46, 150px 70px 0 0 #303f46, 160px 70px 0 0 #303f46, 10px 80px 0 0 #303f46, 20px 80px 0 0 #303f46, 30px 80px 0 0 #303f46, 40px 80px 0 0 #303f46, 50px 80px 0 0 #ff9800, 60px 80px 0 0 #ffffff, 70px 80px 0 0 #000000, 80px 80px 0 0 #ffffff, 90px 80px 0 0 #ffffff, 100px 80px 0 0 #ffffff, 110px 80px 0 0 #ff9800, 120px 80px 0 0 #ffffff, 130px 80px 0 0 #303f46, 140px 80px 0 0 #303f46, 150px 80px 0 0 #303f46, 160px 80px 0 0 #303f46, 10px 90px 0 0 #303f46, 20px 90px 0 0 #303f46, 30px 90px 0 0 #303f46, 40px 90px 0 0 #303f46, 50px 90px 0 0 #ff9800, 60px 90px 0 0 #000000, 70px 90px 0 0 #000000, 80px 90px 0 0 #000000, 90px 90px 0 0 #000000, 100px 90px 0 0 #ff9800, 110px 90px 0 0 #ffffff, 120px 90px 0 0 #ffffff, 130px 90px 0 0 #303f46, 140px 90px 0 0 #303f46, 150px 90px 0 0 #303f46, 160px 90px 0 0 #303f46, 10px 100px 0 0 #303f46, 20px 100px 0 0 #303f46, 30px 100px 0 0 #303f46, 40px 100px 0 0 #303f46, 50px 100px 0 0 #303f46, 60px 100px 0 0 #ffffff, 70px 100px 0 0 #ffffff, 80px 100px 0 0 #ff0000, 90px 100px 0 0 #ff0000, 100px 100px 0 0 #ffffff, 110px 100px 0 0 #ffffff, 120px 100px 0 0 #303f46, 130px 100px 0 0 #303f46, 140px 100px 0 0 #303f46, 150px 100px 0 0 #303f46, 160px 100px 0 0 #303f46, 10px 110px 0 0 #303f46, 20px 110px 0 0 #303f46, 30px 110px 0 0 #303f46, 40px 110px 0 0 #303f46, 50px 110px 0 0 #303f46, 60px 110px 0 0 #303f46, 70px 110px 0 0 #000000, 80px 110px 0 0 #ffffff, 90px 110px 0 0 #ff0000, 100px 110px 0 0 #ffffff, 110px 110px 0 0 #303f46, 120px 110px 0 0 #303f46, 130px 110px 0 0 #000000, 140px 110px 0 0 #303f46, 150px 110px 0 0 #303f46, 160px 110px 0 0 #303f46, 10px 120px 0 0 #303f46, 20px 120px 0 0 #303f46, 30px 120px 0 0 #303f46, 40px 120px 0 0 #303f46, 50px 120px 0 0 #303f46, 60px 120px 0 0 #303f46, 70px 120px 0 0 #ffffff, 80px 120px 0 0 #000000, 90px 120px 0 0 #ff0000, 100px 120px 0 0 #ffffff, 110px 120px 0 0 #303f46, 120px 120px 0 0 #303f46, 130px 120px 0 0 #303f46, 140px 120px 0 0 #ff9800, 150px 120px 0 0 #303f46, 160px 120px 0 0 #303f46, 10px 130px 0 0 #8bc34a, 20px 130px 0 0 #8bc34a, 30px 130px 0 0 #8bc34a, 40px 130px 0 0 #8bc34a, 50px 130px 0 0 #8bc34a, 60px 130px 0 0 #ff9800, 70px 130px 0 0 #ffffff, 80px 130px 0 0 #ffffff, 90px 130px 0 0 #ffffff, 100px 130px 0 0 #ff0000, 110px 130px 0 0 #ff9800, 120px 130px 0 0 #8bc34a, 130px 130px 0 0 #8bc34a, 140px 130px 0 0 #ffffff, 150px 130px 0 0 #8bc34a, 160px 130px 0 0 #8bc34a, 10px 140px 0 0 #8bc34a, 20px 140px 0 0 #8bc34a, 30px 140px 0 0 #8bc34a, 40px 140px 0 0 #ffffff, 50px 140px 0 0 #ff9800, 60px 140px 0 0 #ffffff, 70px 140px 0 0 #ff9800, 80px 140px 0 0 #ffffff, 90px 140px 0 0 #ffffff, 100px 140px 0 0 #ff0000, 110px 140px 0 0 #ffffff, 120px 140px 0 0 #8bc34a, 130px 140px 0 0 #8bc34a, 140px 140px 0 0 #ff9800, 150px 140px 0 0 #8bc34a, 160px 140px 0 0 #8bc34a, 10px 150px 0 0 #8bc34a, 20px 150px 0 0 #8bc34a, 30px 150px 0 0 #8bc34a, 40px 150px 0 0 #ff9800, 50px 150px 0 0 #ffffff, 60px 150px 0 0 #ff9800, 70px 150px 0 0 #ffffff, 80px 150px 0 0 #ff9800, 90px 150px 0 0 #ffffff, 100px 150px 0 0 #ff0000, 110px 150px 0 0 #ff9800, 120px 150px 0 0 #8bc34a, 130px 150px 0 0 #ffffff, 140px 150px 0 0 #000000, 150px 150px 0 0 #8bc34a, 160px 150px 0 0 #8bc34a, 10px 160px 0 0 #8bc34a, 20px 160px 0 0 #8bc34a, 30px 160px 0 0 #000000, 40px 160px 0 0 #ffffff, 50px 160px 0 0 #ff9800, 60px 160px 0 0 #ffffff, 70px 160px 0 0 #ff9800, 80px 160px 0 0 #ffffff, 90px 160px 0 0 #ff9800, 100px 160px 0 0 #ffffff, 110px 160px 0 0 #000000, 120px 160px 0 0 #ff9800, 130px 160px 0 0 #ffffff, 140px 160px 0 0 #8bc34a, 150px 160px 0 0 #8bc34a, 160px 160px 0 0 #8bc34a;height: 10px; width: 10px; + } +75.01%, 100%{ + box-shadow: 10px 10px 0 0 #607d8b, 20px 10px 0 0 #607d8b, 30px 10px 0 0 #607d8b, 40px 10px 0 0 #607d8b, 50px 10px 0 0 #ffffff, 60px 10px 0 0 #ffffff, 70px 10px 0 0 #607d8b, 80px 10px 0 0 #607d8b, 90px 10px 0 0 #607d8b, 100px 10px 0 0 #ffffff, 110px 10px 0 0 #ffffff, 120px 10px 0 0 #607d8b, 130px 10px 0 0 #607d8b, 140px 10px 0 0 #607d8b, 150px 10px 0 0 #607d8b, 160px 10px 0 0 #607d8b, 10px 20px 0 0 #303f46, 20px 20px 0 0 #303f46, 30px 20px 0 0 #303f46, 40px 20px 0 0 #303f46, 50px 20px 0 0 #303f46, 60px 20px 0 0 #000000, 70px 20px 0 0 #303f46, 80px 20px 0 0 #303f46, 90px 20px 0 0 #303f46, 100px 20px 0 0 #303f46, 110px 20px 0 0 #000000, 120px 20px 0 0 #303f46, 130px 20px 0 0 #303f46, 140px 20px 0 0 #303f46, 150px 20px 0 0 #303f46, 160px 20px 0 0 #303f46, 10px 30px 0 0 #303f46, 20px 30px 0 0 #303f46, 30px 30px 0 0 #303f46, 40px 30px 0 0 #303f46, 50px 30px 0 0 #000000, 60px 30px 0 0 #ffcdd2, 70px 30px 0 0 #000000, 80px 30px 0 0 #303f46, 90px 30px 0 0 #303f46, 100px 30px 0 0 #ffeb3b, 110px 30px 0 0 #ffcdd2, 120px 30px 0 0 #000000, 130px 30px 0 0 #303f46, 140px 30px 0 0 #303f46, 150px 30px 0 0 #303f46, 160px 30px 0 0 #303f46, 10px 40px 0 0 #303f46, 20px 40px 0 0 #303f46, 30px 40px 0 0 #303f46, 40px 40px 0 0 #303f46, 50px 40px 0 0 #000000, 60px 40px 0 0 #ffcdd2, 70px 40px 0 0 #ffcdd2, 80px 40px 0 0 #ffeb3b, 90px 40px 0 0 #000000, 100px 40px 0 0 #ffcdd2, 110px 40px 0 0 #ffcdd2, 120px 40px 0 0 #000000, 130px 40px 0 0 #303f46, 140px 40px 0 0 #303f46, 150px 40px 0 0 #303f46, 160px 40px 0 0 #303f46, 10px 50px 0 0 #303f46, 20px 50px 0 0 #303f46, 30px 50px 0 0 #303f46, 40px 50px 0 0 #303f46, 50px 50px 0 0 #ffeb3b, 60px 50px 0 0 #ffcdd2, 70px 50px 0 0 #9e9e9e, 80px 50px 0 0 #ffeb3b, 90px 50px 0 0 #000000, 100px 50px 0 0 #9e9e9e, 110px 50px 0 0 #ffcdd2, 120px 50px 0 0 #000000, 130px 50px 0 0 #303f46, 140px 50px 0 0 #303f46, 150px 50px 0 0 #303f46, 160px 50px 0 0 #303f46, 10px 60px 0 0 #303f46, 20px 60px 0 0 #303f46, 30px 60px 0 0 #303f46, 40px 60px 0 0 #ffeb3b, 50px 60px 0 0 #000000, 60px 60px 0 0 #ffffff, 70px 60px 0 0 #ffffff, 80px 60px 0 0 #ff9800, 90px 60px 0 0 #ffeb3b, 100px 60px 0 0 #ffeb3b, 110px 60px 0 0 #ffffff, 120px 60px 0 0 #000000, 130px 60px 0 0 #303f46, 140px 60px 0 0 #303f46, 150px 60px 0 0 #303f46, 160px 60px 0 0 #303f46, 10px 70px 0 0 #303f46, 20px 70px 0 0 #ffeb3b, 30px 70px 0 0 #ffeb3b, 40px 70px 0 0 #ffeb3b, 50px 70px 0 0 #ffeb3b, 60px 70px 0 0 #ffeb3b, 70px 70px 0 0 #ffeb3b, 80px 70px 0 0 #ffeb3b, 90px 70px 0 0 #ffeb3b, 100px 70px 0 0 #ffeb3b, 110px 70px 0 0 #ffeb3b, 120px 70px 0 0 #ffeb3b, 130px 70px 0 0 #ffeb3b, 140px 70px 0 0 #ffeb3b, 150px 70px 0 0 #303f46, 160px 70px 0 0 #303f46, 10px 80px 0 0 #303f46, 20px 80px 0 0 #ffeb3b, 30px 80px 0 0 #303f46, 40px 80px 0 0 #ffeb3b, 50px 80px 0 0 #ffeb3b, 60px 80px 0 0 #ffeb3b, 70px 80px 0 0 #ffeb3b, 80px 80px 0 0 #ffeb3b, 90px 80px 0 0 #ffeb3b, 100px 80px 0 0 #ffffff, 110px 80px 0 0 #ff9800, 120px 80px 0 0 #ffffff, 130px 80px 0 0 #303f46, 140px 80px 0 0 #ffeb3b, 150px 80px 0 0 #303f46, 160px 80px 0 0 #303f46, 10px 90px 0 0 #303f46, 20px 90px 0 0 #303f46, 30px 90px 0 0 #303f46, 40px 90px 0 0 #303f46, 50px 90px 0 0 #ff9800, 60px 90px 0 0 #000000, 70px 90px 0 0 #000000, 80px 90px 0 0 #ffeb3b, 90px 90px 0 0 #000000, 100px 90px 0 0 #ff9800, 110px 90px 0 0 #ffffff, 120px 90px 0 0 #ffffff, 130px 90px 0 0 #303f46, 140px 90px 0 0 #ffeb3b, 150px 90px 0 0 #303f46, 160px 90px 0 0 #303f46, 10px 100px 0 0 #303f46, 20px 100px 0 0 #303f46, 30px 100px 0 0 #ffeb3b, 40px 100px 0 0 #303f46, 50px 100px 0 0 #303f46, 60px 100px 0 0 #ffffff, 70px 100px 0 0 #ffffff, 80px 100px 0 0 #ff0000, 90px 100px 0 0 #ff0000, 100px 100px 0 0 #ffffff, 110px 100px 0 0 #ffffff, 120px 100px 0 0 #303f46, 130px 100px 0 0 #303f46, 140px 100px 0 0 #303f46, 150px 100px 0 0 #303f46, 160px 100px 0 0 #303f46, 10px 110px 0 0 #303f46, 20px 110px 0 0 #303f46, 30px 110px 0 0 #303f46, 40px 110px 0 0 #303f46, 50px 110px 0 0 #303f46, 60px 110px 0 0 #303f46, 70px 110px 0 0 #000000, 80px 110px 0 0 #ffffff, 90px 110px 0 0 #ff0000, 100px 110px 0 0 #ffffff, 110px 110px 0 0 #303f46, 120px 110px 0 0 #303f46, 130px 110px 0 0 #000000, 140px 110px 0 0 #303f46, 150px 110px 0 0 #303f46, 160px 110px 0 0 #303f46, 10px 120px 0 0 #303f46, 20px 120px 0 0 #303f46, 30px 120px 0 0 #303f46, 40px 120px 0 0 #303f46, 50px 120px 0 0 #303f46, 60px 120px 0 0 #303f46, 70px 120px 0 0 #ffffff, 80px 120px 0 0 #000000, 90px 120px 0 0 #ff0000, 100px 120px 0 0 #ffffff, 110px 120px 0 0 #303f46, 120px 120px 0 0 #303f46, 130px 120px 0 0 #303f46, 140px 120px 0 0 #ff9800, 150px 120px 0 0 #303f46, 160px 120px 0 0 #303f46, 10px 130px 0 0 #8bc34a, 20px 130px 0 0 #8bc34a, 30px 130px 0 0 #8bc34a, 40px 130px 0 0 #8bc34a, 50px 130px 0 0 #8bc34a, 60px 130px 0 0 #ff9800, 70px 130px 0 0 #ffffff, 80px 130px 0 0 #ffffff, 90px 130px 0 0 #ffffff, 100px 130px 0 0 #ff0000, 110px 130px 0 0 #ff9800, 120px 130px 0 0 #8bc34a, 130px 130px 0 0 #8bc34a, 140px 130px 0 0 #ffffff, 150px 130px 0 0 #8bc34a, 160px 130px 0 0 #8bc34a, 10px 140px 0 0 #8bc34a, 20px 140px 0 0 #8bc34a, 30px 140px 0 0 #8bc34a, 40px 140px 0 0 #ffffff, 50px 140px 0 0 #ff9800, 60px 140px 0 0 #ffffff, 70px 140px 0 0 #ff9800, 80px 140px 0 0 #ffffff, 90px 140px 0 0 #ffffff, 100px 140px 0 0 #ff0000, 110px 140px 0 0 #ffffff, 120px 140px 0 0 #8bc34a, 130px 140px 0 0 #8bc34a, 140px 140px 0 0 #ff9800, 150px 140px 0 0 #8bc34a, 160px 140px 0 0 #8bc34a, 10px 150px 0 0 #8bc34a, 20px 150px 0 0 #8bc34a, 30px 150px 0 0 #8bc34a, 40px 150px 0 0 #ff9800, 50px 150px 0 0 #ffffff, 60px 150px 0 0 #ff9800, 70px 150px 0 0 #ffffff, 80px 150px 0 0 #ff9800, 90px 150px 0 0 #ffffff, 100px 150px 0 0 #ff0000, 110px 150px 0 0 #ff9800, 120px 150px 0 0 #8bc34a, 130px 150px 0 0 #ffffff, 140px 150px 0 0 #000000, 150px 150px 0 0 #8bc34a, 160px 150px 0 0 #8bc34a, 10px 160px 0 0 #8bc34a, 20px 160px 0 0 #8bc34a, 30px 160px 0 0 #000000, 40px 160px 0 0 #ffffff, 50px 160px 0 0 #ff9800, 60px 160px 0 0 #ffffff, 70px 160px 0 0 #ff9800, 80px 160px 0 0 #ffffff, 90px 160px 0 0 #ff9800, 100px 160px 0 0 #ffffff, 110px 160px 0 0 #000000, 120px 160px 0 0 #ff9800, 130px 160px 0 0 #ffffff, 140px 160px 0 0 #8bc34a, 150px 160px 0 0 #8bc34a, 160px 160px 0 0 #8bc34a;height: 10px; width: 10px; + } +} diff --git a/klarkapodzim/index.html b/klarkapodzim/index.html new file mode 100644 index 0000000..1c8b908 --- /dev/null +++ b/klarkapodzim/index.html @@ -0,0 +1,42 @@ + + +
+

+ +

takže bych to viděl někdy na podzim

+ +

+
+ +

+

+

diff --git a/testpage2.php b/testpage2.php new file mode 100644 index 0000000..728d320 --- /dev/null +++ b/testpage2.php @@ -0,0 +1,124 @@ + + + + + + + + + + + + + + +
+ Date from: + + + +
+ + + +_getCarsIDPosition($kodf, $username, $pass, $carid_list); + +$return2 = $client->_getCarConsumption($kodf, $username, $pass, $carid_list, $DateStart, $DateEnd); + + + + +#print_r($return); + + +$idcar= $return->item->cd; +$zs= $return->item->Zs; +$zd= $return->item->Zd; +$ln= $return->item->LN; +$km= $return->item->Km; +$palivo= $return->item->Fl; +$usedfuel= $return->item->usedfuel; +$altitude= $return->item->altitude; + + + + +$distkm= $return2->item->Dist_km; + + + + +echo "Západní šířka: $zs
"; +echo "Západní délka: $zd
"; +echo "Adresa: $ln
"; +echo "Najeto: $km Km
"; +#echo "Spotřebované palivo: $usedfuel
"; +echo "Nadmořská výška: $altitude m
"; +echo "Paliva: $palivo l
"; +echo "Dnes najeto: $distkm Km
"; + + +#echo "Link"; + + + + +#echo ""; + + +echo ""; + + + +echo ""; + +echo "link"; + +echo "
"; + +?> + + + + + diff --git a/ujak.jpg b/ujak.jpg new file mode 100755 index 0000000..1c30052 Binary files /dev/null and b/ujak.jpg differ diff --git a/vhost.conf b/vhost.conf new file mode 100644 index 0000000..3402f3f --- /dev/null +++ b/vhost.conf @@ -0,0 +1,17 @@ +# File: .docker/apache/vhost.conf +LoadModule headers_module /usr/lib/apache2/modules/mod_headers.so + + + ServerName localhost + DocumentRoot /app + + + Options Indexes FollowSymLinks Includes execCGI + AllowOverride All + Require all granted + allow from all + + + ErrorLog ${APACHE_LOG_DIR}/error.log + CustomLog ${APACHE_LOG_DIR}/access.log combined + diff --git a/web_parts/footer.php b/web_parts/footer.php new file mode 100755 index 0000000..3be87f9 --- /dev/null +++ b/web_parts/footer.php @@ -0,0 +1,83 @@ +
+
+
+ 8 Bit music, Pumped Up Kicks | Centuries | All Star +
+
+
    +
  • + +
    • +
  • + +
    • +
+
+
+
+ + + + diff --git a/web_parts/header.php b/web_parts/header.php new file mode 100755 index 0000000..1bfc861 --- /dev/null +++ b/web_parts/header.php @@ -0,0 +1,12 @@ + + + + + + + + +<?php echo $global->title; ?> + + + diff --git a/web_parts/home.php b/web_parts/home.php new file mode 100755 index 0000000..13d8b6c --- /dev/null +++ b/web_parts/home.php @@ -0,0 +1,167 @@ + + + + + + + + + +
+

 

+

 

+
+ + +
Martin Fencl
+
+ + + + + + + social_buttons);$i++) + { + if($global->social_buttons[$i][0]=="FAwesome") + { + echo ''; + } + else + { + echo ''; + } + + } + + + ?> + + + + + + + +
'; + + if($global->social_buttons[$i][2]!="") + echo ''; + + echo '
'; + + if($global->social_buttons[$i][2]!="") + echo ''; + + echo '		 + +
+
+ phone_list);$i++) + { + echo "Mob. telefon: " . $global->phone_list[$i] ."
"; + } + + ?> +
click to copy
+ +
+
+
+ 		+ +
+
+ 107-9266680227/0100 + Bank Account +
click to copy
+
+
+
+
+ +
+ +

 

+

 

+

 

+

 

+

 

+

 

+

 

+

 

+

 

+

 

+

 

+

 

+

 

+ + + +
+
+ + +
+
+ Litewallet +
+ Litewallet +
+
+ + +