diff --git a/index.html b/index.html index 0ba9ae4..ecc08ec 100644 --- a/index.html +++ b/index.html @@ -80,29 +80,54 @@

Realizační team

-
+
Jana Slezáková +
-
+
Petra Vallin +
-
+
Darina Jirotková +
-
+
Jana Poche Kargerová +
@@ -147,6 +172,12 @@ + + diff --git a/style.css b/style.css index 9fe32c1..2bf8ff9 100644 --- a/style.css +++ b/style.css @@ -101,6 +101,7 @@ main .team figure { padding: 1em; margin: 0; } +main .team figure, main .team figure * { cursor: pointer } main .team figure img { width: 100% } main .team figure label { display: block; @@ -145,3 +146,35 @@ footer img { footer img.pedf { width: 10em } footer img:hover { transform: scale(1.1) } +.modal { + visibility: hidden; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100vh; + + display: flex; + align-items: center; + justify-content: center; + + background-color: rgba(0,0,0,0.5); + + transition: opacity .2s ease-out; + opacity: 0; +} +.modal .content { + max-width: var(--width); + padding: 3em; + background-color: #fff; + transform: translate(0, -2em); + transition: transform .2s ease-out; +} +.modal.visible { + visibility: visible; + opacity: 1; +} +.modal.visible .content { + transform: translate(0); +} +