my website banner

changed blog.php to blog.html + references to it, changed picture behavior in content...
authorDavid Polakovic <email@dpolakovic.space>
Fri, 31 Mar 2023 08:55:53 +0000 (10:55 +0200)
committerDavid Polakovic <email@dpolakovic.space>
Fri, 31 Mar 2023 08:55:53 +0000 (10:55 +0200)
Blogs/blog-template.html
Styles/styles.css
ad.html
blog.html [new file with mode: 0644]
index.html

index 7bea02fc25f87ba82ebe33857124806fa7db4f8a..fb885d673a16ef61fca7b0d946e04b32c77a30c2 100644 (file)
@@ -24,7 +24,7 @@
     <!-- navigation bar -->
     <nav class="nav-bar-blog">
       <ul>
-       <li><a href="https://dpolakovic.space/blog.php?sort=new">Go back</a></li>
+       <li><a href="https://dpolakovic.space/blog.html">Go back</a></li>
       </ul>
     </nav>
 
index 2f7155291ebb7ed6aef7e1029ee39daafb001a32..a6dc7df250b69a089eb8f2291c7c8e230f7fe3ea 100644 (file)
@@ -90,6 +90,10 @@ body {
     text-align: justify;
 }
 
+.content img {
+    max-width: 100%;
+}
+
 .center {
     text-align: center;
 }
diff --git a/ad.html b/ad.html
index 9716810e44979b44372cedd0157cec8885a92692..4802f3789832cde79602061dc69e86f75995e364 100644 (file)
--- a/ad.html
+++ b/ad.html
@@ -25,7 +25,7 @@
     <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/blog.html">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>
@@ -38,7 +38,6 @@
        <h2> Classified ad </h2> 
        <i>  My online noticeboard.   </i>
        <br>
-       <br>
        <ul>
          <!-- What I need  -->
          <li>
diff --git a/blog.html b/blog.html
new file mode 100644 (file)
index 0000000..7164aac
--- /dev/null
+++ b/blog.html
@@ -0,0 +1,61 @@
+<!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.html">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>
+      <p>
+       <!-- put links 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>
index 1c5b9157724363a5852169781dd8903d0b0ad2f2..1aa547940f150e0c4e2d7c2f20db5144d9b204e9 100644 (file)
@@ -25,7 +25,7 @@
     <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/blog.html">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>