Select Git revision
libSDL2-2.0.0.dylib
rules.html 9.39 KiB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<script src="scripts/nav.js" async></script>
<script src="scripts/slides.js" async></script>
<title>Create Against Hate</title>
</head>
<body id="rules">
<header id="main-navigation">
<img src="assets/main-logo/logo-long-dark.min.svg" alt="Create Against Hate Logo">
<!-- Navigation Bar -->
<nav aria-label="Create Against Hate Main Navigation">
<ul role="menubar" class="navbar">
<li role="none">
<!-- aria-label is necessary for when the text is hidden on mobile -->
<a href="index.html" role="menuitem" aria-label="Home">
<!-- .hideable-text exists for the mobile navigation which contains no text -->
<span class="icon--home"></span><span class="hideable-text">Home</span>
</a>
</li>
<li role="none">
<a href="about.html" aria-label="About Stop Hate UK" role="menuitem">
<span class="icon--about"></span><span class="hideable-text">About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="#" aria-label="Jam Rules" role="menuitem" aria-current="page">
<span class="icon--rules"></span><span class="hideable-text">Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" aria-label="How to find us" role="menuitem">
<span class="icon--location"></span><span class="hideable-text">How to find us</span>
</a>
</li>
</ul>
</nav>
<!-- Burger Menu -->
<button type="button" class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
<span class="hamburger--top"></span>
<span class="hamburger--middle"></span>
<span class="hamburger--bottom"></span>
</button>
</header>
<main>
<!-- Rules -->
<section id="rules__jam-rules" class="text-section text--white link--blue">
<h1>Jam Rules</h1>
<p>We want all our participants to have a great time, make new friends and finish their game knowing they've contributed to an amazing cause in <i>Stop Hate UK</i>!</p>
<p>To make this jam a success, all participants must comply with the following rules:</p>
<ol>
<li>
<i>Create Against Hate</i> has a zero-tolerance policy towards any kind of hate speech, aggressive behaviour or bullying of any kind. Participants found engaging in such behaviour will be made to leave.
</li>
<li>
All participants must be at least 16. Any under-18's attending the event in-person must be accompanied by a guardian.
</li>
<li>
Teams will be assigned to you for this jam! This way, everyone will have a team with a broad range of specialties, but we'd also like participants to take this opportunity to make new friends!
</li>
<li>
This is a family-friendly event, so NSFW content is prohibited. We ask that participants' works are compliant with PEGI 3, 7 or 12 guidelines and that games are submitted with the proposed PEGI age classification noted. For further info about what your game can include, please visit <a href="https://pegi.info/" target="_blank" rel="noopener">pegi.info/</a>.
</li>
<li>
All content submitted must be created during the jam. This includes images, audio, text, code or any other aspect of your game. Any content found to have been created before the jam will be removed. If you want to include something created before the jam, please ask one of our friendly moderators! All requests will be handled on a case-by-case basis. </li>
<li>
All submissions must be based on the theme (manga).
</li>
</ol>
<a class="btn--primary" href="index.html#home__sign-up">
Sign Up Now!
</a>
</section>
<!-- Ideas -->
<section id="rules__get-help" class="text-section">
<h2>Help! I literally have no ideas!</h2>
<p>We get it! Someone told you this jam's screaming your name, but you're currently wondering <i>"what on Earth <b>is</b> a manga, anyway?"</i> Or maybe it's already August 26 and every member of your team was hoping someone else would have some ideas. The clock's ticking and you're starting to panic!</p>
<p>Worry no more! We've created a list of suggestions which all participants are free to use.</p>
<!-- Carousel -->
<div role="region" class="carousel link--pink" aria-roledescription="carousel" aria-label="Game jam suggestions">
<button type="button" class="carousel-button__left">
<
</button>
<button type="button" class="carousel-button__right">
>
</button>
<div class="carousel__inner">
<div role="group" class="slide" aria-roledescription="slide" aria-label="1 of 5">
<img src="assets/img/placeholder-sketches/fighter.jpg" alt="2D fighting game illustration">
<div class="slide__text-content">
<p>You could create a thrilling 2D fighting game like <a href="https://www.streetfighter.com/en/" target="_blank" rel="noopener">Street Fighter</a></p>
</div>
</div>
<div role="group" class="slide" aria-roledescription="slide" aria-label="2 of 5">
<img src="assets/img/placeholder-sketches/bullet-hell.jpg" alt="Bullet hell game illustration">
<div class="slide__text-content">
<p>Get moving and make an adrenaline-boosting bullet hell game like <a href="https://en.wikipedia.org/wiki/Touhou_Project" target="_blank" rel="noopener">Touhou</a></p>
</div>
</div>
<div role="group" class="slide" aria-roledescription="slide" aria-label="3 of 5">
<img src="assets/img/placeholder-sketches/mystery.jpg" alt="Mystery game illustration">
<div class="slide__text-content">
<p>Grip your audience with a mind-bending mystery game like <a href="https://www.ace-attorney.com/" target="_blank" rel="noopener">Ace Attorney</a></p>
</div>
</div>
<div role="group" class="slide" aria-roledescription="slide" aria-label="4 of 5">
<img src="assets/img/placeholder-sketches/romance.jpg" alt="Otome game illustration">
<div class="slide__text-content">
<p>Weave a tale of love with a heart-racing otome game like <a href="https://en.wikipedia.org/wiki/Mystic_Messenger" target="_blank" rel="noopener">Mystic Messenger</a></p>
</div>
</div>
<div role="group" class="slide" aria-roledescription="slide" aria-label="5 of 5">
<img src="assets/img/placeholder-sketches/rpg.jpg" alt="RPG illustration">
<div class="slide__text-content">
<p>Set off on an adventure with an old-school RPG like <a href="https://en.wikipedia.org/wiki/Live_A_Live" target="_blank" rel="noopener">Live A Live</a></p>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<!-- Copyright -->
<p><i>Create Against Hate</i> © Robin King 2022</p>
<!-- Sitemap -->
<nav id="sitemap" class="navbar" aria-label="Create Against Hate Sitemap">
<ul role="menubar">
<li role="none">
<a href="index.html" role="menuitem">Home</a>
</li>
<li role="none">
<a href="about.html" role="menuitem">About <i>Stop Hate UK</i></a>
</li>
<li role="none"> <a href="#" role="menuitem" aria-current="page">Jam Rules</a>
</li>
<li role="none">
<a href="location.html" role="menuitem">How to find us</a>
</li>
</ul>
</nav>
<!-- Socials -->
<ul id="socials">
<li>
<a href="https://twitter.com" target="_blank" rel="noopener" title="twitter.com"><span class="icon--twitter"></span></a>
</li>
<li>
<a href="https://instagram.com" target="_blank" rel="noopener" title="instagram.com"><span class="icon--insta"></span></a>
</li>
<li>
<a href="https://facebook.com" target="_blank" rel="noopener" title="facebook.com"><span class="icon--fb"></span></a>
</li>
</ul>
</footer>
</body>
</html>