diff --git a/css/footer.css b/css/footer.css index 589d04d..9ba0cb5 100644 --- a/css/footer.css +++ b/css/footer.css @@ -34,7 +34,7 @@ footer .top div { color: var(--fg-dark); } -footer .uwu { +footer .op { margin: 0.5em auto; padding: 0; @@ -43,23 +43,23 @@ footer .uwu { display: flex; justify-content: space-around; } -footer .uwu hr { +footer .op hr { margin: 0; padding: 0; } @media (max-width:470px) { - footer .uwu { + footer .op { flex-direction: column; justify-content: center; align-items: center; } - footer .uwu hr { + footer .op hr { display: none; } } -footer .uwu p, -footer .uwu a { +footer .op p, +footer .op a { font-family: 'Lexend Deca', sans-serif; margin: 0; diff --git a/css/team.css b/css/team.css index 4896c13..12aba68 100644 --- a/css/team.css +++ b/css/team.css @@ -118,6 +118,8 @@ background: #151515dd; border-radius: 0; + + backdrop-filter: blur(1px); } #team .fullScreenImage span { margin: 0; @@ -134,6 +136,8 @@ font-weight: bolder; color: #FFFFFF; cursor: pointer; + + user-select: none; } #team .fullScreenImage img { margin: 0; @@ -141,6 +145,8 @@ max-width: 90%; max-height: 90%; + width: auto; + height: auto; min-width: none; min-height: none; @@ -152,5 +158,8 @@ left: 50%; transform: translate(-50%, -50%); - border-radius: 0; + background-color: #151515; + outline: #FFFFFF88 1px solid; + border: #00000088 1px solid; + border-radius: 5px; } diff --git a/fullscreenViewer.js b/fullscreenViewer.js new file mode 100644 index 0000000..a1be1dc --- /dev/null +++ b/fullscreenViewer.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/images/merror.jpg b/images/merror.jpg new file mode 100644 index 0000000..693176d Binary files /dev/null and b/images/merror.jpg differ diff --git a/images/noImage.jpg b/images/noImage.jpg deleted file mode 100644 index 3a362d2..0000000 Binary files a/images/noImage.jpg and /dev/null differ diff --git a/images/noImage.png b/images/noImage.png new file mode 100644 index 0000000..2667e37 Binary files /dev/null and b/images/noImage.png differ diff --git a/index.html b/index.html index c8611f0..38f7ef2 100644 --- a/index.html +++ b/index.html @@ -31,6 +31,9 @@
+ + +
3 colourful wiggly lines

Welcome to DV8's Game Event!

@@ -50,17 +53,17 @@

Team:

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

+ 3D Environment Art, Game Design, Programming

- Ben Easton - 3D Art, Story Development

+ 3D Art, Story Development

- Hannah Burfoot - Character Art, UI Design

+ Character Art, UI Design

- Sasha Guerrier Gregory - Level Design, Game Design

+ Level Design, Game Design

- Toby Pettman Programming

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

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

@@ -183,11 +186,11 @@

× - + Error, could not load image
- +
@@ -273,7 +276,7 @@

-
+

Made by Michal


GitHub @@ -291,7 +294,7 @@ - + diff --git a/script.js b/script.js index a1be1dc..4fe2907 100644 --- a/script.js +++ b/script.js @@ -1,14 +1,7 @@ -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"; +document.querySelector(".manualError").onclick = () =>{ + document.querySelector(".manualError").style.top= "5em"; + document.querySelector(".manualError").style.width= "160px"; + document.querySelector(".manualError").style.height= "90px"; } + +console.log("UwU") diff --git a/stylesheet.css b/stylesheet.css index 1a67263..9d7fb3e 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -133,7 +133,7 @@ h3 { margin: 0.5em 0; } .gray { - margin: 0; + margin: 0 !important; padding: 0; color: #696969; @@ -173,3 +173,16 @@ h3 { padding: 3em 0 0 0; } } + +/* + No cheating! +*/ +.manualError { + width: 40px; + height: 40px; + + top: 0.6em; + left: 2em; + + position: absolute; +}