add and organize themes

19 files changed, 48 insertions, 213 deletions

diff --git a/public/assets/css/class.css b/public/assets/css/class.css
index 9113ec4..6d79077 100644
--- a/public/assets/css/class.css
+++ b/public/assets/css/class.css
@@ -92,7 +92,7 @@ html, body {
 .btn-back2panel { float: right; margin-top: calc(-1 * var(--bs-btn-padding-y)); }
 
 .btn-back2panel:hover,
-.btn-preview:hover { border: 1px solid #7777; background: #f5f5f5; }
+.btn-preview:hover { border: 1px solid #7777; background: #f5f5f5; color: #444; }
 
 
 
diff --git a/public/assets/css/themes/fall-08.css b/public/assets/css/themes/fall-08.css
new file mode 100644
index 0000000..76f1b67
--- /dev/null
+++ b/public/assets/css/themes/fall-08.css
@@ -0,0 +1,8 @@
+:root {
+    --background-image: url(/assets/media/fall-08.webp);
+    --form-layer-bgr: #cccc;
+    --bs-heading-color: #fee /* #045 */;
+    --menu-hover-bgr: #fcc;
+    --info-text-color: #112;
+    --img-credit-hover-color: #334;
+}
diff --git a/public/assets/css/themes/spring-01.css b/public/assets/css/themes/spring-01.css
new file mode 100644
index 0000000..f3eef8b
--- /dev/null
+++ b/public/assets/css/themes/spring-01.css
@@ -0,0 +1,7 @@
+:root {
+    --background-image: url(/assets/media/spring-01.webp);
+    --bs-heading-color: #045;
+    --menu-hover-bgr: #bee;
+    --info-text-color: #334;
+    --img-credit-hover-color: #334;
+}
diff --git a/public/assets/css/themes/spring-09.css b/public/assets/css/themes/spring-09.css
new file mode 100644
index 0000000..97fe4bb
--- /dev/null
+++ b/public/assets/css/themes/spring-09.css
@@ -0,0 +1,7 @@
+:root {
+    --background-image: url(/assets/media/spring-09.webp);
+    --bs-heading-color: #230;
+    --menu-hover-bgr: #bee;
+    --info-text-color: #334;
+    --img-credit-hover-color: #334;
+}
diff --git a/public/assets/media/.comments/fall-08.jpg.xml b/public/assets/media/.comments/fall-08.jpg.xml
deleted file mode 100644
index fb4c15c..0000000
--- a/public/assets/media/.comments/fall-08.jpg.xml
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<comment version="3.0">
-  <caption/>
-  <note>Vertical ratio size of sunset background. sky with soft and blur pastel colored clouds. gradient cloud on the beach resort. nature. sunrise.  peaceful morning.</note>
-  <place/>
-  <categories/>
-</comment>
diff --git a/public/assets/media/.comments/spring-05.jpg.xml b/public/assets/media/.comments/spring-05.jpg.xml
deleted file mode 100644
index ca4540e..0000000
--- a/public/assets/media/.comments/spring-05.jpg.xml
+++ /dev/null
@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<comment version="3.0">
-  <caption/>
-  <note>CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 100
-</note>
-  <place/>
-  <categories/>
-</comment>
diff --git a/public/assets/media/.comments/spring-08.jpg.xml b/public/assets/media/.comments/spring-08.jpg.xml
deleted file mode 100644
index 94372db..0000000
--- a/public/assets/media/.comments/spring-08.jpg.xml
+++ /dev/null
@@ -1,57 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<comment version="3.0">
-  <caption>Blur circle bokeh green leaf background. Blurry yellow leaves rays light flare nature backdrop.</caption>
-  <note>Blur circle bokeh green leaf background. Blurry yellow leaves rays light flare nature backdrop.</note>
-  <place/>
-  <categories>
-    <category value="park"/>
-    <category value="banner"/>
-    <category value="outdoor"/>
-    <category value="outdoors"/>
-    <category value="round"/>
-    <category value="morning"/>
-    <category value="concept"/>
-    <category value="ecology"/>
-    <category value="beauty"/>
-    <category value="focus"/>
-    <category value="blurry"/>
-    <category value="spring"/>
-    <category value="beautiful"/>
-    <category value="white"/>
-    <category value="season"/>
-    <category value="sunny"/>
-    <category value="day"/>
-    <category value="natural"/>
-    <category value="background"/>
-    <category value="bokeh"/>
-    <category value="environment"/>
-    <category value="abstract"/>
-    <category value="texture"/>
-    <category value="nature"/>
-    <category value="design"/>
-    <category value="blur"/>
-    <category value="pattern"/>
-    <category value="bright"/>
-    <category value="colorful"/>
-    <category value="light"/>
-    <category value="tree"/>
-    <category value="backdrop"/>
-    <category value="soft"/>
-    <category value="fresh"/>
-    <category value="garden"/>
-    <category value="shiny"/>
-    <category value="glowing"/>
-    <category value="sunlight"/>
-    <category value="foliage"/>
-    <category value="leaf"/>
-    <category value="green"/>
-    <category value="art"/>
-    <category value="blurred"/>
-    <category value="summer"/>
-    <category value="color"/>
-    <category value="circle"/>
-    <category value="plant"/>
-    <category value="effect"/>
-    <category value="defocused"/>
-  </categories>
-</comment>
diff --git a/public/assets/media/.comments/summer-0.jpg.xml b/public/assets/media/.comments/summer-0.jpg.xml
deleted file mode 100644
index 9c6546c..0000000
--- a/public/assets/media/.comments/summer-0.jpg.xml
+++ /dev/null
@@ -1,49 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<comment version="3.0">
-  <caption>North Beach in Nazare Portugal</caption>
-  <note>North Beach in Nazare Portugal with foaming waves</note>
-  <place/>
-  <categories>
-    <category value="wave"/>
-    <category value="sea"/>
-    <category value="portugal"/>
-    <category value="beach"/>
-    <category value="raging"/>
-    <category value="travelling"/>
-    <category value="coast"/>
-    <category value="cold"/>
-    <category value="travel"/>
-    <category value="huge"/>
-    <category value="closeup"/>
-    <category value="holiday"/>
-    <category value="relaxing"/>
-    <category value="ocean"/>
-    <category value="open"/>
-    <category value="freshness"/>
-    <category value="water"/>
-    <category value="shore"/>
-    <category value="danger"/>
-    <category value="wind"/>
-    <category value="place"/>
-    <category value="summer"/>
-    <category value="splash"/>
-    <category value="nature"/>
-    <category value="wild"/>
-    <category value="cool"/>
-    <category value="atlantic"/>
-    <category value="vacation"/>
-    <category value="algarve"/>
-    <category value="motion"/>
-    <category value="foam"/>
-    <category value="power"/>
-    <category value="fresh"/>
-    <category value="recreation"/>
-    <category value="powerful"/>
-    <category value="surfing"/>
-    <category value="speed"/>
-    <category value="storming"/>
-    <category value="nobody"/>
-    <category value="sandy"/>
-    <category value="blue"/>
-  </categories>
-</comment>
diff --git a/public/assets/media/.comments/summer-01.webp.xml b/public/assets/media/.comments/summer-01.webp.xml
deleted file mode 100644
index 9c6546c..0000000
--- a/public/assets/media/.comments/summer-01.webp.xml
+++ /dev/null
@@ -1,49 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<comment version="3.0">
-  <caption>North Beach in Nazare Portugal</caption>
-  <note>North Beach in Nazare Portugal with foaming waves</note>
-  <place/>
-  <categories>
-    <category value="wave"/>
-    <category value="sea"/>
-    <category value="portugal"/>
-    <category value="beach"/>
-    <category value="raging"/>
-    <category value="travelling"/>
-    <category value="coast"/>
-    <category value="cold"/>
-    <category value="travel"/>
-    <category value="huge"/>
-    <category value="closeup"/>
-    <category value="holiday"/>
-    <category value="relaxing"/>
-    <category value="ocean"/>
-    <category value="open"/>
-    <category value="freshness"/>
-    <category value="water"/>
-    <category value="shore"/>
-    <category value="danger"/>
-    <category value="wind"/>
-    <category value="place"/>
-    <category value="summer"/>
-    <category value="splash"/>
-    <category value="nature"/>
-    <category value="wild"/>
-    <category value="cool"/>
-    <category value="atlantic"/>
-    <category value="vacation"/>
-    <category value="algarve"/>
-    <category value="motion"/>
-    <category value="foam"/>
-    <category value="power"/>
-    <category value="fresh"/>
-    <category value="recreation"/>
-    <category value="powerful"/>
-    <category value="surfing"/>
-    <category value="speed"/>
-    <category value="storming"/>
-    <category value="nobody"/>
-    <category value="sandy"/>
-    <category value="blue"/>
-  </categories>
-</comment>
diff --git a/public/assets/media/.comments/summer-02.jpg.xml b/public/assets/media/.comments/summer-02.jpg.xml
deleted file mode 100644
index ca4540e..0000000
--- a/public/assets/media/.comments/summer-02.jpg.xml
+++ /dev/null
@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<comment version="3.0">
-  <caption/>
-  <note>CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 100
-</note>
-  <place/>
-  <categories/>
-</comment>
diff --git a/public/assets/media/.comments/summer-09.jpg.xml b/public/assets/media/.comments/summer-09.jpg.xml
deleted file mode 100644
index f90978a..0000000
--- a/public/assets/media/.comments/summer-09.jpg.xml
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<comment version="3.0">
-  <caption/>
-  <note>body of water</note>
-  <place/>
-  <categories/>
-</comment>
diff --git a/public/assets/media/.comments/winter-07.jpg.xml b/public/assets/media/.comments/winter-07.jpg.xml
deleted file mode 100644
index 58ddc92..0000000
--- a/public/assets/media/.comments/winter-07.jpg.xml
+++ /dev/null
@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<comment version="3.0">
-  <caption>Lake Hjälmanren</caption>
-  <note/>
-  <place/>
-  <categories>
-    <category value="Hjälmaren"/>
-    <category value="Lake view"/>
-    <category value="Stora Sundby Slott"/>
-    <category value="Stora sundby. Stora Sundby gård"/>
-    <category value="dimma"/>
-    <category value="fog"/>
-    <category value="lake"/>
-    <category value="landscape"/>
-    <category value="landskap"/>
-    <category value="mist"/>
-    <category value="sjö"/>
-  </categories>
-</comment>
diff --git a/public/assets/media/.comments/winter-08.jpg.xml b/public/assets/media/.comments/winter-08.jpg.xml
deleted file mode 100644
index b30ad21..0000000
--- a/public/assets/media/.comments/winter-08.jpg.xml
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<comment version="3.0">
-  <caption/>
-  <note>Bright background blur</note>
-  <place/>
-  <categories/>
-</comment>
diff --git a/public/assets/media/credits.txt b/public/assets/media/credits.txt
index 971cb12..f5533e6 100644
--- a/public/assets/media/credits.txt
+++ b/public/assets/media/credits.txt
@@ -35,9 +35,17 @@ https://www.pexels.com/photo/una-tarde-normal-16693424/
 
 
 
+    // fall
+    https://www.istockphoto.com/photo/vertical-ratio-size-of-sunset-background-sky-with-soft-and-blur-pastel-colored-gm1249608150-364223108
+    FTiare: Sky with soft and blur pastel colored clouds
 
 
 
+    // summer-09
+    // https://www.freepik.com/free-photo/body-water_13126578.htm
+    // ninjason1: Body of water
+
+
 
 
 
@@ -73,7 +81,17 @@ fall
 ++ https://www.freepik.com/free-photo/flat-lay-see-through-leaf-texture_10205888.htm
 ++ https://www.freepik.com/free-photo/top-view-transparent-leaves-with-orange-light_23404485.htm
 ++ https://www.freepik.com/free-photo/close-up-colourful-autumn-leaf-concept_8034414.htm
-+++ https://www.freepik.com/free-photo/beautiful-autumn-leaves-autumn-red-background-sunny-daylight-horizontal-toning_1284515.htm
+
+[done] https://www.freepik.com/free-photo/beautiful-autumn-leaves-autumn-red-background-sunny-daylight-horizontal-toning_1284515.htm
+<a href="https://www.freepik.com/free-photo/beautiful-autumn-leaves-autumn-red-background-sunny-daylight-horizontal-toning_1284515.htm">Image by valeria_aksakova</a> on Freepik
+
+
+
+Valeria Aksakova: Autumn leaves on autumn red background, sunny daylight horizontal toning
+https://www.freepik.com/free-photo/beautiful-autumn-leaves_1284515.htm
+
+
+
 ++ https://www.freepik.com/free-photo/flat-lay-close-up-autumn-leaf_12356800.htm
 ++ https://www.freepik.com/free-photo/beautiful-autumn-leaves-autumn-red-background-sunny-daylight-horizontal_1284510.htm
 ++ https://www.freepik.com/free-photo/beautiful-autumn-leaves-autumn-red-background-sunny-daylight-horizontal-toning_1284514.htm
@@ -151,6 +169,12 @@ no-summer
 ++ https://www.freepik.com/free-photo/amazing-aerial-view-mountains-partially-covered-with-snow-positioned-higher-than-clouds_10606093.htm
 
 
+Wow! dark:
+https://www.flickr.com/photos/docsearls/48688569986/
+https://www.flickr.com/photos/docsearls/48688235508/
+
+
+
 
 https://www.flickr.com/photos/31176607@N05/34285736050/
 https://www.flickr.com/photos/138748077@N02/45718622541/
diff --git a/public/assets/media/fall-08.jpg b/public/assets/media/fall-08.jpg
deleted file mode 100644
index f4ac8b5..0000000
--- a/public/assets/media/fall-08.jpg
+++ /dev/null
diff --git a/public/assets/media/fall-08.webp b/public/assets/media/fall-08.webp
new file mode 100644
index 0000000..8e9ce62
--- /dev/null
+++ b/public/assets/media/fall-08.webp
diff --git a/public/assets/media/spring-01.jpg b/public/assets/media/spring-01.jpg
index c45979d..398b783 100644
--- a/public/assets/media/spring-01.jpg
+++ b/public/assets/media/spring-01.jpg
diff --git a/public/assets/media/spring-01.webp b/public/assets/media/spring-01.webp
new file mode 100644
index 0000000..f0e4172
--- /dev/null
+++ b/public/assets/media/spring-01.webp
diff --git a/public/assets/media/spring-09.webp b/public/assets/media/spring-09.webp
new file mode 100644
index 0000000..429f42b
--- /dev/null
+++ b/public/assets/media/spring-09.webp