mirror of
https://github.com/Fluffy-Bean/GameExpo.git
synced 2025-05-14 14:02:14 +00:00
317 lines
12 KiB
HTML
317 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="DV8 Game Event 2022">
|
|
<title>Game Event</title>
|
|
<link rel="icon" type="image/x-icon" href="images/dv8.png">
|
|
<!-- Style -->
|
|
<link rel="stylesheet" href="stylesheet.css">
|
|
<!-- Fonts -->
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@600&display=swap">
|
|
</head>
|
|
<body>
|
|
<!-- To professional web developers, please forgive me if I could've done all this better. -->
|
|
<!-- Navigation Root -->
|
|
<nav>
|
|
<img src="images/dv8.png" alt="DV8 logo" class="logo">
|
|
<input type="checkbox" id="toggler">
|
|
<label for="toggler"><i class="material-icons">menu</i></label>
|
|
<div class="menu">
|
|
<a href="#team" class="team">The Team</a>
|
|
<a href="#about" class="about">About</a>
|
|
<a href="#visitors" class="visitors">Visitors</a>
|
|
<a href="#times" class="times">Times</a>
|
|
<a href="#activities" class="activities">Activities</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Root of all the text sections -->
|
|
<main>
|
|
<img src="images/merror.jpg" alt="" class="manualError">
|
|
<!-- Script -->
|
|
<script src="script.js"></script>
|
|
<header>
|
|
<img src="images/wiggleBefore.png" alt="3 colourful wiggly lines">
|
|
<h1>Welcome to DV8's Game Event!</h1>
|
|
<img src="images/wiggleAfter.png" alt="3 colourful wiggly lines">
|
|
</header>
|
|
|
|
<!-- Teams -->
|
|
<!-- Some of these games are genuely really cool, I wish more people submitted their games to show up on here -->
|
|
<section id="team">
|
|
<h2>The Teams</h2>
|
|
<!-- Foragers Haven -->
|
|
<div>
|
|
<img src="images/teams/foragersHaven.png" alt="Foragers Haven logo" loading="lazy">
|
|
<span></span>
|
|
<div class="teamInfo">
|
|
<h3>Foragers Haven</h3>
|
|
|
|
<p>Team:</p>
|
|
<p>- Farley Barker
|
|
<span class="gray">3D Environment Art, Game Design, Programming</span></p>
|
|
<p>- Ben Easton
|
|
<span class="gray">3D Art, Story Development</span></p>
|
|
<p>- Hannah Burfoot
|
|
<span class="gray">Character Art, UI Design</span></p>
|
|
<p>- Sasha Guerrier Gregory
|
|
<span class="gray">Level Design, Game Design</span></p>
|
|
<p>- Toby Pettman
|
|
<span class="gray">Programming</span></p>
|
|
<p>- Russell Charlwood
|
|
<span class="gray">3D Environment Art, Level Design, Programming</span></p>
|
|
|
|
<p>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.<p>
|
|
</div>
|
|
</div>
|
|
<div class="gallery">
|
|
<h3>Game screenshots</h3>
|
|
<div>
|
|
<img src="images/gallery/foragersHaven/1.webp" loading="lazy" alt="Path surrounded by trees going towards a cave">
|
|
<img src="images/gallery/foragersHaven/2.webp" loading="lazy" alt="Path surrounded by trees stretching away into the distance">
|
|
<img src="images/gallery/foragersHaven/3.webp" loading="lazy" alt="Camping spot, containing a tent, fireplace and table surrounded by trees">
|
|
<img src="images/gallery/foragersHaven/4.webp" loading="lazy" alt="Forest full of trees">
|
|
<img src="images/gallery/foragersHaven/5.webp" loading="lazy" alt="A dark cave with a distance exit">
|
|
<img src="images/gallery/foragersHaven/6.webp" loading="lazy" alt="Hut located in a forest with a path going away from the entrance to it">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Spooked Mouse -->
|
|
<div>
|
|
<img src="images/teams/spookedMouse.jpg" alt="Spooked Mouse logo" loading="lazy">
|
|
<span></span>
|
|
<div class="teamInfo">
|
|
<h3>Mugunghwa</h3>
|
|
<p>Team: Wren</p>
|
|
<p>About: A game loosely set in South Korea about a lover who has been watching you from the shadows. They leave you gifts in the hope that you'll one day seek them out so you can be together forever...</p>
|
|
</div>
|
|
</div>
|
|
<div class="gallery">
|
|
<h3>Game screenshots</h3>
|
|
<div>
|
|
<img src="images/gallery/mugunghwa/1.webp" loading="lazy" alt="Small area surrounded by trees and bushes of different sizes">
|
|
<img src="images/gallery/mugunghwa/2.webp" loading="lazy" alt="A South Korean hut next to large trees">
|
|
<img src="images/gallery/mugunghwa/3.webp" loading="lazy" alt="A Mugunghwa in front of a large boulder">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- RedScorpion -->
|
|
<div>
|
|
<img src="images/teams/RSLogo.svg" alt="Red Scorpion logo" loading="lazy">
|
|
<span></span>
|
|
<div class="teamInfo">
|
|
<h3>Again</h3>
|
|
<p>Team: Leon, Bartek, Michal and Nathan</p>
|
|
<p>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!</p>
|
|
</div>
|
|
</div>
|
|
<div class="gallery">
|
|
<h3>Game screenshots</h3>
|
|
<div>
|
|
<img src="images/gallery/again/1.webp" loading="lazy" alt="Rooftops of Brazilian houses, with signs directing the player where to go">
|
|
<img src="images/gallery/again/2.webp" loading="lazy" alt="Rooftops of colourful Brazilian Favela houses">
|
|
<img src="images/gallery/again/3.webp" loading="lazy" alt="Rooftops of Brazilian Favela houses, with a large mono-coloured brick building in the centre">
|
|
<img src="images/gallery/again/4.webp" loading="lazy" alt="Rooftops of colourful Brazilian Favela houses">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Rainforest Runner -->
|
|
<div>
|
|
<img src="images/teams/rainforestRunner.png" alt="Rainforrest Runner logo" loading="lazy">
|
|
<span></span>
|
|
<div class="teamInfo">
|
|
<h3>Rainforest Runner</h3>
|
|
<p>Team: Bradley, William, Munir and Sophie</p>
|
|
<p>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.</p>
|
|
</div>
|
|
</div>
|
|
<div class="gallery">
|
|
<h3>Game screenshots</h3>
|
|
<div>
|
|
<img src="images/gallery/rainforestRunner/1.webp" loading="lazy" alt="Wooden bridge, taking the player over a large lake">
|
|
<img src="images/gallery/rainforestRunner/2.webp" loading="lazy" alt="A path, taking the player through a rainforest with logs and trees to dodge">
|
|
<img src="images/gallery/rainforestRunner/3.webp" loading="lazy" alt="Sandy beach with palm trees and sand dunes to dodge">
|
|
<img src="images/gallery/rainforestRunner/4.webp" loading="lazy" alt="Player going through wooden bridge about to enter a rainforest full of trees">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Desperate Conflicts -->
|
|
<div>
|
|
<img src="images/teams/desperateConflicts.png" alt="Desperate Conflicts logo" loading="lazy">
|
|
<span></span>
|
|
<div class="teamInfo">
|
|
<h3>Desperate Conflicts</h3>
|
|
<p>Team: Eliza Milburn and Yannick Fullager</p>
|
|
<p>About: Desperate Conflicts is a fast paced real time strategy game, where you command fleets of ships in an attempt to destroy enemy bases via breaking through the increasingly difficult defences.</p>
|
|
</div>
|
|
</div>
|
|
<div class="gallery">
|
|
<h3>Game screenshots</h3>
|
|
<div>
|
|
<img src="images/gallery/desperateConflicts/1.webp" loading="lazy">
|
|
<img src="images/gallery/desperateConflicts/2.webp" loading="lazy">
|
|
<img src="images/gallery/desperateConflicts/3.webp" loading="lazy">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Foragers Haven -->
|
|
<div>
|
|
<img src="images/teams/atrophy.png" alt="Atrophy logo" loading="lazy">
|
|
<span></span>
|
|
<div class="teamInfo">
|
|
<h3>Atrophy</h3>
|
|
<p>Team: Joseph, Sebastian</p>
|
|
</div>
|
|
</div>
|
|
<div class="gallery">
|
|
<h3>Game screenshots</h3>
|
|
<div>
|
|
<img src="images/gallery/atrophy/1.webp" loading="lazy">
|
|
<img src="images/gallery/atrophy/2.webp" loading="lazy">
|
|
<img src="images/gallery/atrophy/3.webp" loading="lazy">
|
|
<img src="images/gallery/atrophy/4.webp" loading="lazy">
|
|
<img src="images/gallery/atrophy/5.webp" loading="lazy">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- More! -->
|
|
<div class="teamOther">
|
|
<h3>And many others!</h3>
|
|
</div>
|
|
|
|
<!-- Screen overlay -->
|
|
<div class="fullScreenImage">
|
|
<span>×</span>
|
|
<img src="images/noImage.png" alt="Error, could not load image">
|
|
</div>
|
|
|
|
<!-- Script -->
|
|
<script src="fullscreenViewer.js"></script>
|
|
</section>
|
|
|
|
<section id="about">
|
|
<h2>About</h2>
|
|
<div>
|
|
<p>The DV8 Game Event is an event run by its Gave Development students from Level 3 year 1 and 2. This year, they will be hosting things like game demos of their projects they've been working on over the year as a chance to show off their skills to others. Pannels talking about various subjects, such as how non-binary characters can be displayed in games. And much more, so come along if you want to see all this in action!</p>
|
|
<span class="gray"><a href="#activities">View activities here</a></span>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Visitors -->
|
|
<section id="visitors">
|
|
<h2>Featured Visitors</h2>
|
|
<div>
|
|
<img src="images/visitors/EpicGames.png" alt="Epic Games">
|
|
<img src="images/visitors/makereal.svg" alt="Make Real">
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Times -->
|
|
<section id="times">
|
|
<h2>Times and Dates</h2>
|
|
<div class="times">
|
|
<div>
|
|
<h3>Friday - June</h3>
|
|
<div>
|
|
<i class="material-icons">event</i>
|
|
<p>17/6/2022</p>
|
|
</div>
|
|
<div>
|
|
<i class="material-icons">schedule</i>
|
|
<p>11:00 to 16:00</p>
|
|
</div>
|
|
<div>
|
|
<i class="material-icons">place</i>
|
|
<p>27 Richmond Pl, BN2 9NA</p>
|
|
</div>
|
|
</div>
|
|
<img src="images/map.png" alt="directions">
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Activities -->
|
|
<section id="activities">
|
|
<h2>Activities</h2>
|
|
<div class="activities">
|
|
<div id="showcase">
|
|
<h3>Game Showcase and Demos</h3>
|
|
<p>Students showing off their teams' work and a chance to play some of the amazing demos!</p>
|
|
</div>
|
|
<div id="demo">
|
|
<h3>Wren's Panel</h3>
|
|
<p>A panel discusing how we could sucessfully implament non-binary chacters into video games. From NPCs to the main cast to the main character themselves.</p>
|
|
</div>
|
|
<div id="more">
|
|
<h3>And much more!</h3>
|
|
<p>So feel free to come along and see this event.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- Footer Root -->
|
|
<footer>
|
|
<div class="top">
|
|
<div class="links">
|
|
<h3>Social Links</h3>
|
|
<a href="https://twitter.com/dv8Expo/">Twitter</a>
|
|
<a href="https://www.instagram.com/dv8gameexpo/">Instagram</a>
|
|
<a href="https://discord.gg/xkHBS9hqGM">Discord</a>
|
|
</div>
|
|
|
|
<div class="contactInformation">
|
|
<h3>Contact Information</h3>
|
|
<p>DV8Expo@gmail.com</p>
|
|
</div>
|
|
|
|
<div class="locations">
|
|
<h3>Location</h3>
|
|
<p>Brighton</p>
|
|
<p>27 Richmond Pl</p>
|
|
<p>BN2 9NA</p>
|
|
<p></p>
|
|
</div>
|
|
</div>
|
|
<div class="op">
|
|
<p>Made by Michal</p>
|
|
<hr>
|
|
<a href="https://github.com/Fluffy-Bean/GameExpo">GitHub</a>
|
|
<hr>
|
|
<p>michal-gdula@pm.me</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
<!--
|
|
Hi! If you found this congrats, you have too much time,
|
|
and this isn't the only thing that is hidden on this page!
|
|
But for now, have this ASCII maned wolf art :3
|
|
-->
|
|
<!--. . /|/| . . . . . . .-->
|
|
<!--.. /0 0 \ . . . . . ..-->
|
|
<!--(III% . \________, . .-->
|
|
<!--.. .\_, .%###%/ \'\,..-->
|
|
<!--. . . .||#####| |'\ \.-->
|
|
<!--.. . . ||. . .|/. .\V.-->
|
|
<!--. . . .|| . . || . . .-->
|
|
<!--.. . . ||. . .||. . ..-->
|
|
<!--. . . .|| . . || . . .-->
|
|
<!--.. . . ||. . .||. . ..-->
|
|
<!--. . . .|| . . || . . .-->
|
|
<!--.. . . ||. . .||. . ..-->
|
|
<!--. . . .|| . . || . . .-->
|
|
<!--.. . . ||. . .||. . ..-->
|
|
<!--. . . .|| . . || . . .-->
|
|
<!--.. . . ||. . .||. . ..-->
|
|
<!--. . . .|| . . || . . .-->
|
|
<!--.. . . ||. . .||. . ..-->
|
|
<!--. . . .|| . . || . . .-->
|
|
<!--.. . . ||. . .||. . ..-->
|
|
<!--. . . .|| . . || . . .-->
|
|
<!--.. . . ||. . .||. . ..-->
|
|
<!--. . . cc/ . .cc/ . . .-->
|
|
</html>
|