~j-james/htmlstuck

693f1e32ab7e7e4d88355096f8e8bf032b1b5bc6 — j-james 5 months ago bae5106
Make appropriate adjustments for wide Flashes
A _layouts/cascade.html => _layouts/cascade.html +34 -0
@@ 0,0 1,34 @@
<html dir="ltr" lang="en-US">
	{% include head.html %}
	<body class="cascade">
	<div class="row pad-0" style="max-width:950px;">
		<img class="disp-bl mar-x-auto" src="https://j-james.me/htmlstuck/assets/header_cascade.gif" alt="Blinking 10:25 clock on The Tumor">
	</div>
	{% include header.html %}
	<div class="pos-r">
		<div class="row bg-cascade-dark-gray pad-0 pos-r">
			<div id="content_container" class="mar-x-auto disp-bl bg-cascade-dark-gray" style="max-width:950px;">
				<div class="pad-t-md">
					<div class="type-center">
						<div class="max-x-auto" style="max-width:956px;">
							<div id="o_no-flash" class="disp-n"></div>
							<div id="o_flash-container" class="pos-r" style="width:100%;height:0;padding-top:68.42105263157895%;">
								<div class="ar-inner">
									{{ content }}
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row bg-cascade-dark-gray pad-b-md pad-b-lg--md pos-r">
			<div class="mar-x-auto disp-bl bg-cascade-dark-gray pad-t-lg" style="max-width:650px;">
				{% include footer.html %}
			</div>
		</div>
	</div>
	{% include site-footer.html %}
	<style>.bg-dark-gray {background-color: #000;}</style>
	</body>
</html>

A _layouts/expand.html => _layouts/expand.html +12 -0
@@ 0,0 1,12 @@
---
layout: default
---

<div class="pos-r">
	{{ content }}
	<div class="row bg-hs-gray bg-light-gray--md pad-b-md pad-b-lg--md pos-r">
		<div class="mar-x-auto disp-bl bg-hs-gray pad-t-lg" style="max-width:650px;">
			{% include footer.html %}
		</div>
	</div>
</div>

M asc.html => asc.html +4 -4
@@ 147,14 147,14 @@ layout: log
10/25/14  - <a href="https://j-james.me/htmlstuck/story/6901">"[S] GAME OVER."</a><br>
11/02/14  - <a href="https://j-james.me/htmlstuck/story/6943">"[S] BYE FOREVER, ALMOST."</a><br>
11/24/14  - <a href="https://j-james.me/htmlstuck/story/7086">"[S][A6A6I4] ====&gt;" [BUGGED]</a><br>
11/28/14  - <a href="https://j-james.me/htmlstuck/story/7098">"[S][A6A6I4] ====&gt;" [SIZE]</a><br>
11/28/14  - <a href="https://j-james.me/htmlstuck/story/7098">"[S][A6A6I4] ====&gt;"</a><br>
12/01/14  - <a href="https://j-james.me/htmlstuck/story/7100">"[S][A6A6I4] ====&gt;"</a><br>
12/01/14  - <a href="https://j-james.me/htmlstuck/story/7101">"[S][A6A6I4] ====&gt;"</a><br>
01/19/15  - <a href="https://j-james.me/htmlstuck/story/7405">"[S][A6A6I4] ====&gt;" [SIZE]</a><br>
01/19/15  - <a href="https://j-james.me/htmlstuck/story/7405">"[S][A6A6I4] ====&gt;"</a><br>
04/13/15  - <a href="https://j-james.me/htmlstuck/story/7409">"[S] ACT 6 ACT 6 ACT 5"</a><br>
04/22/15  - <a href="https://j-james.me/htmlstuck/story/7448">"[S] MSPA Reader: Mental breakdown."</a><br>
04/23/15  - <a href="https://j-james.me/htmlstuck/story/7449">"[S] ACT 6 ACT 6 INTERMISSION 5" [SIZE]</a><br>
04/23/15  - <a href="https://j-james.me/htmlstuck/story/7449">"[S] ACT 6 ACT 6 INTERMISSION 5"</a><br>
07/06/15  - <a href="https://j-james.me/htmlstuck/story/7823">"[S][A6A6I5] ====&gt;"</a><br>
07/23/15  - <a href="https://j-james.me/htmlstuck/story/7928">"[S][A6A6I5] ====&gt;"</a><br>
07/27/15  - <a href="https://j-james.me/htmlstuck/story/7959">"[S] Terezi: Remem8er." [SIZE]</a><br>
07/27/15  - <a href="https://j-james.me/htmlstuck/story/7959">"[S] Terezi: Remem8er."</a><br>
10/25/16  - <a href="https://j-james.me/htmlstuck/story/8129">"[S] ==&gt;"</a><br>

A assets/ajax-ring-loader-64x64.gif => assets/ajax-ring-loader-64x64.gif +0 -0
M css/main.css => css/main.css +1 -1
@@ 2379,7 2379,7 @@ a.cascade:visited {
	transition:opacity 0.15s ease;
	z-index:4;
	pointer-events:none;
	background:white url(/assets/ajax-ring-loader-64x64-fd85d6ed75ef68961b9bafb80be7a2d370eeb8114087241378362ad8dca2d611.gif) no-repeat center center;
	background:white url(https://j-james.me/htmlstuck/assets/ajax-ring-loader-64x64.gif) no-repeat center center;
	opacity:0
}
.o_overlay-wait[data-overlay-state="on"] {

M index.html => index.html +4 -4
@@ 4,16 4,16 @@ layout: log

<a class="line-tight pad-y-rg mar-t-md disp-bl" href="asc.html">View oldest to newest</a>
10/25/16  - <a href="https://j-james.me/htmlstuck/story/8129">"[S] ==&gt;"</a><br>
07/27/15  - <a href="https://j-james.me/htmlstuck/story/7959">"[S] Terezi: Remem8er." [SIZE]</a><br>
07/27/15  - <a href="https://j-james.me/htmlstuck/story/7959">"[S] Terezi: Remem8er."</a><br>
07/23/15  - <a href="https://j-james.me/htmlstuck/story/7928">"[S][A6A6I5] ====&gt;"</a><br>
07/06/15  - <a href="https://j-james.me/htmlstuck/story/7823">"[S][A6A6I5] ====&gt;"</a><br>
04/23/15  - <a href="https://j-james.me/htmlstuck/story/7449">"[S] ACT 6 ACT 6 INTERMISSION 5" [SIZE]</a><br>
04/23/15  - <a href="https://j-james.me/htmlstuck/story/7449">"[S] ACT 6 ACT 6 INTERMISSION 5"</a><br>
04/22/15  - <a href="https://j-james.me/htmlstuck/story/7448">"[S] MSPA Reader: Mental breakdown."</a><br>
04/13/15  - <a href="https://j-james.me/htmlstuck/story/7409">"[S] ACT 6 ACT 6 ACT 5"</a><br>
01/19/15  - <a href="https://j-james.me/htmlstuck/story/7405">"[S][A6A6I4] ====&gt;" [SIZE]</a><br>
01/19/15  - <a href="https://j-james.me/htmlstuck/story/7405">"[S][A6A6I4] ====&gt;"</a><br>
12/01/14  - <a href="https://j-james.me/htmlstuck/story/7101">"[S][A6A6I4] ====&gt;"</a><br>
12/01/14  - <a href="https://j-james.me/htmlstuck/story/7100">"[S][A6A6I4] ====&gt;"</a><br>
11/28/14  - <a href="https://j-james.me/htmlstuck/story/7098">"[S][A6A6I4] ====&gt;" [SIZE]</a><br>
11/28/14  - <a href="https://j-james.me/htmlstuck/story/7098">"[S][A6A6I4] ====&gt;"</a><br>
11/24/14  - <a href="https://j-james.me/htmlstuck/story/7086">"[S][A6A6I4] ====&gt;" [BUGGED]</a><br>
11/02/14  - <a href="https://j-james.me/htmlstuck/story/6943">"[S] BYE FOREVER, ALMOST."</a><br>
10/25/14  - <a href="https://j-james.me/htmlstuck/story/6901">"[S] GAME OVER."</a><br>

M story/4109.html => story/4109.html +2 -38
@@ 1,41 1,5 @@
---
layout: cascade
---

{% include head.html %}

<body class="cascade">
<div class="row pad-0" style="max-width:950px;">
	<img class="disp-bl mar-x-auto" src="https://j-james.me/htmlstuck/assets/header_cascade.gif" alt="Blinking 10:25 clock on The Tumor">
</div>

{% include header.html %}

<div class="pos-r">
	<div class="row bg-cascade-dark-gray pad-0 pos-r">
		<div id="content_container" class="mar-x-auto disp-bl bg-cascade-dark-gray" style="max-width:950px;">
			<div class="pad-t-md">
				<div class="type-center">
					<div class="max-x-auto" style="max-width:956px;">
						<div id="o_no-flash" class="disp-n"></div>
						<div id="o_flash-container" class="pos-r" style="width:100%;height:0;padding-top:68.42105263157895%;">
							<div class="ar-inner">
								<embed src="https://j-james.me/htmlstuck/flashes/cascade.swf" quality="high" width="100%" height="100%" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="row bg-cascade-dark-gray pad-b-md pad-b-lg--md pos-r">
		<div class="mar-x-auto disp-bl bg-cascade-dark-gray pad-t-lg" style="max-width:650px;">
			{% include footer.html %}
		</div>
	</div>
</div>

{% include site-footer.html %}

<style>.bg-dark-gray {background-color: #000;}</style>

</body>
<embed src="https://j-james.me/htmlstuck/flashes/cascade.swf" quality="high" width="100%" height="100%" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

M story/7098.html => story/7098.html +1 -1
@@ 1,5 1,5 @@
---
layout: flash
layout: expand
---

<embed src="https://j-james.me/htmlstuck/flash/hs2/07095/07095.swf" quality="high" width="100%" height="100%" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

M story/7405.html => story/7405.html +6 -2
@@ 1,5 1,9 @@
---
layout: flash
---

<embed src="https://j-james.me/htmlstuck/flash/hs2/shes8ack/07402.swf" quality="high" width="100%" height="100%" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
<html dir="ltr" lang="en-US">
	{% include head.html %}
	<body>
		<embed src="https://j-james.me/htmlstuck/flash/hs2/shes8ack/07402.swf" quality="high" width="100%" height="100%" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</body>
</html>

M story/7449.html => story/7449.html +1 -1
@@ 1,5 1,5 @@
---
layout: flash
layout: expand
---

<embed src="https://j-james.me/htmlstuck/flash/hs2/07445/07445.swf" quality="high" width="100%" height="100%" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

M story/7959.html => story/7959.html +1 -1
@@ 1,5 1,5 @@
---
layout: flash
layout: expand
---

<embed src="https://j-james.me/htmlstuck/flash/hs2/07953/07953.swf" quality="high" width="100%" height="100%" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />