From 47efe494954954618a9c367940038531fcd7e588 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zden=C4=9Bk=20Borovec?= <zdenda.borovec@gmail.com>
Date: Sat, 27 Apr 2024 21:32:25 +0200
Subject: [PATCH] update image container style

---
 assets/common/styles.css | 21 ++++++++++++++++++---
 docs/www/index.php       |  2 +-
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/assets/common/styles.css b/assets/common/styles.css
index bfd7e00..a9f9c43 100755
--- a/assets/common/styles.css
+++ b/assets/common/styles.css
@@ -119,7 +119,7 @@ code {
 	padding: 1em;
 }
 
-.image-container {
+.image-container-right {
 	border-style: solid;
 	border-width: thin;
 	border-color: black;
@@ -130,16 +130,31 @@ code {
 	background-color: black;
 	color: white;
 	padding: 1em;
+	margin-left: 1em;
 }
 
-.image-container img {
+.image-container-right {
+	border-style: solid;
+	border-width: thin;
+	border-color: black;
+	border-radius: 0.5em;
+	float: right;
+	background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_dark_tile.png");
+	background-repeat: repeat;
+	background-color: black;
+	color: white;
+	padding: 1em;
+	margin-left: 1em;
+}
+
+.image-container-left img, .image-container-right img {
 	border-radius: 0.5em;
 	border-style: solid;
 	border-width: thin;
 	border-color: black;
 }
 
-.image-container p {
+.image-container-left p, .image-container-right p {
 	font-style: italic;
 	margin-bottom: 0;
 }
diff --git a/docs/www/index.php b/docs/www/index.php
index dced068..772e1e6 100755
--- a/docs/www/index.php
+++ b/docs/www/index.php
@@ -10,7 +10,7 @@ include_once($COMMONS."/header.php");
 	<h2>
 		Who am I?
 	</h2>
-	<div class="image-container" style="max-width: 20em">
+	<div class="image-container-right" style="max-width: 20em">
 		<img src="http://assets.zdenekborovec.cz/upload/1d21313c-ca12-4cdd-8943-a19ef5602a9c/8e34af81-a431-42f3-b984-020fda40498f.png" alt="A photo of me.">
 		<p>
 			Me at the start of a walk from Brno to Prague.