NotDotTeam/anxiety
NotDotTeam/anxiety
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

AHHH

Browse source
This commit is contained in:
Nicky Case 2019-05-06 12:20:09 -04:00
parent 733642d474
commit 2de9adaa57
5 changed files with 125 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
README.md Normal file
View file

BIN
favicon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 917 B

92
index.html
View file

@ -1,9 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<title>Adventures with Anxiety!</title>
<!-- THE BIG META -->
<title>Adventures With Anxiety! (Demo)</title>
<meta name="description" content="A story-game about a human and their anxiety! You play *as* the anxiety." />
<link rel="icon" type="image/png" href="favicon.png">
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="Adventures With Anxiety! (Demo)">
<meta itemprop="description" content="A story-game about a human and their anxiety! You play *as* the anxiety.">
<meta itemprop="image" content="https://ncase.me/anxiety-demo/sharing/thumb.png">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ncasenmare">
<meta name="twitter:title" content="Adventures With Anxiety! (Demo)">
<meta name="twitter:description" content="A story-game about a human and their anxiety! You play *as* the anxiety.">
<meta name="twitter:image" content="https://ncase.me/anxiety-demo/sharing/thumb.png">
<!-- Open Graph data -->
<meta property="og:title" content="Adventures With Anxiety! (Demo)">
<meta property="og:type" content="website">
<meta property="og:url" content="https://ncase.me/anxiety-demo">
<meta property="og:image" content="https://ncase.me/anxiety-demo/sharing/thumb.png">
<meta property="og:description" content="A story-game about a human and their anxiety! You play *as* the anxiety.">
<meta property="og:site_name" content="Adventures With Anxiety! (Demo)">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="styles/game.css">
<meta name="viewport" content="width=device-width">
<!-- Mobile -->
<meta name="viewport" content="width=360, user-scalable=no" id="my_viewport">
<script>
var ratio = screen.width/screen.height;
if(ratio > 360/600){
var mvp = document.getElementById('my_viewport');
mvp.setAttribute('content','width='+Math.round(ratio*600)+', height=600, user-scalable=no');
}
</script>
</head>
<body>
@ -102,15 +138,16 @@
<div class="about_padding">
A share on an anxiety-app helps too!
</div>
<!-- TODO: Better share text -->
<div id="share">
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fncase.me%2Fanxiety-demo&quote=Adventures%20with%20Anxiety%20(DEMO)" target="_blank" class="no_deco">
<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&text=Adventures%20with%20Anxiety%20(DEMO):%20https%3A%2F%2Fncase.me%2Fanxiety-demo" target="_blank" class="no_deco">
<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=:%20https%3A%2F%2Fncase.me%2Fanxiety-demo" target="_blank" class="no_deco">
<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>
@ -155,6 +192,49 @@
</div>
</div>
</div>
<!-- Corner Text -->
<div id="topleft">
Created by
<a target="_blank" href="https://ncase.me/">
Nicky Case</a>
<br>
Music
<a target="_blank" href="http://freemusicarchive.org/music/Komiku/Captain_Glouglous_Incredible_Week_Soundtrack/pog">
by Komiku</a>
<br>
See
<a target="_blank" href="https://github.com/ncase/anxiety-demo">
source code &amp; full credits</a>
</div>
<div id="bottomright">
Thank you playtesters!
<br><br>
B Cavello
<br>
EmilyKate McDonough
<br>
Glen Chiacchieri
<br>
Mikayla Hutchinson
<br>
Monica Srivastava
<br>
Rowan
<br>
Srini Kadamati
</div>
</body>

BIN
sharing/thumb.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 76 KiB

40
styles/game.css
View file

@ -1,6 +1,7 @@
html,body{
width: 100%;
height: 100%;
overflow: hidden;
}
body{
margin:0;
@ -675,7 +676,7 @@ DIALOGUEZ
.hong-bubble:after {
content: '';
position: absolute;
left: 0;
left: 1px;
top: 50%;
width: 0;
height: 0;
@ -773,3 +774,40 @@ canvas{
left:0;
transition: top 0.5s ease-in-out;
}
/******************************************************************************************************
CORNER TEXT
******************************************************************************************************/
#topleft, #bottomright{
width: 200px;
color: #444;
font-family: Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.3em;
position: absolute;
}
#topleft a, #bottomright a{
color: #666;
}
#topleft a:hover, #bottomright a:hover{
color: #888;
}
#topleft{
top:10px;
left:10px;
text-align: left;
}
#bottomright{
bottom:10px;
right:10px;
text-align: right;
}
@media screen and (max-width: 800px) {
#topleft, #bottomright {
display: none;
}
}