diff --git a/css/team.css b/css/team.css index 51bd012..851d31c 100644 --- a/css/team.css +++ b/css/team.css @@ -22,7 +22,7 @@ display: flex; flex-direction: row; - text-align: justify; + text-align: left; align-items: center; } #team div div { @@ -38,9 +38,8 @@ /* Gallery */ - #team .gallery { - margin-bottom: 1.5em; + margin-bottom: 1em; padding: 0.5em; display: flex; @@ -67,10 +66,6 @@ #team .gallery h3 { margin: 0; } - -/* - Gallery -*/ #team div .teamInfo { display: block; } @@ -92,3 +87,60 @@ margin: 1em; } } + +/* + Fullscreen images +*/ +#team .fullScreenImage { + margin: 0; + padding: 0; + + height: 100%; + width: 100%; + z-index: 100; + + position: fixed; + top: 0; + left: 0; + + display: none; + + background: #151515dd; + + border-radius: 0; +} +#team .fullScreenImage span { + margin: 0; + padding: 0; + + align-items: center; + justify-content: center; + + position: absolute; + top: 10px; + right: 20px; + + font-size: 50px; + font-weight: bolder; + color: #FFFFFF; + cursor: pointer; +} +#team .fullScreenImage img { + margin: 0; + padding: 0; + + max-width: 90%; + max-height: 90%; + min-width: none; + min-height: none; + + align-items: center; + justify-content: center; + + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + + border-radius: 0; +} diff --git a/images/gallery/foragersHaven/1.png b/images/gallery/foragersHaven/1.png new file mode 100644 index 0000000..c827a09 Binary files /dev/null and b/images/gallery/foragersHaven/1.png differ diff --git a/images/gallery/foragersHaven/2.png b/images/gallery/foragersHaven/2.png new file mode 100644 index 0000000..c201e5d Binary files /dev/null and b/images/gallery/foragersHaven/2.png differ diff --git a/images/gallery/foragersHaven/3.png b/images/gallery/foragersHaven/3.png new file mode 100644 index 0000000..5cc020b Binary files /dev/null and b/images/gallery/foragersHaven/3.png differ diff --git a/images/gallery/foragersHaven/4.png b/images/gallery/foragersHaven/4.png new file mode 100644 index 0000000..a52f9ba Binary files /dev/null and b/images/gallery/foragersHaven/4.png differ diff --git a/images/gallery/foragersHaven/5.png b/images/gallery/foragersHaven/5.png new file mode 100644 index 0000000..aa252c8 Binary files /dev/null and b/images/gallery/foragersHaven/5.png differ diff --git a/images/gallery/foragersHaven/6.png b/images/gallery/foragersHaven/6.png new file mode 100644 index 0000000..49e48a9 Binary files /dev/null and b/images/gallery/foragersHaven/6.png differ diff --git a/images/noImage.jpg b/images/noImage.jpg new file mode 100644 index 0000000..3a362d2 Binary files /dev/null and b/images/noImage.jpg differ diff --git a/images/teams/foragersHaven.png b/images/teams/foragersHaven.png new file mode 100644 index 0000000..538789f Binary files /dev/null and b/images/teams/foragersHaven.png differ diff --git a/index.php b/index.php index c62c80e..0091c2e 100644 --- a/index.php +++ b/index.php @@ -6,6 +6,7 @@ Game Event + diff --git a/script.js b/script.js new file mode 100644 index 0000000..a1be1dc --- /dev/null +++ b/script.js @@ -0,0 +1,14 @@ +document.querySelectorAll(".gallery div img").forEach(image =>{ + image.onclick = () =>{ + document.querySelector(".fullScreenImage").style.display= "block"; + document.querySelector(".fullScreenImage img").src = image.getAttribute("src"); + + document.querySelector("html").style.overflow= "hidden"; + } +}); + +document.querySelector(".fullScreenImage span").onclick = () =>{ + document.querySelector(".fullScreenImage").style.display= "none"; + + document.querySelector("html").style.overflow= "auto"; +} diff --git a/stylesheet.css b/stylesheet.css index 806cc05..58a8bc4 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -39,7 +39,7 @@ Page Structure */ -html { +html, #wrapper { margin: 0; padding: 0; scroll-behavior: smooth; diff --git a/ui/footer.html b/ui/footer.html index aa6d504..f7918c0 100644 --- a/ui/footer.html +++ b/ui/footer.html @@ -24,7 +24,7 @@

Made by Michal

- GitHub + GitHub

michal-gdula@pm.me

diff --git a/ui/teams.html b/ui/teams.html index 8668b28..600acf5 100644 --- a/ui/teams.html +++ b/ui/teams.html @@ -8,23 +8,31 @@ --> - +
- Red Scorpion logo + Foragers Haven logo
-

Again

-

Team: Leon, Bartek, Michal and Nathan

-

About: 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!

+

Foragers Haven

+

Team Members:

+

- Farley Barker | 3D Environment Art, Game Design, Programming

+

- Ben Easton | 3D Art, Story Development

+

- Hannah Burfoot | Character Art, UI Design

+

- Sasha Guerrier Gregory | Level Design, Game Design

+

- Toby Pettman | Programming

+

- Russell Charlwood | 3D Environment Art, Level Design, Programming

+

About: Foragers Haven is a peaceful, cute, stylized adventure walking simulator. Explore a humble little forest, follow the quest line, craft potions and harvest plants, flowers and items around you.

Game screenshots

- - - - + + + + + +
@@ -41,9 +49,29 @@

Game screenshots

- - - + + + +
+
+ + +
+ Red Scorpion logo + +
+

Again

+

Team: Leon, Bartek, Michal and Nathan

+

About: 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!

+
+
+
+

Game screenshots

+
+ + + +
@@ -60,10 +88,10 @@

Game screenshots

- - - - + + + +
@@ -80,13 +108,22 @@

Game screenshots

- - - + + +
-

And many other teams!

+

And many others!

+ + +
+ × + +
+ + +