Added cat gallery

2024-03-22 20:44:32 +01:00 · 2024-03-22 20:44:32 +01:00 · 9723a422dd
parent 02f0c698fd
commit 9723a422dd
51 changed files with 41 additions and 1 deletions
--- a/img/bacva/IMG_20230920_134008.jpg
+++ b/img/bacva/IMG_20230920_134008.jpg
--- a/img/bacva/IMG_20230920_205307.jpg
+++ b/img/bacva/IMG_20230920_205307.jpg
--- a/img/bacva/IMG_20231005_165122.jpg
+++ b/img/bacva/IMG_20231005_165122.jpg
--- a/img/bacva/IMG_20231012_141953.jpg
+++ b/img/bacva/IMG_20231012_141953.jpg
--- a/img/bacva/IMG_20231018_203216.jpg
+++ b/img/bacva/IMG_20231018_203216.jpg
--- a/img/bacva/IMG_20231019_120623.jpg
+++ b/img/bacva/IMG_20231019_120623.jpg
--- a/img/bacva/IMG_20231019_183640.jpg
+++ b/img/bacva/IMG_20231019_183640.jpg
--- a/img/bacva/IMG_20231020_072805.jpg
+++ b/img/bacva/IMG_20231020_072805.jpg
--- a/img/bacva/IMG_20231023_143313.jpg
+++ b/img/bacva/IMG_20231023_143313.jpg
--- a/img/bacva/IMG_20231104_102520.jpg
+++ b/img/bacva/IMG_20231104_102520.jpg
--- a/img/bacva/IMG_20231115_223517.jpg
+++ b/img/bacva/IMG_20231115_223517.jpg
--- a/img/bacva/IMG_20231118_020735.jpg
+++ b/img/bacva/IMG_20231118_020735.jpg
--- a/img/bacva/IMG_20231123_170442.jpg
+++ b/img/bacva/IMG_20231123_170442.jpg
--- a/img/bacva/IMG_20231127_010056.jpg
+++ b/img/bacva/IMG_20231127_010056.jpg
--- a/img/bacva/IMG_20231127_010123.jpg
+++ b/img/bacva/IMG_20231127_010123.jpg
--- a/img/bacva/IMG_20231127_143723.jpg
+++ b/img/bacva/IMG_20231127_143723.jpg
--- a/img/bacva/IMG_20231127_191145.jpg
+++ b/img/bacva/IMG_20231127_191145.jpg
--- a/img/bacva/IMG_20231128_194052.jpg
+++ b/img/bacva/IMG_20231128_194052.jpg
--- a/img/bacva/IMG_20231201_195449.jpg
+++ b/img/bacva/IMG_20231201_195449.jpg
--- a/img/bacva/IMG_20231201_195501.jpg
+++ b/img/bacva/IMG_20231201_195501.jpg
--- a/img/bacva/IMG_20231201_195502.jpg
+++ b/img/bacva/IMG_20231201_195502.jpg
--- a/img/bacva/IMG_20231203_002223.jpg
+++ b/img/bacva/IMG_20231203_002223.jpg
--- a/img/bacva/IMG_20231203_174709.jpg
+++ b/img/bacva/IMG_20231203_174709.jpg
--- a/img/bacva/IMG_20231203_205010.jpg
+++ b/img/bacva/IMG_20231203_205010.jpg
--- a/img/bacva/IMG_20231214_114838.jpg
+++ b/img/bacva/IMG_20231214_114838.jpg
--- a/img/bacva/IMG_20231214_131238.jpg
+++ b/img/bacva/IMG_20231214_131238.jpg
--- a/img/bacva/IMG_20231222_193722.jpg
+++ b/img/bacva/IMG_20231222_193722.jpg
--- a/img/bacva/IMG_20240108_152548.jpg
+++ b/img/bacva/IMG_20240108_152548.jpg
--- a/img/bacva/IMG_20240108_152602.jpg
+++ b/img/bacva/IMG_20240108_152602.jpg
--- a/img/bacva/IMG_20240108_152607.jpg
+++ b/img/bacva/IMG_20240108_152607.jpg
--- a/img/bacva/IMG_20240115_174919.jpg
+++ b/img/bacva/IMG_20240115_174919.jpg
--- a/img/bacva/IMG_20240115_174933.jpg
+++ b/img/bacva/IMG_20240115_174933.jpg
--- a/img/bacva/IMG_20240115_225509.jpg
+++ b/img/bacva/IMG_20240115_225509.jpg
--- a/img/bacva/IMG_20240117_162922.jpg
+++ b/img/bacva/IMG_20240117_162922.jpg
--- a/img/bacva/IMG_20240117_195203.jpg
+++ b/img/bacva/IMG_20240117_195203.jpg
--- a/img/bacva/IMG_20240119_073719.jpg
+++ b/img/bacva/IMG_20240119_073719.jpg
--- a/img/bacva/IMG_20240119_074940.jpg
+++ b/img/bacva/IMG_20240119_074940.jpg
--- a/img/bacva/IMG_20240119_215930.jpg
+++ b/img/bacva/IMG_20240119_215930.jpg
--- a/img/bacva/IMG_20240129_230700.jpg
+++ b/img/bacva/IMG_20240129_230700.jpg
--- a/img/bacva/IMG_20240129_232333.jpg
+++ b/img/bacva/IMG_20240129_232333.jpg
--- a/img/bacva/IMG_20240131_174213.jpg
+++ b/img/bacva/IMG_20240131_174213.jpg
--- a/img/bacva/IMG_20240204_005424.jpg
+++ b/img/bacva/IMG_20240204_005424.jpg
--- a/img/bacva/IMG_20240204_224843.jpg
+++ b/img/bacva/IMG_20240204_224843.jpg
--- a/img/bacva/IMG_20240204_230321.jpg
+++ b/img/bacva/IMG_20240204_230321.jpg
--- a/img/bacva/IMG_20240205_072921.jpg
+++ b/img/bacva/IMG_20240205_072921.jpg
--- a/img/bacva/IMG_20240205_182730.jpg
+++ b/img/bacva/IMG_20240205_182730.jpg
--- a/index.html
+++ b/index.html
@ -14,6 +14,7 @@
  <h3>Hello, I'm biterr, a linux nerd. I have atleast 20 websites on WWW.</h3>
  <span style="color: red;">BIRD HAS A JOINT</span>
  <a href="https://socel.net/@biterr"><img src="img/biterr.svg" class="pure-img" alt="OC"></a><br>
+  <a href="/pages/gallery.html"><button class="button">My cat gallery</button></a>
  <a href="pages/metal.html"><button class="button">MY NEWEST STORY</button></a>
  <a href="pages/faq.html"><button class="button">Would suggest ya to read FAQ</button></a>
  <a href="pages/contact.html"><button class="button">Also here're my contacts</button></a>
--- a/jquery.js
+++ b/jquery.js
--- a/not_found.html
+++ b/not_found.html
@ -12,7 +12,7 @@
  </head>
  <body>
  <a href="https://www.cancer.org/healthy/stay-away-from-tobacco/guide-quitting-smoking.html">
-  <img src="img/cigar.svg" alt="Here!">
+  <img src="/img/cigar.svg" alt="Here!">
  </a>
  </body>
 </html>
--- a/pages/gallery.html
+++ b/pages/gallery.html
@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Biterr's cave!</title>
+    <link href="/style/base.css" rel="stylesheet" type="text/css" media="all">
+    <script src="/jquery.js" />
+</head>
+<body>
+    <header>
+        <script src="/header.js"></script>
+    </header>
+    <main>
+        <h1>My cat's gallery</h1>
+        <h4>Pictures go from youngest to oldest</h4>
+        <script>
+var folder = "/img/bacva/";
+$.ajax({
+    url : folder,
+    success: function (data) {
+        $(data).find("a").attr("href", function (i, val) {
+            if( val.match(/\.(jpe?g|png|gif)$/) ) { 
+                $("main").append( "<a href='"+ folder + val +"'><img class='catimg' src='"+ folder + val +"'></a>" );
+            } 
+        });
+    }
+});
+        </script>
+    </main>
+</body>
--- a/style/base.css
+++ b/style/base.css
@ -39,4 +39,10 @@ hr {
  -moz-transform: scale(1.5, 1);
  transform: scale(1.5, 1);
 }
+}
+.catimg {
+  max-width: 20%;
+  height: 20%;
+  display: inline-block;
+  margin: 2px;
 }