diff --git a/css/style.css b/css/style.css
index 6b07c47..43e11d2 100644
--- a/css/style.css
+++ b/css/style.css
@@ -56,32 +56,18 @@ main {
.row>img { max-height: 30em; max-width: 40%; }
article {
- background-color: #eee;
- border: 3px solid #ddd;
- border-radius: 2% 6% 5% 3% / 1% 1% 2% 6%;
+ background-image: url(../img/box-border-m.png);
+ background-size: 100% 100%;
position: relative;
- max-width: 32%; padding: 1.7em;
+ max-width: 32%;
+ padding: 2.4em;
+ padding-left: 2.8em;
}
+article.border-s { background-image: url(../img/box-border-s.png); }
+article.border-l { background-image: url(../img/box-border-l.png); }
article h2 { margin-top: -1.5em; font-size: 2.6em; white-space: nowrap; }
article:nth-child(1) h2 { margin-right: -1.5em; text-align: right; }
article:nth-child(2) h2 { margin-left: -1.5em; }
-article::before {
- content: '';
- border: 2px solid #dfdfdf;
- display: block;
- width: 100%;
- height: 100%;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg);
- border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
- z-index: -1;
-}
-article: nth-child(1)::before {
- transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(-1deg);
- border-radius: 2% 6% 5% 4% / 1% 1% 2% 4%;
-}
@media screen and (max-width: 699px) {
body { background: none; font-size: 1em; }
@@ -98,7 +84,10 @@ article: nth-child(1)::before {
.row:nth-child(even) { flex-direction: column-reverse; }
.row>img { max-height: 80%; max-width: 80%; margin: 1em 0; }
- article { max-width: 100%; align-self: center !important; padding: 1em; }
+ article {
+ max-width: 100%; align-self: center !important; padding: 3em;
+ background-image: url(../img/box-border-phone.png) !important;
+ }
article h2 { margin-top: auto; font-size: 2.3em; white-space: initial; }
article:nth-child(1) h2 { margin-right: auto; text-align: right; }
article:nth-child(2) h2 { margin-left: auto; }
diff --git a/img/box-border-l.png b/img/box-border-l.png
new file mode 100644
index 0000000..cb36179
Binary files /dev/null and b/img/box-border-l.png differ
diff --git a/img/box-border-m.png b/img/box-border-m.png
new file mode 100644
index 0000000..567b075
Binary files /dev/null and b/img/box-border-m.png differ
diff --git a/img/box-border-phone.png b/img/box-border-phone.png
new file mode 100644
index 0000000..ac411d0
Binary files /dev/null and b/img/box-border-phone.png differ
diff --git a/img/box-border-s.png b/img/box-border-s.png
new file mode 100644
index 0000000..61d5853
Binary files /dev/null and b/img/box-border-s.png differ
diff --git a/img/box-border.svg b/img/box-border.svg
new file mode 100644
index 0000000..077ae9d
--- /dev/null
+++ b/img/box-border.svg
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/index.html b/index.html
index 760675f..9282768 100644
--- a/index.html
+++ b/index.html
@@ -105,7 +105,7 @@
-
+
První krůčky k úspěchu
Na peďák nás přijali a já věděl co je můj první úkol – dostat Kubu na Dvorky. Když odcházel z přednášky, fakultou se už rozléhala hudba. Se sklopenou hlavou (hlavně aby s někým nenavázal oční kontakt) se odhodlal dojít si pro pivo. Vykukoval jsem z kapuce a pak najednou jsem ji uviděl. To je ta zrzka a jde přímo k nám! Poklepala Kubovi na rameno a já se jen modlil, aby hned neutekl. „Ahoj, nevíš v kolik začíná ta přednáška s Taberym?“ zeptala se ho. Ještě, že jsem měl celý program nastudovaný. „Za půl hoďky,“ pošeptal jsem mu. A on to po mně, s několika sekundovým zpožděním a zakoktáním, zopakoval. Ale neutekl. Měl jsem z něj radost.
@@ -128,7 +128,7 @@
-
+
Už mě nepotřebuje
Když se další den šli projít, měl jsem spoustu skvělých nápadů, co by jí měl říct, on mě ale jemně zastrčil do kapsy. Věděl si rady sám a já se sotva udržel, abych nezačal křičet radostí.