the end and about

index.html

@@ -74,7 +74,7 @@
 	<div id="special_attack"></div>
 
 	<!-- Bottom Corner Tabs -->
-	<div id="gear" style="display:none" onclick="publish('show_options')">
+	<div id="gear" style="display:none" onclick="publish('show_options'); sfx('ui_button1');">
 		<div class="icon">
 			<div class="mini-icon" pic="gear"></div>
 		</div>
@@ -130,57 +130,42 @@
 	</div>
 
 	<!-- ABOUT -->
-	<div id="about">
+	<div id="about"><!-- about=yes-->
 		<div id="about_words">
 		
-			[TODO TODO TODO]
+			<div style="font-size: 40px; margin-top: 42px; line-height: 30px;">
-			<br><br>
+				mental health
-			Links to mental health resources,
+				<a href="resources" target="_blank">resources</a>
-			my games+Patreon,
+			</div>
-			the musician+album
 
-			<!--
+			<div style="margin-top: 26px; color: #999;">
-			<div class="about_padding">
+				&mdash; or &mdash;
-				Help me keep making free games?
-			</div>
-			<a href="https://www.patreon.com/ncase" target="_blank" class="no_deco">
-				<div id="patreon"></div>
-			</a>
-			
-			<div class="about_padding">
-				A share on an anxiety-app helps too!
-			</div>
-			<div id="share">
-				<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fncase.me%2Fanxiety-demo%2F" target="_blank" class="no_deco">
-					<div id="share_fb"></div>
-				</a>
-				<a href="https://twitter.com/intent/tweet?source=https%3A%2F%2Fncase.me%2Fanxiety-demo%2F&text=I%20just%20played%20this%20story-game%20about%20a%20human%20and%20their%20anxiety!%20You%20play%20*as*%20the%20anxiety.%20%F0%9F%98%B1%20https%3A%2F%2Fncase.me%2Fanxiety-demo%2F"
-					target="_blank" class="no_deco">
-					<div id="share_tw"></div>
-				</a>
-				<a href="mailto:?subject=Adventures%20with%20Anxiety!%20(Demo)&body=I%20just%20played%20this%20story-game%20about%20a%20human%20and%20their%20anxiety!%20You%20play%20*as*%20the%20anxiety.%20%F0%9F%98%B1%20https%3A%2F%2Fncase.me%2Fanxiety-demo%2F"
-					target="_blank" class="no_deco">
-					<div id="share_em"></div>
-				</a>
 			</div>
 			
-			<div style="clear:both" class="about_padding"></div>
+			<div style="font-size: 25px; text-align: left; width: 170px;
+						margin-left: 165px; line-height: 25px; margin-top: 31px;">
+				
+				<div>
+					play more of
+					<a href="https://ncase.me" target="_blank">my shtuff</a>
+				</div>
 
-			Above all, thank you for playing! &lt;3
+				<div style="margin-top: 32px;">
-			<br>
+					throw coins<br>at me
-			<a href="https://ncase.me/" target="_blank">
+					<a href="https://www.patreon.com/ncase" target="_blank">on Patreon</a>
-				my other games
+				</div>
-			</a>
+
-			&middot;
+				<div style="margin-top: 28px;">
-			<a href="https://twitter.com/ncasenmare" target="_blank">
+					please your ear-holes with Monplaisir's
-				my twitter
+					<a href="https://chezmonplaisir.bandcamp.com/album/anxiety" target="_blank">original soundtrack</a>
-			</a>
+				</div>
-			-->
+
+			</div>
 
 			<div id="replay"></div>
 
 			<div style="clear:both;"></div>
-			<div id="close_about">close</div>
+			<div id="close_about" style="margin: 0; float: right; margin-top: 20px;">close</div>
 
 		</div>
 	</div>
@@ -267,4 +252,42 @@
 <script src="scripts/intermission/Intermission_SceneSetup.js"></script>
 <script src="scripts/intermission/Intermission_BG.js"></script>
 
-<script src="scripts/main.js"></script>
+<script src="scripts/main.js"></script>
+
+<!--
+			<div class="about_padding">
+				Help me keep making free games?
+			</div>
+			<a href="https://www.patreon.com/ncase" target="_blank" class="no_deco">
+				<div id="patreon"></div>
+			</a>
+			
+			<div class="about_padding">
+				A share on an anxiety-app helps too!
+			</div>
+			<div id="share">
+				<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fncase.me%2Fanxiety-demo%2F" target="_blank" class="no_deco">
+					<div id="share_fb"></div>
+				</a>
+				<a href="https://twitter.com/intent/tweet?source=https%3A%2F%2Fncase.me%2Fanxiety-demo%2F&text=I%20just%20played%20this%20story-game%20about%20a%20human%20and%20their%20anxiety!%20You%20play%20*as*%20the%20anxiety.%20%F0%9F%98%B1%20https%3A%2F%2Fncase.me%2Fanxiety-demo%2F"
+					target="_blank" class="no_deco">
+					<div id="share_tw"></div>
+				</a>
+				<a href="mailto:?subject=Adventures%20with%20Anxiety!%20(Demo)&body=I%20just%20played%20this%20story-game%20about%20a%20human%20and%20their%20anxiety!%20You%20play%20*as*%20the%20anxiety.%20%F0%9F%98%B1%20https%3A%2F%2Fncase.me%2Fanxiety-demo%2F"
+					target="_blank" class="no_deco">
+					<div id="share_em"></div>
+				</a>
+			</div>
+			
+			<div style="clear:both" class="about_padding"></div>
+
+			Above all, thank you for playing! &lt;3
+			<br>
+			<a href="https://ncase.me/" target="_blank">
+				my other games
+			</a>
+			&middot;
+			<a href="https://twitter.com/ncasenmare" target="_blank">
+				my twitter
+			</a>
+			-->

scenes/act2.md

@@ -1037,7 +1037,7 @@ h: Everyone knows emotions are irrational! Especially fear!
 
 `hong({body:"facepalm_2"})`
 
-h: You're just a useless evolutionary leftover, like my appendix or wisdom teeth!
+h: You're a useless evolutionary leftover, like my appendix or wisdom teeth!
 
 `hong({body:"yell", mouth:"yell"})`
 

scenes/act3.md

@@ -46,13 +46,15 @@ publish("act3",["roofhong",5]);
 
 r: You remind me of myself when I was younger. Back when I was tormented by the animal in my head.
 
-`publish("act3",["roofhunter",9]);`
+```
+publish("act3",["roofhunter",9]);
+publish("act3",["roofhong",2]);
+```
 
 r: I'm so grateful I can pay it forward, and help you kill the beast the way I killed mine.
 
 ```
 publish("act3",["roofhunter",2]);
-publish("act3",["roofhong",2]);
 ```
 
 r: Hey, quick question: truth or da--

scripts/game/About.js

@@ -10,12 +10,17 @@ Loader.addSounds([
 	var aboutDOM = $("#about");
 
 	$("#huh").onclick = function(){
+
 		aboutDOM.setAttribute("about","yes");
 		aboutDOM.style.top = "20px";
 
 		// Hi
 		About.showing = true;
 		Game.pause();
+		Howler.mute(false); // hack
+
+		// sfx
+		sfx("ui_button1");
 
 	};
 	$("#close_about").onclick = function(){
@@ -37,7 +42,7 @@ Loader.addSounds([
 		About.showing = true;
 		Game.pause();
 		aboutDOM.removeAttribute("about");
-		aboutDOM.style.top = "0px"; // to TOP.
+		aboutDOM.style.top = "-10px"; // to TOP.
 
 		// Sound
 		Howler.mute(false);
@@ -56,7 +61,7 @@ Loader.addSounds([
 
 		// Cut out
 		aboutDOM.style.top = "";
-		aboutDOM.style.display = "none";
+		aboutDOM.style.display = "none"; // brief black-out
 		setTimeout(function(){
 			aboutDOM.style.display = "block";
 		},100);

scripts/main.js

@@ -10,7 +10,6 @@ Loader.addScenes([
 	"scenes/credits.md"
 	
 ]);
-/*
 Loader.load(function(progress){
 
 	$("#loading_bar_bg").style.height = (progress*50)+"px";
@@ -26,7 +25,6 @@ Loader.load(function(progress){
 	Game.init();
 
 });
-*/
 
 subscribe("START_GAME", function(){
 		

styles/game.css

@@ -278,15 +278,15 @@ ABOUT / END DEMO
 #about{
 	
 	position: absolute;
-	/*top:600px;*/
+	top:600px;
-	top:20px;
+	/*top:20px;*/
 	left:0;
 
 	background: url(../sprites/about/the_end.png);
     background-size: 100%;
 
 	width: 100%;
-	height: 100%;
+	height: 615px;
 	color:#fff;
 	text-align: center;
 
@@ -374,9 +374,6 @@ ABOUT / END DEMO
 #about .about_padding{
 	padding-top: 10px;
 }
-#about #about_words{
-	padding-top: 50px;
-}
 
 #about[about=yes]{
 	/*padding-top: 25px;*/