my website banner

initial commit
authorDavid Polakovic <email@dpolakovic.space>
Sat, 28 Jan 2023 10:13:13 +0000 (11:13 +0100)
committerDavid Polakovic <email@dpolakovic.space>
Sat, 28 Jan 2023 10:13:13 +0000 (11:13 +0100)
12 files changed:
Blogs/blog-template.html [new file with mode: 0644]
Minor-pages/gpg.html [new file with mode: 0644]
Pictures/any.png [new file with mode: 0644]
Pictures/any2.png [new file with mode: 0644]
Pictures/dot.png [new file with mode: 0644]
Pictures/dpolakovic.png [new file with mode: 0644]
Pictures/pgp-now.png [new file with mode: 0644]
Pictures/space.png [new file with mode: 0644]
Styles/styles.css [new file with mode: 0644]
ad.html [new file with mode: 0644]
blog.php [new file with mode: 0644]
index.html [new file with mode: 0644]

diff --git a/Blogs/blog-template.html b/Blogs/blog-template.html
new file mode 100644 (file)
index 0000000..7bea02f
--- /dev/null
@@ -0,0 +1,77 @@
+<!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]&nbsp;&nbsp; About first source
+           <a href="https://dpolakovic.space">link</a>
+         </div>
+         <div>
+           [2]&nbsp;&nbsp; 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>
diff --git a/Minor-pages/gpg.html b/Minor-pages/gpg.html
new file mode 100644 (file)
index 0000000..efa22a7
--- /dev/null
@@ -0,0 +1,72 @@
+<!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">&lt;&lt;back</a><center>
+    </nav>
+  </body>
diff --git a/Pictures/any.png b/Pictures/any.png
new file mode 100644 (file)
index 0000000..bfae4c4
Binary files /dev/null and b/Pictures/any.png differ
diff --git a/Pictures/any2.png b/Pictures/any2.png
new file mode 100644 (file)
index 0000000..ad15ed9
Binary files /dev/null and b/Pictures/any2.png differ
diff --git a/Pictures/dot.png b/Pictures/dot.png
new file mode 100644 (file)
index 0000000..c4c7217
Binary files /dev/null and b/Pictures/dot.png differ
diff --git a/Pictures/dpolakovic.png b/Pictures/dpolakovic.png
new file mode 100644 (file)
index 0000000..238acd7
Binary files /dev/null and b/Pictures/dpolakovic.png differ
diff --git a/Pictures/pgp-now.png b/Pictures/pgp-now.png
new file mode 100644 (file)
index 0000000..069e34c
Binary files /dev/null and b/Pictures/pgp-now.png differ
diff --git a/Pictures/space.png b/Pictures/space.png
new file mode 100644 (file)
index 0000000..605c293
Binary files /dev/null and b/Pictures/space.png differ
diff --git a/Styles/styles.css b/Styles/styles.css
new file mode 100644 (file)
index 0000000..2f71552
--- /dev/null
@@ -0,0 +1,202 @@
+/* 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;
+}
diff --git a/ad.html b/ad.html
new file mode 100644 (file)
index 0000000..9716810
--- /dev/null
+++ b/ad.html
@@ -0,0 +1,68 @@
+<!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>
diff --git a/blog.php b/blog.php
new file mode 100644 (file)
index 0000000..911c769
--- /dev/null
+++ b/blog.php
@@ -0,0 +1,86 @@
+<!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:&nbsp;
+         <a href="blog.php?sort=new">new first</a>&nbsp; 
+         <a href="blog.php?sort=old">old first</a>&nbsp;
+         <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>
diff --git a/index.html b/index.html
new file mode 100644 (file)
index 0000000..1c5b915
--- /dev/null
@@ -0,0 +1,81 @@
+<!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>