Zeftax/personal-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update image container style

Browse source
This commit is contained in:
Zdenek Borovec 2024-04-27 21:32:25 +02:00
parent 249a668a53
commit 47efe49495
2 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
assets/common/styles.css
View file

@ -119,7 +119,7 @@ code {
padding: 1em; padding: 1em;
} }
.image-container { .image-container-right {
border-style: solid; border-style: solid;
border-width: thin; border-width: thin;
border-color: black; border-color: black;
@ -130,16 +130,31 @@ code {
background-color: black; background-color: black;
color: white; color: white;
padding: 1em; 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-radius: 0.5em;
border-style: solid; border-style: solid;
border-width: thin; border-width: thin;
border-color: black; border-color: black;
} }
.image-container p { .image-container-left p, .image-container-right p {
font-style: italic; font-style: italic;
margin-bottom: 0; margin-bottom: 0;
} }

2
docs/www/index.php
View file

@ -10,7 +10,7 @@ include_once($COMMONS."/header.php");
<h2> <h2>
Who am I? Who am I?
</h2> </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."> <img src="http://assets.zdenekborovec.cz/upload/1d21313c-ca12-4cdd-8943-a19ef5602a9c/8e34af81-a431-42f3-b984-020fda40498f.png" alt="A photo of me.">
<p> <p>
Me at the start of a walk from Brno to Prague. Me at the start of a walk from Brno to Prague.