diff --git a/css/team.css b/css/team.css index d3b9928..b0d4e07 100644 --- a/css/team.css +++ b/css/team.css @@ -1,3 +1,11 @@ +/* + When page thin content stacks +*/ +#team div:last-child { + justify-content: center; + align-items: center; +} + #team div img { /*width: 100%;*/ max-width: 20em; @@ -21,15 +29,40 @@ #team div div { display: block; } -#teams div p { +#team div p { margin: 0 !important; } #team div span { margin: 0 0.5em; } +#team .gallery { + display: flex; + flex-direction: column; +} +#team .gallery div { + margin: auto -1em -1em; + + display: flex; +} +#team .gallery div img { + margin: 0.5em; + + min-width: none; + max-width: 100%; + height: 23em; + + + object-fit: cover; +} +#team .gallery h3 { + font-size: 24px; + + margin: 0; +} + /* - When page is too thin, the picture and text stacks + Normal page view */ @media (min-width:621px) { @@ -40,4 +73,17 @@ #team div img { min-width: 15em; } + #team .gallery div img { + margin: 0.5em; + + max-width: calc(50% - 1em); + width: 100%; + min-width: 20em; + } + #team .gallery div { + margin: auto -0.5em -0.5em; + + flex-wrap: wrap; + justify-content: space-around; + } } diff --git a/images/gallery/image.png b/images/gallery/1.png similarity index 100% rename from images/gallery/image.png rename to images/gallery/1.png diff --git a/images/gallery/image(1).png b/images/gallery/2.png similarity index 100% rename from images/gallery/image(1).png rename to images/gallery/2.png diff --git a/images/gallery/image(2).png b/images/gallery/3.png similarity index 100% rename from images/gallery/image(2).png rename to images/gallery/3.png diff --git a/images/gallery/image(3).png b/images/gallery/4.png similarity index 100% rename from images/gallery/image(3).png rename to images/gallery/4.png diff --git a/index.php b/index.php index d623016..18cca19 100644 --- a/index.php +++ b/index.php @@ -30,7 +30,7 @@

The Teams

diff --git a/ui/teams.php b/ui/teams.html similarity index 82% rename from ui/teams.php rename to ui/teams.html index 54153dd..e5803fe 100644 --- a/ui/teams.php +++ b/ui/teams.html @@ -7,6 +7,8 @@ --> + +
Red Scorpion logo @@ -14,6 +16,8 @@

Again is an innovative game made towards gamers from all ends. Speedrunners and achievers, to casual gamers admiring works and the environment. With: high quality, custom made, assets; fast, fun gameplay and many ways to finish. You are surely going to have a fun time playing! Made by Leon, Bartek, Michal and Nathan.

+ +
Spooked Mouse logo @@ -21,6 +25,8 @@

Mugunghwa is a game loosely set in South Korea about a lover who has been watching you from the shadows. They leave you gifts in hope that you'll one day seek them out so you can be together forever... Made by Wren

+ +
Rainforrest Runner logo @@ -30,9 +36,17 @@

About: Rainforest Runner is an endless runner game where you will have to dodge the dangers of the Brazilian rainforest. If you survive, you're awarded with a chest full of treasure and rewards for completing the level. Good luck! You'll need it.

-
- "; }; - ?> + + + +
+

And many other teams!