--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>TITLE @ dpolakovic.space</title>
+ <link rel="icon" href="../Pictures/dot.png">
+ <link rel="stylesheet" href="../Styles/styles.css">
+ <link rel="author" href="mailto:email@dpolakovic.space">
+ <meta name="description" content="personal website and git server">
+ </head>
+ <body>
+
+ <!-- show pictures (banner) on top of the page -->
+ <div class="banner">
+ <p>
+ <img src="../Pictures/dpolakovic.png" alt="simple">
+ <img src="../Pictures/dot.png" alt="website">
+ <img src="../Pictures/space.png" alt="banner">
+ </p>
+ </div>
+
+ <!-- navigation bar -->
+ <nav class="nav-bar-blog">
+ <ul>
+ <li><a href="https://dpolakovic.space/blog.php?sort=new">Go back</a></li>
+ </ul>
+ </nav>
+
+ <!-- page content -->
+ <main class="content">
+ <p>
+ <h2> Title </h2>
+ <i> Italics text. </i>
+ <br>
+ <p>
+ <!-- PUT HERE A PICTURE -->
+ <img src="../Pictures/space.png" alt="TITLE">
+ </p>
+ <p>
+ So here comes the blog...<br>
+ This is how you do links in text <a href="#sources">[1]</a>
+
+
+ </p>
+ <p>
+ <a name="sources">
+ <h4> Sources </h4>
+ <div>
+ [1] About first source
+ <a href="https://dpolakovic.space">link</a>
+ </div>
+ <div>
+ [2] About second source
+ <a href="https://dpolakovic.space">link</a>
+ </div>
+ </p>
+ <p>
+ <center>
+ <i>
+ Hey... If you found any mistake, broken link or something that is
+ just dead wrong, write me an email please. Thank you.
+ </i>
+ </center>
+ </p>
+ </main>
+
+ <!-- footer -->
+ <footer class="footer">
+ no cookies, no javascript
+ - copyright 2023 David Polakovic
+ - <a href="https://git.dpolakovic.space/?p=my-website;a=tree">this site is free software</a>
+ </footer>
+
+ </body>
+ </html>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>fetch my key</title>
+ <link rel="icon" href="./Pictures/dot.png">
+ <link rel="stylesheet" href="../Styles/styles.css">
+ <meta name="description" content="gpg key">
+ </head>
+ <body class="text-area">
+ <br>
+ <main>
+-----BEGIN PGP PUBLIC KEY BLOCK-----<br><br>
+
+mQINBGOtl/cBEACyfjPIxsvHBKxa3zK5PqoMLYCkXiZo5Kx2eL34zFjmfNqeqi/7<br>
+0vU9faqQwq9WtdbxqwberB3xclUPwgtF+YDnxfC2jmNGQyNP3YDTCrKsen2QE/1t<br>
+1HiiuY1yBRfRXfnXGoV6WfW/6hgeSsvqang/ADsmwCClhne4YFWCbrDNmuwVNZOl<br>
+D2BOQVUSIVa3xabrc8CH2ifiqeEtXzUSio60c9Sn4pSbmdXSZV1ixWKzJAr9mklY<br>
+yysi6yD/Fr5JsjGLmVZxae9KBZKr1zA4PbcSrWLZ+LCe0b+K+hts3HMjE6lAMa+c<br>
+82bXv2D3Q1OHJ34oB0zthXByXiA+Kxa1QnygYDNy6ZXaweq5B8lt4PzrR7/Wv19E<br>
+UaisEahGrNOKXzH2+nWa2i6oYErEXm5wQkyNHnRQ7kaoFhPRfEnuzN0P78iFtmxt<br>
+tr9c0t5OoGicb1Ec8JsDKaRp80CifO8M92HyXBSB771yjgsGgP/My/wiJgXMNt0l<br>
++ps47Zt7TA0IHrTnTHvbDa9yJIroGU3Ni11PNMoHNokN+gLnBK3cOcK9paG7uExL<br>
+aBq/DRNf91t7BhKIjux1IVVxjoy24fmCKIbZD1He/SJRogLfs6TIC4UxTmWVJk4U<br>
+RWV6bJBDwOteZGsLcURdOVtTqIZvovOqYzMXQB274cahrQ3PcdYZKg9TAwARAQAB<br>
+tChEYXZpZCBQb2xha292aWMgPGVtYWlsQGRwb2xha292aWMuc3BhY2U+iQJOBBMB<br>
+CgA4FiEEnXbV0wxhw+t/6o2Fv6yQDnPQz7QFAmOtl/cCGwMFCwkIBwIGFQoJCAsC<br>
+BBYCAwECHgECF4AACgkQv6yQDnPQz7RyXhAAinMTjlqQwLFlXBP4+KJsB+ruKHnj<br>
+t7H9x1myJIPzgf4zoueBXEbNKd4SVdMjP5XuZ3nANLUxtM2+cSPi+7SxYx22FpW7<br>
+4+MoURvjOg80fGYpFWm0jbkobIPUaUH7smfVh3BHFoDG78t9xaPUn4GBVaHFKR2q<br>
+s9JctlrK5/7Lxy/vxJoVC2xE5romVbVusjDxf16VjjB2onAq2VmPYv9pclNmn/BI<br>
+AxWZqyKaZIvdVcYktj//Yrbwpprn1qlGlOlH+lYweLAQiZm5u557TiOwSuW49IMz<br>
+t+NX3DCAoCz0ApwyDzv2LR4bELKP+rb7MgeoufJ0zqWRbC9wp9ITkbAN5zOCy5ZP<br>
+27OtaSPTdLZyWWfefs1JAvKNyBcHf8rcMp2hxoX/XXQYn82ZcojIXhgzT+29cK8R<br>
+s4Wi18Jmnwlwr//AhLev6lOpiGRcMtPgS8PFI+PVvIglvkkzmzKY7JSggfPKW4qW<br>
+yhqz/apLXZqP7hPe6bwUECG8JTwzMnnld+nMnxjam3Y78s54Tutan5n8bcAqHsHs<br>
+pxq22n37NuACgee0Hov/eYKGar+i4MfKWF50sWGJLeICUn9gZM+wW+tc8H55Wq8J<br>
+v6nssgPIC91obITZsQettQYNp37O6ex/nyIAFjoKdJ8ZflodHvMGLWizZCO5AZJW<br>
++1mpYcpC+0wKrzK5Ag0EY62X9wEQANLGHDE3mqzhrFoQusPSzkDA03BlLvywmvFb<br>
+13tIBajKu/xnbtS4B+NDcG8ICOumh5vNQ/Qsh3nvSj/nkCcHMV9Esq799SvtwJBT<br>
+qHcUiDfsrjWDmYkQ0wezGEz/54tkaI7P2i3NKQnPb85AEgNi4q2sCnLNJ/Mijzcl<br>
+imz4o0yWvc2m/Dk7dEARJakDJhp6dfMbDhVGssPenRhKuwuY6+hRJUcAdzkqb5iz<br>
+CYkic6VcQFl6z9oiebNEjTBwo5Z7Aj/jzJZKRqZB9GtXlM4EbvTn61aCHWKbLRyB<br>
+n7W7/1B+Mc3NwiLoilYG1IdQyi98mEh/IW9H5DuWdEHzPwTUSbIj5mL5Q/l7hI4C<br>
+0FdTpcbKjWJ4bfCEZnPdRpJE4satieJ3bRLCFE420wLWqmblB6zx9bkLoBbE8Vya<br>
+R7Eh2R08lLnuVclWUrEnr9S2BRg92IaD0RV/iBmHH36J/yR8eLBxZ292I0L3osNM<br>
+1pL5w+v3eW6QBNy6EkNOMxXXKMJm5vUwyNURlGO+PiLqYy3I0xveOsiv0y/aV4am<br>
+FYfaXhDuGaAF4T2tOKYQjPtZMM1CWrzGc+jsXxYt74HCnuG2cL1+G/dB9zwiGGbn<br>
+yORDg7JbmpZcfU2yeP7Cg09tk875Iq6AOgpUl39S8WRnMgu2doIDvvDB7iEyNrnL<br>
+GveucCltABEBAAGJAjYEGAEKACAWIQSddtXTDGHD63/qjYW/rJAOc9DPtAUCY62X<br>
+9wIbDAAKCRC/rJAOc9DPtAJXD/0aQ6EW/BduBpPbk1jMx+GWwGdGaajgyr+E8kbb<br>
+Xx+EyXmZTxxWIodsejHCbv7EuYpSaAjKcfLuX6b4k2B5SYpg/Lf/NPHsP5Q9onoY<br>
+AmvojPwrL38WOWMd7YT9K0LqhVJBm4uGLBsn4QVLwC//KRd572hOvlIUEAru3gkg<br>
+qDWWZZO5/6Whv4JwVAZrkXT4ceFZrDJxD9CxpNEGZTsN5L+L9fySfOWnvxda9uep<br>
+Z0T1OPPudoD/JrJrUi7hg+YaiNYjv7UPYWlwfjVty/TJ3G4KY1XryC28KEA0ADar<br>
+VbRdQPqoxf/p4IBaWWh/Fm7sT1jyC2MhbwY/UuNvrpbLEt8HGioUbzmVGLg8gQlX<br>
+FKTPKpP7ypgk6XA+idhQEmd3qnEr2bqVEZUQI84y4SudLqGCbRqbXe6xn4/z8IdD<br>
+9igO7fKA0ND8TKVDvzL7ebP6kDBHff+PUIYC8igTTIy+gn7lajpzFWbiagVtTBIv<br>
+gXJDfON9IHUZAoe18USJxoIumnX0G9PT5I3MRwEmbqHs1zJnRp3K0ohnxpziJq1Q<br>
+ChR4yro3nlOYdlVEeACTmILQgi2AucCkE3sAQIxZELt7vmL8ihAOqJtCcqyj8CRE<br>
+4a+tC0ztqBwP9oR5xBU33hgprGX9rxtd5l27klol5T1C/U2IzHUR8KdLz98E4vC4<br>
+Z6gZlA==<br>
+=wj2h<br><br>
+-----END PGP PUBLIC KEY BLOCK-----
+ </main>
+
+ <nav>
+ <center><a href="http://dpolakovic.space"><<back</a><center>
+ </nav>
+ </body>
--- /dev/null
+/* Styles.css
+ this is a file for setting visual styles of the web page
+ I am no webdesigner so the comments are rather simple
+ copyright 2023, David Polakovic, licensed under GPLv3, see README
+*/
+
+
+/* set both background and font color to keep content readable for
+ users with different text colors in browser settings.
+*/
+body {
+ background-color: #e8cba9;
+ color: #000000;
+ font-size: 17px;
+
+}
+
+/* Navigation bar
+ just simple bar from W3 schools with minor edits
+ https://www.w3schools.com/Css/css_navbar_horizontal.asp
+*/
+.nav-bar {}
+
+.nav-bar ul {
+ list-style-type: none;
+ max-width:1000px;
+ width: 100%;
+ margin: 0 auto;
+ padding: 0;
+ overflow: hidden;
+ background-color: #333;
+ border-radius: 10px;
+}
+
+/* make everything stick to left side */
+.nav-bar li {
+ float: left;
+}
+
+/* make "Git server" be on the far right */
+.nav-bar li:last-child {
+ float: right;
+}
+
+/* style for contents of the nav bar */
+.nav-bar li a {
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+}
+
+/* make background of the "Git server" with other color */
+.gitserver {
+ background-color: #1e1e1e;
+}
+
+
+/* Banner pictures
+ style pictures shown on top of every page - should be all same size,
+ but just in case
+*/
+.banner {
+ width: 100%;
+ margin: 0 auto;
+ max-width: 1000px;
+}
+
+.banner img {
+ max-width: 100%;
+}
+
+/* when pictures are made into links, they show little dash in right corner
+ of the picture - this deletes that
+*/
+.banner a {
+ text-decoration: none;
+
+}
+
+/* Main content
+ style for main content of each page - centers text and other stuff
+*/
+.content {
+ max-width: 975px;
+ height: auto;
+ width: 100%;
+ margin: 0 auto;
+ text-align: justify;
+}
+
+.center {
+ text-align: center;
+}
+
+/* Footer
+ Simple footer inspired by navigation bar - changed text to be white
+*/
+.footer {
+ max-width: 980px;
+ width: auto;
+ margin: 0 auto;
+ padding: 10px;
+ text-align: center;
+ background-color: #b58b58;
+ font-size: 13px;
+ color: white;
+ border-radius: 10px;
+
+}
+
+/* changes colors of links to white in footer */
+.footer a {
+ color: white;
+}
+
+/* this is class for my public GPG key fetch - only used once */
+.text-area {
+ font-family: monospace;
+}
+
+/* this is class for anybrowser button to appear far right */
+.gif-buttons {
+ float: right;
+}
+
+/* Blog previews
+ these are clases for my blog page - they show small picture and
+ description in small fonts
+*/
+.blog-prev-img {
+ width: 150px;
+ height: auto;
+}
+
+.blog-prev {
+ display: flex;
+}
+
+.blog-prev-text {
+ padding-left: 10px;
+}
+
+.blog-prev-detail {
+ color: #4d4d4d
+}
+
+/* Navigation bar for blog page
+ So here is modified nav bar with only one option (Go back)
+ I put it as a secound style, because I don't want last child
+ to be pushed on the far right side (as it was for the "Git server"
+*/
+
+.nav-bar-blog {}
+
+.nav-bar-blog ul {
+ list-style-type: none;
+ max-width:1000px;
+ width: 100%;
+ margin: 0 auto;
+ padding: 0;
+ overflow: hidden;
+ background-color: #333;
+ border-radius: 10px;
+}
+
+/* make everything stick to left side */
+.nav-bar-blog li {
+ float: left;
+}
+
+/* style for contents of the nav bar */
+.nav-bar-blog li a {
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+}
+
+
+/* Block of code
+ This is what I use for block of code formating
+*/
+
+.code-block {
+ background: #f4f4f4;
+ border: 1px solid #ddd;
+ /* border-left: 3px solid #f36d33; */
+ color: #666;
+ page-break-inside: avoid;
+ font-family: monospace;
+ font-size: 15px;
+ line-height: 1.6;
+ margin-bottom: 1.6em;
+ max-width: 100%;
+ overflow: auto;
+ padding: 1em 1.5em;
+ display: block;
+ word-wrap: break-word;
+}
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Classified ad @ dpolakovic.space</title>
+ <link rel="icon" href="./Pictures/dot.png">
+ <link rel="stylesheet" href="./Styles/styles.css">
+ <link rel="author" href="mailto:email@dpolakovic.space">
+ <meta name="description" content="personal website and git server">
+ </head>
+ <body>
+
+ <!-- show pictures (banner) on top of the page -->
+ <div class="banner">
+ <p>
+ <img src="./Pictures/dpolakovic.png" alt="simple">
+ <img src="./Pictures/dot.png" alt="website">
+ <img src="./Pictures/space.png" alt="banner">
+ </p>
+ </div>
+
+ <!-- navigation bar -->
+ <nav class="nav-bar">
+ <ul>
+ <li><a href="https://dpolakovic.space">About</a></li>
+ <li><a href="https://dpolakovic.space/blog.php?sort=new">Blog</a></li>
+ <li><a href="https://dpolakovic.space/ad.html">Classified ad</a></li>
+ <li><a class="gitserver" href="https://git.dpolakovic.space">Git server</a>
+ </li>
+ </ul>
+ </nav>
+
+ <!-- page content -->
+ <main class="content">
+ <p>
+ <h2> Classified ad </h2>
+ <i> My online noticeboard. </i>
+ <br>
+ <br>
+ <ul>
+ <!-- What I need -->
+ <li>
+ Here I write some stuff.
+ </li><br>
+
+ <!-- What I offer -->
+ <li>
+ Here I write some stuff.
+ </li><br>
+
+ </ul>
+ </p>
+ <p>
+ For contact, please see "<a href="https://dpolakovic.space">About</a>" page.
+ </p>
+ </main>
+
+ <!-- footer -->
+ <footer class="footer">
+ no cookies, no javascript
+ - copyright 2023 David Polakovic
+ - <a href="https://git.dpolakovic.space/?p=my-website;a=tree">this site is free software</a>
+ </footer>
+
+ </body>
+ </html>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Blog @ dpolakovic.space</title>
+ <link rel="icon" href="./Pictures/dot.png">
+ <link rel="stylesheet" href="./Styles/styles.css">
+ <link rel="author" href="mailto:email@dpolakovic.space">
+ <meta name="description" content="personal website and git server">
+ <meta name="author" content="David Polakovic, 2023">
+
+ </head>
+ <body>
+
+ <!-- show pictures (banner) on top of the page -->
+ <div class="banner">
+ <p>
+ <img src="./Pictures/dpolakovic.png" alt="simple">
+ <img src="./Pictures/dot.png" alt="website">
+ <img src="./Pictures/space.png" alt="banner">
+ </p>
+ </div>
+
+ <!-- navigation bar -->
+ <nav class="nav-bar">
+ <ul>
+ <li><a href="https://dpolakovic.space">About</a></li>
+ <li><a href="https://dpolakovic.space/blog.php?sort=new">Blog</a></li>
+ <li><a href="https://dpolakovic.space/ad.html">Classified ad</a></li>
+ <li><a class="gitserver" href="https://git.dpolakovic.space">Git server</a>
+ </li>
+ </ul>
+ </nav>
+
+ <!-- page content -->
+ <main class="content">
+ <p>
+ <h2> Blog </h2>
+ <i> Some obscure thoughts caught on the Web. </i>
+ <br>
+ <br>
+ After eating and breathing, expressing opinions on the internet is the
+ most important humand need. Here are some of mine that occupied my mind
+ for more than few seconds.<br><br>
+ </p>
+
+ <!-- These are hyper link buttons for sorting blogs
+ NOTE: WIP see "PHP Blogs" lower
+ <p>
+ <center>
+ Sorty by date:
+ <a href="blog.php?sort=new">new first</a>
+ <a href="blog.php?sort=old">old first</a>
+ <a href="blog.php?sort=edt">edited first</a>
+ <br>
+ </center>
+ </p>
+ -->
+
+ <p>
+ <!-- Blog list
+ here I output html file with manually written html tags for each
+ -->
+ <?php
+ echo "Seems empty here!"//file_get_contents("./bloglist.html");
+
+ // this is for buttons
+ //if ($_GET["sort"] == "new") {echo 'sort by new';}
+ //if ($_GET["sort"] == "old") {echo 'sort by old';}
+ //if ($_GET["sort"] == "edt") {echo 'sort by edited';}
+
+ ?>
+ </p>
+ </main>
+
+ <!-- footer -->
+ <footer class="footer">
+ no cookies, no javascript
+ - copyright 2023 David Polakovic
+ - <a href="https://git.dpolakovic.space/?p=my-website;a=tree">this site is free software</a>
+ </footer>
+
+ </body>
+ </html>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>dpolakovic.space</title>
+ <link rel="icon" href="./Pictures/dot.png">
+ <link rel="stylesheet" href="./Styles/styles.css">
+ <link rel="author" href="mailto:email@dpolakovic.space">
+ <meta name="description" content="personal website and git server">
+ </head>
+ <body>
+
+ <!-- show pictures (banner) on top of the page -->
+ <div class="banner">
+ <p>
+ <img src="./Pictures/dpolakovic.png" alt="simple">
+ <img src="./Pictures/dot.png" alt="website">
+ <img src="./Pictures/space.png" alt="banner">
+ </p>
+ </div>
+
+ <!-- navigation bar -->
+ <nav class="nav-bar">
+ <ul>
+ <li><a href="https://dpolakovic.space">About</a></li>
+ <li><a href="https://dpolakovic.space/blog.php?sort=new">Blog</a></li>
+ <li><a href="https://dpolakovic.space/ad.html">Classified ad</a></li>
+ <li><a class="gitserver" href="https://git.dpolakovic.space">Git server</a>
+ </li>
+ </ul>
+ </nav>
+
+ <!-- page content -->
+ <main class="content">
+ <p>
+ <h2> Welcome </h2>
+ <i> Thank you for stopping in! </i>
+ <br>
+ <br>
+ My name is David Polakovic and I work as software tester.
+ This is my personal Web <i>space</i> which I primarily use for my
+ self-hosted git server. Feel free to browse here and if you wish to
+ contact me, you can use:
+ </p>
+ <p>
+ <a href="mailto:email@dpolakovic.space">email at dpolakovic dot space</a>
+ <a href="./Minor-pages/gpg.html">(my public GPG)</a>
+ </p>
+ <p>
+ <!-- show my buttons button
+ buttons for PGP and Any browsers campaign
+ -->
+ <a class="gif-buttons" href="https://emailselfdefense.fsf.org/en/">
+ <img src="./Pictures/pgp-now.png" alt="GIF button: PGP set up guide">
+ </a>
+ <a class="gif-buttons" href="https://anybrowser.org/campaign/index.html">
+ <img src="./Pictures/any.png" alt="GIF button: any browser campign">
+ </a>
+ <br>
+ <br>
+ </p>
+ <!-- section break for things what I want to say right now -->
+ <!--
+ <hr noshade>
+ <p>
+ Text here
+ </p>
+ -->
+ </main>
+
+ <!-- footer -->
+ <footer class="footer">
+ no cookies, no javascript
+ - copyright 2023 David Polakovic
+ - <a href="https://git.dpolakovic.space/?p=my-website;a=tree">this site is free software</a>
+ </footer>
+
+ </body>
+ </html>
