This commit is contained in:
howard
2023-04-06 10:13:21 +02:00
commit 132b735d79
35 changed files with 2328 additions and 0 deletions

8
.idea/.gitignore generated vendored Normal file
View File

@@ -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

18
Dockerfile Normal file
View File

@@ -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

21
about_me/LICENSE Normal file
View File

@@ -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.

65
about_me/README.md Normal file
View File

@@ -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 <kbd>⌘</kbd> + <kbd>p</kbd>. 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)

BIN
about_me/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

166
about_me/index.html Normal file
View File

@@ -0,0 +1,166 @@
<!doctype html>
<html>
<head>
<meta charset=utf-8 />
<title> Martin Fencl's CV | CV</title>
<link href="media/kjhealy-screen.css" type="text/css" rel="stylesheet" media="screen">
<link href="media/kjhealy-print.css" type="text/css" rel="stylesheet" media="print">
</head>
<body>
<div id="main">
<div id="content">
<h1 id="martin-fencl">Martin Fencl</h1>
<p>Software test developer, Python engineer, HW tester.</p>
<div id="webaddress">
<a href="martin@martinfencl.eu">martin@martinfencl.eu</a>
| <a href="https://www.linkedin.com/in/martin-fencl-6a9795189/">My linkedin page</a>
</div>
<div style="position:absolute;top: 15px; left:960px;">
<p align="center">
<img src="https://media-exp1.licdn.com/dms/image/C4D03AQHf42s9PdItiQ/profile-displayphoto-shrink_800_800/0/1649094514688?e=2147483647&amp;v=beta&amp;t=dzRGhT5vQ_64piZjueEWZvFbEpyOczqQ6bkrHRQvDWs" width="200" height="200" />
</p>
</div>
<p><br /></p>
<p> 
 </p>
<p><br /></p>
<p> 
 </p>
<p><br /></p>
<h2 id="currently">Currently</h2>
<p><strong>I work as a freelancer and Im searching for interesting projects that I would enjoy.</strong></p>
<h3 id="interest-in">Interest in</h3>
<ul>
<li>Robotics <br />
autonomous projects <br />
DYI projects (modeling drones, aircraft …) <br />
automation (home security system, DYI projects) <br /></li>
<li>Linux-based systems (preferring debian)</li>
<li>Dockerizing <br />
docker, docker-compose <br />
kubernetes <br /></li>
<li>Cryptography (YubiKey) <br />
OATH HOTP <br />
OATH TOTP <br />
FIDO U2F, FIDO2 (WebAuthn)<br /></li>
</ul>
<h2 id="education">Education</h2>
<p><code class="language-plaintext highlighter-rouge">2008-2012</code>
<strong>Completion of the study program in the field of Electronics Mechanics</strong></p>
<ul>
<li>High School of Electrical Engineering, Hluboká nad Vltavou (Czechia)</li>
<li>Level EQF 4</li>
</ul>
<p><code class="language-plaintext highlighter-rouge">2013-2018</code>
<strong>Completion of the study program in the field of Applied Electrical Engineering</strong></p>
<ul>
<li>University of West Bohemia, Faculty of Electrical Engineering, Pilsen (Czechia)</li>
<li>Level EQF 6</li>
</ul>
<p><code class="language-plaintext highlighter-rouge">2018-2020</code>
<strong>Completion of the study program in the field of commercial electrical engineering</strong></p>
<ul>
<li>University of West Bohemia, Faculty of Electrical Engineering, Pilsen (Czechia)</li>
<li>Level EQF 7</li>
</ul>
<h2 id="work-experience">Work Experience</h2>
<p><code class="language-plaintext highlighter-rouge">2013-2013</code>
<strong>IT service worker / support</strong></p>
<ul>
<li><em>Karel Peisker</em>, Budweis (Czechia)</li>
<li>Network service, user interface security</li>
</ul>
<p><code class="language-plaintext highlighter-rouge">2016-2017</code>
<strong>Development programmer - development department (internship)</strong></p>
<ul>
<li><em>Robert Bosch, spol. s.r.o.</em>, Budweis (Czechia)</li>
<li>Programming of laboratory instruments</li>
<li>Development department assistance</li>
</ul>
<p><em>technologies / tools used:</em> <br />
LabView <br />
Python <br /></p>
<p><code class="language-plaintext highlighter-rouge">2017-2020</code>
<strong>Development programmer - technology department (internship)</strong></p>
<ul>
<li><em>Robert Bosch, spol. s.r.o.</em>, Budweis (Czechia)</li>
<li>Programming of laboratory measuring devices</li>
<li>Testing of laboratory equipment, proposal for improvement and calibration</li>
<li>Analysis and work with data</li>
</ul>
<p><em>technologies / tools used:</em> <br />
Git <br />
LabVIEW <br />
Python <br />
Visual Basic for Applications (VBA) <br />
Structured Text (ST) <br />
3D printing (SLA, DMLS) <br />
Measuring and analysis technology <br /></p>
<p><code class="language-plaintext highlighter-rouge">2017-2020</code>
<strong>Software test engineer DITET5 (Schweinfurth team for EMF projects)</strong></p>
<ul>
<li><em>ZF Engineering Pilsen, spol. s.r.o.</em>, Pilsen (Czechia)</li>
<li>Testing of hybrid automotive units (8P4G project)</li>
<li>Creating automation tests, regression tests</li>
<li>Manual testing of internal software (EMF)</li>
<li>Problem analysis, consulting of status SW</li>
</ul>
<p><em>technologies / tools used:</em> <br />
Dspace SCALEXIO (rapid control prototyping (RCP) applications) <br />
Exam (test extension/orchestrator) <br />
Python <br /></p>
<p><code class="language-plaintext highlighter-rouge">2020-</code>
<strong>Software test developer</strong></p>
<ul>
<li><em>W.A.G. payment solutions, a.s., Princip, a.s.</em>, Prague (Czechia)</li>
<li>Creating, develop and maintain software unit project for testing (SwMU)</li>
<li>Modified existing software to detect and correct errors, improve performance, and upgrade interfaces (cooperating with sw-team)</li>
<li>Prepared reports on specifications and activities for each project.</li>
<li>Designed web applications (interface for support SwMU project)</li>
</ul>
<p><em>technologies / tools used:</em> <br />
Apache Kafka (event streaming platform) <br />
Python <br />
Git <br />
Flask, Flask-RestAPI <br />
Django <br />
Docker, Docker-compose <br />
Helm, Skaffold <br />
Kubernetes (and local minikube) <br /></p>
<div style="position:static;bottom: 0px; left:0px;">
<button onclick="history.back()">Go Back</button>
</div>
<!-- ### Footer
Last updated: May 2013 -->
</div>
</div>
</body>
</html>

View File

@@ -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;
}

View File

@@ -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...
}*/

View File

@@ -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;
}

View File

@@ -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...
}*/

17
conf/site.conf Normal file
View File

@@ -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;
}
}

43
config/global_config.php Executable file
View File

@@ -0,0 +1,43 @@
<?php
class Global_conf {
public $offline = '1';
public $title = "Martin Fencl";
public $author = "Martin Fencl";
public $Facebook_link = "http://facebook.com";
public $Twitter_link = "http://twitter.com";
public $GooglePlus_link = "http://google.com";
public $Instagram_link = "http://instagram.com";
public $Pinterest_link = "http://pinterest.com";
public $Email_link = "mailto:";
public $phone_list = array("+420 608 448 184");
public $social_buttons = array(
array("FAwesome","facebookBtn", "https://www.facebook.com/fencl.martin"),
array("FAwesome","twitterBtn", "https://twitter.com/howard56765707"),
// array("FAwesome","googleplusBtn", "https://plus.google.com/109580475645561156741/posts"),
//array("FAwesome","blogBtn", "https://instagram.com/zacekjakub/"),
//array("FAwesome","instagramBtn", "https://www.instagram.com/zinhoward/"),
//array("FAwesome","pinterestBtn", "https://www.pinterest.com/zacekjakub/"),
array("FAwesome","githubBtn", "https://github.com/Howardzi-nn"),
array("FAwesome","linkedinBtn", "https://www.linkedin.com/in/martin-fencl-6a9795189"),
//array("FAwesome","foursquareBtn", "https://foursquare.com/zacekjakub"),
array("FAwesome","mailBtn", "mailto:martin@martinfencl.eu"),
//array("FAwesome", "telegramBtn", "https://t.me/zacekjakub"),
//array("Blog","blog.png", "https://blog.zacekj.cz"),
//array("FAwesome","gravBtn", "https://blog.zacekj.cz"),
//array("FAwesome", "lockBtn", "https://zacekj.cz/zacek.pub.asc"),
//array("FAwesome", "publicKeyBtn", "https://zacekj.cz/id_rsa.pub"),
//array("FAwesome","phoneBtn","a"),
);
}
?>

41
config/global_config.php.bak Executable file
View File

@@ -0,0 +1,41 @@
<?php
class Global_conf {
public $offline = '1';
public $title = "Jakub Žáček";
public $author = "Jakub Žáček";
public $Facebook_link = "http://facebook.com";
public $Twitter_link = "http://twitter.com";
public $GooglePlus_link = "http://google.com";
public $Instagram_link = "http://instagram.com";
public $Pinterest_link = "http://pinterest.com";
public $Email_link = "mailto:";
public $phone_list = array("+420 735 707 865");
public $social_buttons = array(
array("FAwesome","facebookBtn", "https://www.facebook.com/zacekjakub"),
array("FAwesome","twitterBtn", "https://twitter.com/zacekjakub"),
// array("FAwesome","googleplusBtn", "https://plus.google.com/109580475645561156741/posts"),
//array("FAwesome","blogBtn", "https://instagram.com/zacekjakub/"),
array("FAwesome","instagramBtn", "https://instagram.com/zacekjakub/"),
array("FAwesome","pinterestBtn", "https://www.pinterest.com/zacekjakub/"),
array("FAwesome","githubBtn", "https://github.com/zacekjakub"),
array("FAwesome","linkedinBtn", "https://www.linkedin.com/in/zacekjakub"),
array("FAwesome","foursquareBtn", "https://foursquare.com/zacekjakub"),
array("FAwesome","mailBtn", "mailto:jakub@zacekj.cz"),
//array("Blog","blog.png", "https://blog.zacekj.cz"),
array("FAwesome","gravBtn", "https://blog.zacekj.cz"),
array("FAwesome", "lockBtn", "https://zacekj.cz/zacek.pub.asc"),
array("FAwesome", "publicKeyBtn", "https://zacekj.cz/id_rsa.pub"),
);
}
?>

681
css/index.css Executable file
View File

@@ -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;
}

BIN
img/blog.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 KiB

BIN
img/cropped-panorama_blog.jpg.bak Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 492 KiB

BIN
img/finger.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
img/fingers.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
img/martin_tittle.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
img/phone.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/qr-code.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 322 KiB

BIN
img/qr_bank.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/qr_banka_mf.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 KiB

BIN
img/qr_home.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
img/video.mp4 Normal file

Binary file not shown.

24
index.php Executable file
View File

@@ -0,0 +1,24 @@
<?php
include './config/global_config.php';
$global = new Global_conf();
if($global->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';
?>

22
klarkapodzim/index.css Normal file

File diff suppressed because one or more lines are too long

42
klarkapodzim/index.html Normal file
View File

@@ -0,0 +1,42 @@
<link rel="stylesheet" href="index.css" name="main-style" type="text/css">
<div>
<p id="demo_klara_time" style="font-size:50px;text-align: center;"></p>
<meta charset="UTF-8">
<p style="font-size:50px;text-align: center;">takže bych to viděl někdy na podzim</p>
<script>
// Set the date we're counting down to
var countDownDate = new Date("Sep 23, 2022 00:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo_klara_time"
document.getElementById("demo_klara_time").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo_klara_time").innerHTML = "EXPIRED";
}
}, 1000);
</script>
</p>
</div>
<p align="center">
<iframe src="https://giphy.com/embed/n7KBLYG0Yqs0aZa4iP" width="480" height="423" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/CAinLA-i-love-you-ca-in-la-cainla-n7KBLYG0Yqs0aZa4iP"></a></p>
</p>

124
testpage2.php Normal file
View File

@@ -0,0 +1,124 @@
<head>
<link rel = "stylesheet" href = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script>
// Creating map options
var mapOptions = {
center: [17.385044, 78.486671],
zoom: 10
}
// Creating a map object
var map = new L.map(map, mapOptions);
// Creating a Layer object
var layer = new L.TileLayer(http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png);
// Adding layer to the map
map.addLayer(layer);
</script>
</head>
<?php
#
$kodf="princip";
$username="zacek";
$pass="curamajzlik";
$carid_list="174167";
#$DateStart="2019-07-27 00:00:00";
#$DateEnd="2019-07-27 23:59:00";
$DateStart=date("Y-m-d 00:00:00");
$DateStart="2019-01-01 00:00:00";
$DateEnd=date("Y-m-d 23:59:00");
?>
<form action="testpage2.php">
Date from: <input type = "date">
<input type="submit" value="Submit">
</form>
<?php
$client = new SoapClient('https://api.webdispecink.cz/code/WebDispecinkServiceNet.php?wsdl');
$return = $client->_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 </BR>";
echo "Západní délka: $zd </BR>";
echo "Adresa: $ln </BR>";
echo "Najeto: $km Km</BR>";
#echo "Spotřebované palivo: $usedfuel </BR>";
echo "Nadmořská výška: $altitude m</BR>";
echo "Paliva: $palivo l</BR>";
echo "Dnes najeto: $distkm Km</BR>";
#echo "<a href=https://maps.google.com?q=$zs,$zd>Link</a>";
#echo "<iframe src=http://maps.google.com/maps?q=35.856737,10.606619&z=15&output=embed width=360 height=270 frameborder=0 style=border:0></iframe>";
echo "<iframe src=\"https://maps.google.com/maps?q=$zs,$zd&z=15&output=embed\" width=\"360\" height=\"270\" frameborder=\"0\" style=\"border:0\"></iframe>";
echo "<iframe width=\"425\" height=\"350\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\"
src=\"https://www.openstreetmap.org?mlat=$zs&mlon=$zd\" style=\"border: 1px solid black\"></iframe>";
echo "<a href=https://www.openstreetmap.org?mlat=$zs?mlon=$zd>link</a>";
echo "<div id =\”my-map\” style = \“width:800px; height:600px;\”></div>";
?>

BIN
ujak.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

17
vhost.conf Normal file
View File

@@ -0,0 +1,17 @@
# File: .docker/apache/vhost.conf
LoadModule headers_module /usr/lib/apache2/modules/mod_headers.so
<VirtualHost *:80>
ServerName localhost
DocumentRoot /app
<Directory "/app">
Options Indexes FollowSymLinks Includes execCGI
AllowOverride All
Require all granted
allow from all
</Directory>
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

83
web_parts/footer.php Executable file
View File

@@ -0,0 +1,83 @@
<div class="video-controls">
<div class="video-controls-inside">
<div class="label">
8 Bit music, Pumped Up Kicks | Centuries | All Star
</div>
<div class="controls">
<ul>
<li>
<i id="mute"
class="fa"
onclick="toggleMute()"
aria-hidden="true"></i>
</li>
<li>
<i id="play"
class="fa"
onclick="togglePlay()"
aria-hidden="true"></i>
</li>
</ul>
</div>
</div>
</div>
<script>
let playing = false;
let muted = false;
const video = document.getElementById( 'video' );
const playBtn = document.getElementById( 'play' );
const muteBtn = document.getElementById( 'mute' );
function play() {
playing = true;
video.play();
playBtn.classList.add( 'fa-pause-circle-o' );
playBtn.classList.remove( 'fa-play-circle-o' );
}
function stop() {
playing = false;
video.pause();
playBtn.classList.remove( 'fa-pause-circle-o' );
playBtn.classList.add( 'fa-play-circle-o' );
}
function mute() {
muted = true;
video.muted = true;
muteBtn.classList.add( 'fa-volume-off' );
muteBtn.classList.remove( 'fa-volume-up' );
}
function unmute() {
muted = false;
video.muted = false;
muteBtn.classList.remove( 'fa-volume-off' );
muteBtn.classList.add( 'fa-volume-up' );
}
function togglePlay() {
if ( playing ) {
stop();
} else {
play();
}
}
function toggleMute() {
if ( muted ) {
unmute();
} else {
mute();
}
}
setTimeout( () => {
mute();
play();
}, 500 );
</script>
</body>
</html>

12
web_parts/header.php Executable file
View File

@@ -0,0 +1,12 @@
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"> </script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/index.css" name="main-style" type="text/css">
<title><?php echo $global->title; ?></title>
</head>
<body>

167
web_parts/home.php Executable file
View File

@@ -0,0 +1,167 @@
<style>
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
</style>
<video muted
playsinline
autoplay
loop
id="video">
<source src="./img/video.mp4"
type="video/mp4">
Your browser does not support the video tag.
</video>
<table id="Page_table">
<tr>
<td align="center">
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="name_font">
<!--<img src="img/martin_tittle.png" alt="martin_tittle">-->
<!--div> <?php echo $global->title; ?> </div>-->
<div id = "tittle_wapper"> Martin Fencl </div>
</div>
<!--<font size="7"><p><a href="https://www.italki.com/post/question-101501">Pro Klárku, <b>klikni</b></a></p></font>-->
<table id="social"> <tr>
<?php
for ($i=0; $i<count($global->social_buttons);$i++)
{
if($global->social_buttons[$i][0]=="FAwesome")
{
echo '<td> <a class="'.$global->social_buttons[$i][1].' smGlobalBtn" href="'.$global->social_buttons[$i][2].'" target="_blanket"></a> </td>';
}
else
{
echo '<td>';
if($global->social_buttons[$i][2]!="")
echo '<a href="'.$global->social_buttons[$i][2].'">';
echo '<div class="GlobalBtn"><table class="GlobalBtnTable"><tr><td align="center"><img src="img/'.$global->social_buttons[$i][1].'"></td></tr></table></div>';
if($global->social_buttons[$i][2]!="")
echo '</a>';
echo '</td>';
}
}
?>
<td>
<a id="Phone_btn" class="phoneBtn smGlobalBtn" onclick="copyNumber()"></a>
<div id="Page_info">
<div id="Page_info_ext">
<?php
for ($i=0; $i<count($global->phone_list);$i++)
{
echo "Mob. telefon: " . $global->phone_list[$i] ." <br>";
}
?>
<div><small>click to copy</small></div>
<div id="Page_info_ext_arrow"></div>
</div>
</div>
</td>
<td>
<a id="Bank_btn" class="bankBtn smGlobalBtn" onclick="copyBankAccount()"></a>
<div id="Bank_info">
<div id="Bank_info_ext">
107-9266680227/0100
<img src="img/qr_banka_mf.png" alt="Bank Account">
<div><small>click to copy</small></div>
<div id="Bank_info_ext_arrow">
</div>
</div>
</div>
</td>
</tr>
</table>
<table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<form method="get" action="/about_me">
<button class="name noselect">about me</button>
</form>
</table>
</td>
</tr>
</table>
<div id="Qr_home">
<div id="Qr_title">
Litewallet
</div>
<img src="img/qr-code.png" alt="Litewallet">
</div>
<div id="clipboard"></div>
<script>
$("#Page_info_ext").hide();
$("#Phone_btn").hover(function(){
$("#Page_info_ext").stop().fadeIn(300);
}, function(){
$("#Page_info_ext").stop().fadeOut(300);
});
$("#Bank_info_ext").hide();
$("#Bank_btn").hover(function(){
$("#Bank_info_ext").stop().fadeIn(300);
}, function(){
$("#Bank_info_ext").stop().fadeOut(300);
});
function copyNumber() {
copyToClipboard('<?php echo $global->phone_list[0]; ?>');
alert("phone copied to clipboard")
}
function copyBankAccount() {
copyToClipboard('107-9266680227/0100');
alert("bank copied to clipboard")
}
function copyToClipboard(data) {
var id = 'generated_' + Math.floor((Math.random() * 100) + 1);
$("#clipboard").append($("<input>").attr('id', id).val(data));
document.getElementById(id).select();
document.execCommand('copy');
$("#" + id).remove();
}
</script>