<<set $r1 to random(1,6)>><<if $r1 is 1>>
<<goto "a1">>
<<else>>
[img[https://clogosphere.neocities.org/if/ha/bigfoot.gif][r1a]] <<type 30ms>><strong>...Shh...something is moving... <br>You steady your $answer..<br>...You'll need to search this clearing to uncover any cryptids....</strong><</type>>
<</if>>
<<set $r2 to random(1,6)>><<if $r2 is 1>>
<<goto "a1">><<else>><<set $r2 to $r1+$r2>> <br>
<<type 30ms>><h2><strong>A weird and intense fiery light surrounds you!<br>
Suddenly.....<br>
[img[https://clogosphere.neocities.org/if/ha/phoenix.gif]]
Do you [[engage the creature|r2a]] with your $answer?
Or do you [[back away from the creature|r2b]] keeping your $answer out of view?
</strong></h2><</type>>
<</if>><br>
<center><img src="https://clogosphere.neocities.org/if/ha/mothman.gif" width="500" height="500"></center>
<<timed 1s>><<goto "r3a">><</timed>>
<<if visited("start") is 4>>
<<type 35ms>>That's too many close calls, $name. We can't let you go back out there with all those injuries.<br>There's always that $job gig to look forward to, right? Or...I suppose [[you could try again|start]], if you can scare up more cash for registration :) <</type>>
<<elseif visited("start") is 2>>
<<type 35ms>>Trying again, $name? <br>
Good luck out there...and don't forget your $answer! [[Go get'em|r1]]!<</type>>
<<elseif visited("start") is 3>>
<<type 35ms>>Careful now $name <br>
Those injuries need time to heal. You could do some $game while you get better? <br>jk! [[It's now|r1]] or it's never for cryptid catching!<</type>>
<<else>>
<<type 35ms>>Thank you, $name. <br> Welcome to base camp. This is where you gear up.<br> Please note: this is a far cry from the wilds of $home. <br>These cryptids are crafty, elusive, & bitey, too!<br> If you are lucky you might catch one<br> If you're even luckier, you won't get hurt!
Click through the available gear below: <br>
<h2><<cycle "$answer" autoselect>>
<<option "camera">>
<<option "net">>
<<option "harpoon">>
<<option "set of tranquilizer darts">>
<<option "pair of boxing gloves">>
<<option "salt lick">>
<</cycle>></h2>
<<timed 15s>><br><em>Choose something, already, will ya?</em>
<<next 3s>><em>It's about time to [[begin your pursuit|r1]]!</em><</timed>><</type>>
<</if>>
<<if $r3 gt 1>>
<style>.grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
width: 90%;
margin: 0 auto;
}
.item {
width: 30%;
margin-bottom: 2%;
text-align: left;
}
.item img {
width: 100%;
height: auto;
}
</style><div class="grid">
<div class="item">
[img[https://clogosphere.neocities.org/if/ha/bigfoot.gif]]
<p>$cryptid1</p>
</div>
<div class="item">
[img[https://clogosphere.neocities.org/if/ha/phoenix.gif]]
<p>$cryptid2</p>
</div>
<div class="item">
[img[https://clogosphere.neocities.org/if/ha/mothman.gif]]
<p>$cryptid3</p></div>
<<elseif $r2 gt 1>>
<style>.grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
width: 90%;
margin: 0 auto;
}
.item {
width: 30%;
margin-bottom: 2%;
text-align: left;
}
.item img {
width: 100%;
height: auto;
}
</style><div class="grid">
<div class="item">
[img[https://clogosphere.neocities.org/if/ha/bigfoot.gif]]
<p>$cryptid1</p>
</div>
<div class="item">
[img[https://clogosphere.neocities.org/if/ha/phoenix.gif]]
<p>$cryptid2</p>
</div>
<<elseif $r1 gt 1>><style>.grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
width: 90%;
margin: 0 auto;
}
.item {
width: 30%;
margin-bottom: 2%;
text-align: left;
}
.item img {
width: 100%;
height: auto;
}
</style><div class="grid">
<div class="item">
[img[https://clogosphere.neocities.org/if/ha/bigfoot.gif]]
<p>$cryptid1</p>
</div>
<<else>>
<center>You return to base camp and strike up a game of $game with other retirees.<br>The others laugh as you gesture expressively with your $answer. <br><em> "You should have seen the one that got away!"</em>, you brag...</center>
<</if>>
<center><<button "THE END" "credits">><<script>>/* (code) */<</script>><</button>></center>
<<set $r1 to 0>><<set $r2 to 0>><<set $r3 to 0>>
<style>
.container {
display: grid;
grid-template-areas:
"header header"
"menu content"
"footer footer";
grid-template-columns: 2fr 3fr;
gap: 5px;
background-color: black;
padding: 5px;
}
.container > div {
background-color: darkolivegreen;
padding: 10px;
}
.container > div.header {
grid-area: header;
text-align: center;
}
.container > div.menu {
grid-area: menu;
}
.container > div.content {
grid-area: content;
}
</style>
<div class="container">
<div class="header"><h1>IN PURSUIT OF HIDDEN ANIMALS</h1></div>
<div class="menu"><h3>Welcome, Cryptozoologists! We know you are eager to get on with your pursuit of hidden animals, and for this we salute you! Please fill out this modest intake form so that we may better serve you while you are in the region. <br><br><em><strong>Sincerely, <br>CRYPTO-TOURS, INC</strong></em></h3>
</div>
<div class="content">NAME:
<<textbox "$name" "">><br>
HOMETOWN:
<<textbox "$home" "">><br>
DAY JOB:
<<textbox "$job" "">><br>
FAVORITE GAME:
<<textbox "$game" "">>
<br>
<<button "SUBMIT" "start">><<script>>/* (code) */<</script>><</button>> </div>
<span style="color: seagreen"><h2>In Pursuit of Hidden Animals: <br>An Interactive Fiction by Carl Diehl</h2></span>
<em><span style="color: darkgray">Design Resources:
<ul><li>Twine, Photomosh, EZGIF, Photoshop, Illustrator, Experimental TV Center
</li><li>Source Files: Cryptids poster by Vlad Stankovic, The Mothman Wikia, Pexels CC0 Images, wobbulator synthesis by C.Diehl, The Weird and the Odd Journal </li></ul></span></em>
<span style="color: darkgray">electronicelsewhere.com | cc-by-nc-sa | 2024</span>
<br>
<h2>* <a href="https://clogosphere.neocities.org/if/ha" target="_blank">[[Register|preface]] for another trek with Crypto-Tours?</a> *</h2><style>
.center {
text-align: center;
}
</style>
<div class="center">
<p><<timed .5s>><<goto "a2">><</timed>></p>
</div><<set $cryptid2 to "still hiding">>
<style>
.center {
text-align: center;
}
</style>
<div class="center">
<p><<type 30ms>> <ul><li><<print either ("Ouch...do you want to [[get a bandage for that injury, then try again?|start]]", "Forgot to use your $answer defensively? You'll need to see a medic, but, yeah, [[try again!|start]]", "Yikes! Yr not in $home anymore, <em>amirite?</em>.... Bandage up and, [[try again?|start]]" )>> </li><li>Or...call it quits and [[just retire from this whole cryptid business?|end]] </li></ul><</type>></p>
</div>Capture your observations of your encounter:
<<textarea "$cryptid1" "">>
<<button "SUBMIT" "r1b">><<script>>/* (code) */<</script>><</button>>
<<type 30ms>><ul><li>Keen observations, thanks!.... do you want to [[continue your pursuit of cryptids?|r2]]??
</li><li>Or rather [[conclude|end]] with what you've found so far?</li></ul><</type>><<if $r2 lte 10>>
<<goto "a1">><<else>><<type 30ms>><h3>Before you can even act, your $answer disintegrates like ice in a hot bath. You panic, and [[close your eyes|r2b]]</h3><</type>>
<center><img src="https://clogosphere.neocities.org/if/ha/phoenix.gif" width="200" height="200"></center>
<<endif>>
You blink your eyes. The Phoenix is gone! Please record your observations below:
<<textarea "$cryptid2" "">>
<<button "SUBMIT" "r2c">><<script>>/* (code) */<</script>><</button>>
<center><img src="https://clogosphere.neocities.org/if/ha/newsmm.gif" width="220" height="220"><h1>
<<cycle "$mothman" autoselect>>
<<option "(rummage your memory banks here)">>
<<option "that IS mothman, right?">>
<<option "glowing red eyes">>
<<option "saw an insectoid in $home back in '83">>
<<option "unkempt grey alien...?">>
<<option "bird-like?">>
<<option "impressive wingspan">>
<<option "eats dogs, the papers say">>
<<option "fur-bearing drone maybe">>
<<option "nocturnal">>
<<option "invasive species?">>
<</cycle>></h1></center>
<<timed 22s>><<goto "r3b">><</timed>>
Please tell us everything you can about the "Mothman"
<<textarea "$cryptid3" "">>
<<button "SUBMIT" "end">><<script>>/* (code) */<</script>><</button>><<type 30ms>><ul><li>Wow! That's quite a story! Well, do you want to [[continue onward|r3]]??
</li><li>Or rather [[conclude|end]] with what you've experienced up to this point? </li></ul><</type>><<set $r3 to random(1,6)>><<if $r3 is 1>><<goto "a1">><<else>><<set $r3 to $r2+$r3>><<goto "r3c">>