193 lines
12 KiB
HTML
Executable File
193 lines
12 KiB
HTML
Executable File
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
|
||
|
||
<!--this is for web scrapers like duckduckgo, google, etc-->
|
||
<meta name="robots" content="index, follow">
|
||
|
||
<!--self explanatory-->
|
||
<meta name="description" content="I Wani Hug that Gator! is a choice-driven narrative about teenagers struggling to find their way. Help Inco, loser highschooler extraordinaire, navigate his budding friendships (and romance!) while surviving being the only human in a dinosaur-filled school.">
|
||
<meta name="keywords" content="game, snootgame, snoot game, olivia, olivia game, gator, snoot, game, goodbye volcano high, goodbye, volcano, high, parody, parody game, free software, libre software, GNU GPL, open source games">
|
||
<meta name="author" content="Cavemanon">
|
||
|
||
<!--og: stuff is facebook stuff, but still many scrapers look for it since it's basically a standard at this point.-->
|
||
<meta property="og:site_name" content="Cavemanon" >
|
||
<meta name="twitter:domain" property="twitter:domain" content="hugthegator.xyz">
|
||
<meta name="og:title" property="og:title" content="Cavemanon" >
|
||
<meta property="og:description" content="I Wani Hug that Gator! is a choice-driven narrative about teenagers struggling to find their way. Help Inco, loser highschooler extraordinaire, navigate his budding friendships (and romance!) while surviving being the only human in a dinosaur-filled school.">
|
||
<meta name="twitter:description" property="twitter:description" content="I Wani Hug that Gator! is a choice-driven narrative about teenagers struggling to find their way. Help Inco, loser highschooler extraordinaire, navigate his budding friendships (and romance!) while surviving being the only human in a dinosaur-filled school.">
|
||
<meta property="og:image" content="https://hugthegator.xyz/favicon.png">
|
||
|
||
<!--if people share your content on twitter, these images will format their url and look cool on twitter-->
|
||
<meta property="twitter:card" content="https://hugthegator.xyz/favicon.png">
|
||
<meta name="twitter:image:src" property="twitter:image:src" content="https://hugthegator.xyz/favicon.png">
|
||
<meta name="twitter:image" property="twitter:image" content="https://hugthegator.xyz/favicon.png">
|
||
<meta name="og:image:alt" property="og:image:alt" content="dubious little gator creature who participates in mischievous activities" >
|
||
|
||
<!--self explanatory-->
|
||
<meta property="og:url" content="https://hugthegator.xyz">
|
||
<meta property="og:type" content="website">
|
||
|
||
<title>I Wani Hug That Gator! - Characters</title>
|
||
|
||
<!--External CSS sheets are not good for loading times and one day may be deprecated. Best we host all our CSS on our own.-->
|
||
<link rel="stylesheet" href="main.css">
|
||
<link rel="stylesheet" href="characters.css">
|
||
<script src="main.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="app">
|
||
|
||
<!-- Header -->
|
||
<header>
|
||
<div class="logo-container">
|
||
<img src="img/BIGLOGO.png" alt="I Wani Hug that Gator!">
|
||
<div class="logo-flavor">
|
||
The Prehistoric Romance a million-and-one years in the making!
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<nav>
|
||
<ul>
|
||
<li>
|
||
<a class="navigation-button" href="..">Home</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<h1>Characters</h1>
|
||
|
||
<ul class="character-list-container">
|
||
<li class="character-item">
|
||
<div class="character-item__portrait">
|
||
<img src="img/characters/inco neutral.png">
|
||
</div>
|
||
<div class="character-item__description">
|
||
<h2>Inco</h2>
|
||
<p>
|
||
MEET INCO: AMBITIOUS, NAIVE, ASPIRING PHOTOGRAPHER, THE NEW ARRIVAL AT ST. HAMMOND HIGH SCHOOL
|
||
|
||
</p>
|
||
<p>
|
||
Inco dreams of making a name for himself, and views his senior year as his last shot at it. However, nothing could have prepared him for what the year would throw at him. See through his shades as he bungles along in his new dino-dominated school like a proverbial 'primordial-ancestor-out-of-water'. Prepare to grit your teeth as he awkwardly fumbles his way through teenage acceptance (or lack thereof), personal vendettas, parental woes and interspecies conflicts. Who knows, he may even succeed at some of these things if you can manage to help him pull his head out of his ass long enough.
|
||
</p>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="character-item">
|
||
<div class="character-item__portrait">
|
||
<img src="img/characters/olivia neutral.png">
|
||
</div>
|
||
<div class="character-item__description">
|
||
<h2>Olivia</h2>
|
||
<p>
|
||
Meet Olivia: Paralyzed Predator, Reclusive, Artistic, Emotionally dependent on small animals
|
||
</p>
|
||
<p>
|
||
As someone who prefers to keep to themselves, Olivia isn't one to talk to people, much less try to make new friends this late in the semester. However, the fates seem intent on crashing her and Inco together like oil and water. Dismissive of him at first, Olivia was the last person expecting to find themselves friends with the newest transfer student. But depending on Inco's choices, the two just might uncover a deeper sense of understanding for each other, taking their relationship to new highs (or lows).
|
||
</p>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="character-item">
|
||
<div class="character-item__portrait">
|
||
<img src="img/characters/damien neutral.png">
|
||
</div>
|
||
<div class="character-item__description">
|
||
<h2>Damien</h2>
|
||
<p>
|
||
Meet Damien: Dilopho-Spinosaurus Hybrid, Loyal, Loud, The inner workings of his mind are an enigma
|
||
</p>
|
||
<p>
|
||
While he may not be the sharpest spear in the cave, Damien exudes the level of friendliness and charisma that only the profoundly confident (or profoundly dense) can manage. He considers himself Olivia's oldest friend, and wants to help her break out of her fossilized shell. Perhaps the new human at school is just the right person for the job...
|
||
</p>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="character-item">
|
||
<div class="character-item__portrait">
|
||
<img src="img/characters/liz neutral.png">
|
||
</div>
|
||
<div class="character-item__description">
|
||
<h2>Liz</h2>
|
||
<p>
|
||
Meet Liz: Brachiosaurus, Brainy, Outgoing, Will actually tell you what the weather is like up there
|
||
</p>
|
||
<p>
|
||
A member of the school's student council, Liz is as sharp as a whip when she's not desperately trying to corral Damien's absurdity. She is bound and determined to succeed in life, accepting the responsibility of organizing events at St. Hammond. She's worried Damien may forget about her when she leaves for college (if not the room), so she makes time to spend with him and his friends as much as possible.
|
||
</p>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="character-item">
|
||
<div class="character-item__portrait">
|
||
<img src="img/characters/ben neutral.png">
|
||
</div>
|
||
<div class="character-item__description">
|
||
<h2>Ben</h2>
|
||
<p>
|
||
Meet Ben: Parasaurolophus, Textbook Savvy, Smarmy, An overall know-it-all
|
||
</p>
|
||
<p>
|
||
The first welcoming face Inco meets at St. Hammond. Ben considers himself to be a refined student, as his grades and position in the student council will show. He even shares a passion for photography with Inco, helping solidify the two as friends. However, Inco may slowly realize that there's more to him as he uncovers the rocky relationship between him and Olivia.
|
||
</p>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="character-item">
|
||
<div class="character-item__portrait">
|
||
<img src="img/characters/mia neutral.png">
|
||
</div>
|
||
<div class="character-item__description">
|
||
<h2>Mia</h2>
|
||
<p>
|
||
Meet Mia: Also a Parasaurolophus, Rude, Crude, Has a love for the theatrics (tell anybody and she'll pike you on her tail spikes)
|
||
</p>
|
||
<p>
|
||
The school's resident bully and the bane of anyone who dares to cross her path (or so much as look at her wrong). Mia enjoys picking on those she sees as easy prey, making both her ego and intimidation levels grow. Though she doesn't look like the type, Mia is a master manipulator who loves to scheme behind everyone’s back, and cares not when Inco is caught up in the wake.
|
||
</p>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="character-item">
|
||
<div class="character-item__portrait">
|
||
<img src="img/characters/iadakan.png">
|
||
</div>
|
||
<div class="character-item__description">
|
||
<h2>Iadakan</h2>
|
||
<p>
|
||
Meet Iadakan: Pterodactyl, School Art Teacher, Understanding, Believes in you even when you don’t believe in you
|
||
</p>
|
||
<p>
|
||
One of St. Hammond High’s most respected teachers, Mr. Iadakan always encourages his students to do his best, no matter what. He sees potential in each and every pupil that enters his class, and will do his best to help them achieve their untapped potential. His drive is unlike anyone else at St. Hammond, accomplishing a great deal in his (relatively) young life. His students, and even his co-workers, are at a loss as to how this pterodactyl remains so focused at all times...
|
||
</p>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
<nav>
|
||
<ul>
|
||
<li>
|
||
<a class="navigation-button" href="..">Home</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</main>
|
||
<footer>
|
||
<div class="footerlinks">
|
||
<a class="email" href="mailto:cavemanongames@gmail.com">E-mail</a>
|
||
<a class="jslicense" href="/about/javascript/js.html" rel="jslicense">JavaScript license information</a>
|
||
<a class="attributions" href="/about/attribution/att.html">Attribution information</a>
|
||
</div>
|
||
<div class="footerlogo"></div>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
</html>
|