my website banner

updated index.php, added .htaccess, minor dir update
authorDavid Polakovic <email@dpolakovic.space>
Thu, 31 Aug 2023 06:34:42 +0000 (08:34 +0200)
committerDavid Polakovic <email@dpolakovic.space>
Thu, 31 Aug 2023 06:34:42 +0000 (08:34 +0200)
.htaccess [new file with mode: 0644]
Minor-pages/rnd.html [new file with mode: 0755]
Styles/styles.css [changed mode: 0644->0755]
dir.html [changed mode: 0644->0755]
index.html [deleted file]
index.php [new file with mode: 0755]

diff --git a/.htaccess b/.htaccess
new file mode 100644 (file)
index 0000000..c7b2bf7
--- /dev/null
+++ b/.htaccess
@@ -0,0 +1,16 @@
+RewriteEngine on 
+#redirect /file.php to /file
+RewriteCond %{THE_REQUEST} \s/([^.]+)\.php [NC]
+RewriteRule ^ /%1 [NE,L,R]
+# now we will internally map /file to /file.php
+RewriteCond %{REQUEST_FILENAME}.php -f
+RewriteRule ^(.*)/?$ /$1.php  [L]
+
+ RewriteEngine on
+ #redirect /file.html to /file
+ RewriteCond %{THE_REQUEST} \s/([^.]+)\.html [NC]
+ RewriteRule ^ /%1 [NE,L,R]
+ # now we will internally map /file to/ file.html
+ RewriteCond %{REQUEST_FILENAME}.html -f
+ RewriteRule ^(.*)/?$ /$1.html  [L]
+
diff --git a/Minor-pages/rnd.html b/Minor-pages/rnd.html
new file mode 100755 (executable)
index 0000000..8d94bd1
--- /dev/null
@@ -0,0 +1,27 @@
+my favorite junk food is fish sticks.
+my favorite book might just be the Name of the rose.
+my favorite dinosaur is pterodactyl.
+my favorite drink is White russian (and yes, it happened after I've seen Big Lebowsky).
+my favorite color is yellow.
+I still write "www" in address bar.
+I unironically liked The Phantom Menace.
+I am fascinated by honebadgers.
+I have one tomcat.
+when I need to focus I tend to listen to stoner rock.
+I enjoy to play basketball, even when I'am not really good at it.
+my favorite part of physics is thermodynamics.
+I enjoy hacking board games.
+I willingly play healers in D&D.
+I prefer Star Trek TNG over the Original Series.
+I <i>bn gbo pg dszquphsbgz</i> ;-) .
+I still use shortcuts on desktop.
+I use pencils more often than pens.
+I still use floppy disks for my backups.
+I don't drink coffe, but sometimes I drink mate tea.
+I love the smell of tobacco, but I hate the cigarette smoke.
+I use everything except bookmarks for bookmarking.
+I think way too much about time travel.
+I own ~200g of meteorites.
+I never sit on swivel chairs.
+I hate caraway.
+I don't use Arch btw.
old mode 100644 (file)
new mode 100755 (executable)
index 3744cc3..deab5d7
@@ -150,21 +150,27 @@ body {
    these are clases for my blog page - they show small picture and 
    description in small fonts
 */
+.blog-prev {
+    display: flex;
+}
+
 .blog-prev-img {
     width: 150px;
-    height: auto;   
+    height: 95px;
+    float: left;
 }
 
-.blog-prev {
-    display: flex;
-}
+.blog-prev-img img {
+    width: 150px;
+    height: 95px;
+    object-fit: cover;
 
-.blog-prev-text {
-    padding-left: 10px;
 }
 
-.blog-prev-detail {
-    color: #4d4d4d
+.blog-prev-text {
+    height: 95px;
+    float: left;
+    color: #545454;
 }
 
 /* Navigation bar for blog page
@@ -206,9 +212,10 @@ body {
 */
 
 .code-block {
-    background: #f4f4f4;
+    background: #efdac3;
     border: 1px solid #ddd;
- /*   border-left: 3px solid #f36d33; */
+    /*border-left: 3px solid #f36d33; */
+    border-left: 3px solid #b38265;
     color: #666;
     page-break-inside: avoid;
     font-family: monospace;
@@ -222,6 +229,26 @@ body {
     word-wrap: break-word;
 }
 
+.terminal-block {
+    background: #000;
+    border: 1px solid #000;
+    /*border-left: 3px solid #f36d33; */
+    border-left: 3px solid #000;
+    color: #99ffe6;
+    /*color: #80ffdf; */
+    font-weight: bold;
+    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;
+}
+
 .what-is-this {
     max-width: 975px;
     height: auto;
old mode 100644 (file)
new mode 100755 (executable)
index 3e50868..c709ff7
--- a/dir.html
+++ b/dir.html
@@ -66,8 +66,8 @@
       </p>
       <p>
        Some of these websites contains "allergens"<br>
-       [1] - advertisements<br>
-       [2] - unnecessary cookies<br>
+       [1] - advertisements,
+       [2] - unnecessary cookies
        [3] - proprietary javascript
       </p>
       <br>
diff --git a/index.html b/index.html
deleted file mode 100644 (file)
index 26cd7b4..0000000
+++ /dev/null
@@ -1,85 +0,0 @@
-<!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?v=1.1">
-    <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">Blog</a></li>
-       <li><a href="https://dpolakovic.space/dir.html">My web directory</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
-       <a href="./Pictures/david.jpg" class="hide-link">David</a>
-       and I work as software developer.
-       This is my personal Web <i>space</i> which serves me as substitution for all
-       (anti)social media.
-       <!-- It is free of javascript, cookies and any other traps. -->
-       Feel free to browse here or check out my mostly
-       abandoned git server. My primary communication channel is email,
-       so if you wish to contact me, you can use:
-      </p>
-      <p>
-         <center>
-           <a href="mailto:email@dpolakovic.space">email at dpolakovic dot space</a>
-           &nbsp;
-           <a href="./Minor-pages/gpg.html">(my public GPG)</a>
-         </center>
-      </p>
-      <p>
-       <!-- show my buttons button -->
-       <a class="gif-buttons" href="https://www.gnu.org/gnu40/">
-         <img src="./Pictures/gnu40.png" alt="GIF button: any browser campign">
-       </a>
-       <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>  
-    </main>
-
-    <!-- footer  -->
-    <footer class="footer">      
-      copyright 2023 David Polakovic
-      - content of this web as well as photo of me with box on the head is licensed
-      under
-      <a href="https://creativecommons.org/licenses/by-nc-nd/3.0/">CC BY-NC-ND 3.0</a>
-      <br>
-      <a href="https://git.dpolakovic.space/?p=my-website;a=tree">this site is free software</a>
-    </footer>   
-  </body>
-  </html>
diff --git a/index.php b/index.php
new file mode 100755 (executable)
index 0000000..863ac80
--- /dev/null
+++ b/index.php
@@ -0,0 +1,112 @@
+<!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?v=1.1">
+    <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">Blog</a></li>
+       <li><a href="https://dpolakovic.space/dir.html">My web directory</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
+       <a href="./Pictures/david.jpg" class="hide-link">David</a>
+       and <?php
+
+        $file = "./Minor-pages/rnd.html";
+        
+        // Read all lines from the file into an array
+        $lines = file($file, FILE_IGNORE_NEW_LINES); 
+
+        if ($lines !== false && !empty($lines)) {
+
+          // Get a random line index
+          $randomIndex = array_rand($lines);
+          
+          // Display the random line
+          echo $lines[$randomIndex];
+
+        } else {
+
+        echo "this is an error message.";
+        }
+
+        ?> This is my personal Web <i>space</i> which serves me as substitution
+       for all social media.
+       Feel free to browse here or check out my mostly
+       abandoned git server. My primary communication channel is email,
+       so if you wish to contact me, you can use:
+      </p>
+      <p>
+         <center>
+           <a href="mailto:email@dpolakovic.space">email at dpolakovic dot space</a>
+           &nbsp;
+           <a href="./Minor-pages/gpg.html">(my public GPG)</a>
+         </center>
+      </p>
+      <p>
+       In light of the upcoming actions against the free web (C2PA, Web
+       Environment Integrity) I might be looking into hosting this site via
+       other protocols too. If you, <i>random visitor</i>, happen to know
+       anything about running a gopher or gemini server, please, write
+       me an email. This prompt is valid until deleted.
+       <!-- And of course this website remains without ads, cookies, javascript 
+            and any form of tracking. -->
+      </p>      
+      <p>
+       <!-- show my buttons button -->
+       <a class="gif-buttons" href="https://www.gnu.org/gnu40/">
+         <img src="./Pictures/gnu40.png" alt="GIF button: any browser campign">
+       </a>
+       <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>  
+    </main>
+
+    <!-- footer  -->
+    <footer class="footer">      
+      copyright 2023 David Polakovic
+      - content of this web as well as photo of me with box on the head is licensed
+      under
+      <a href="https://creativecommons.org/licenses/by-nc-nd/3.0/">CC BY-NC-ND 3.0</a>
+      <br>
+      <a href="https://git.dpolakovic.space/?p=my-website;a=tree">this site is free software</a>
+    </footer>   
+  </body>
+  </html>