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 @@
oli -
+

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í.