Apologies! Your web browser lacks required capabilities. Please consider upgrading it or switching to a more modern web browser.
Initializing. Please wait…
<div class='showMe'>June 20, 2031.</div>
<div class='showMe1'>You decided to watch some TV.</div>
<div class='registerShow'>then....</div>
<span class="beginningnext"> [[then suddenly..|laoganmanotv]]</span>
<style>
body {
background: #000;
}
.beginningnext a {
display: none;
}
@media screen and (min-width: 1920px) {
.showMe {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
animation: cssAnimation 0s 2s forwards;
visibility: hidden;
}
.showMe1 {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
animation: cssAnimation 0s 4s forwards;
visibility: hidden;
}
.registerShow {
font-family: Jua;
text-align: center;
font-size: 5em;
animation: cssAnimation 0s 6s forwards;
visibility: hidden;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.showMe {
position: absolute;
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
left: 450px;
font-size: 5em;
animation: cssAnimation 0s 2s forwards;
visibility: hidden;
}
.showMe1 {
position: absolute;
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
left: 250px;
top: 150px;
font-size: 5em;
animation: cssAnimation 0s 4s forwards;
visibility: hidden;
}
.registerShow {
position: absolute;
font-family: Jua;
left:580px;
top:270px;
font-size: 5em;
animation: cssAnimation 0s 6s forwards;
visibility: hidden;
}
}
</style>
<<audio june play>><h2>樂角那知特、速種據關出夫的長好做老當育色院時生利於園做只為。取全有南都調站車能以我我在、就通物光著我的火輪眼</h2>
<center><h1>Enter your name:</h1></center>
<center><span class="box1"><<textbox "$name" "" autofocus>></span></center>
<span class="buttan">
<<button "Confirm">>
<<set $name to $name.trim()>>
<<if $name is "">>
<<replace ".textbox-error">>Please enter a name.<</replace>>
<<elseif /[^A-Z]/i.test($name)>>
<<replace ".textbox-error">>Names may only contain letters.<</replace>>
<<else>>
<<replace ".textbox-error">><</replace>>
<<goto "ok">>
<</if>>
</span>
<</button>>
</span>
<center><span class="textbox-error"></span></center>
<style>
@media screen and (min-width: 1920px) {
.buttan button {
position: absolute;
margin: 0 auto;
width: 170px;
height: 60px;
left: 850px;
font-family: Jua;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.textbox-error{
color: #D8000C;
background-color: #FFD2D2;
font-size: 70px;
top: 100px;
position: relative;
}
h1{
font-size: 5em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
h2{
text-align: center;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.textbox-error{
color: #D8000C;
background-color: #FFD2D2;
font-size: 30px;
top: 100px;
left: -60px;
position: relative;
}
.buttan button {
margin: 0 auto;
width: 170px;
height: 60px;
left: 600px;
top: 500px;
font-family: Jua;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
h1{
left: -50px;
position: relative;
display: block;
font-size: 5em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
h2{
left: -50px;
position: relative;
display: block;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
.passage span.box1
input[type="text"]
{
font-size: 50px;
color: white;
border-radius:5px;
transition-property:background-color,border-radius,width,height,color;
transition-duration:0.215s;
transition-delay: 0.215s;
text-align:center;
border: none;
float: none;
border-bottom: 1px solid blue;
font-family: 'Raleway', sans-serif;
background-color:transparent;
background-color:white;
border-radius:15px;
color:black;
width:250px;
height:105px;
left: 180px;
}
attribute-name:value
}
}
</style>
<div class="wrapper">
<h2>Tour Guide:</h2>
<h1>Oh! I see, but in order to apply for a citizenship. You must<br>pass the social credit score test!</h1>
<div class="box box2"></div>
<span class ="butan">
<<button "Okay">>
<<goto [[next1]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
.butan button {
margin: 0 auto;
width: 170px;
height: 60px;
left: 1500px;
top: 650px;
}
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 3.4em;
position: absolute;
top: 800px;
left: 235px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.butan button:hover {
background: #e6e6e6;
color: #10151B;
}
.butan button {
margin: 0 auto;
width: 200px;
height: 90px;
left: 980px;
top: 450px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 3em;
position: absolute;
top: 580px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 4em;
position: absolute;
top: 500px;
left: 210px;
}
}
</style>
<div class="wrapper">
<h2>Tour Guide:</h2>
<h1>There's an official announcement coming next week from the <br>government. You should pay attention for that to not miss out.</h1>
<div class="box box2"></div>
<span class="buton">
<<button "Alright!">>
<<goto [[next3]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
.buton button {
font-family: Jua;
margin: 0 auto;
width: 170px;
height: 60px;
left: 1500px;
top: 650px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.buton button:hover {
background: #e6e6e6;
color: #10151B;
}
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 4em;
position: absolute;
top: 800px;
left: 235px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.buton button:hover {
background: #e6e6e6;
color: #10151B;
}
.buton button {
margin: 0 auto;
width: 200px;
height: 90px;
left: 980px;
top: 450px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 2.7em;
position: absolute;
top: 580px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 4em;
position: absolute;
top: 500px;
left: 210px;
}
}
</style><div class='weekLater'>A WEEK LATER.</div>
<span class="laoganmanext">[[PSAChina]]</span>
<style>
@media screen and (min-width: 1920px) {
body {
background: #000;
}
.laoganmanext a {
display: none;
}
.weekLater {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 10em;
top: 370px;
left: 550px;
position: absolute;
animation: cssAnimation 0s 2s forwards;
visibility: hidden;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
body {
background: #000;
}
.laoganmanext a {
display: none;
}
.weekLater {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 10em;
top: 270px;
left: 280px;
position: absolute;
animation: cssAnimation 0s 2s forwards;
visibility: hidden;
}
}
</style>
<<audio pink play>><div class="wrapper">
<h2>Tour Guide:</h2>
<h1>Hello! Welcome to China $name! What is the purpose of<br> your visit?</h1>
<div class="box box2"></div>
<span class="socialtest">
<<button "To take Social Credit Test">>
<<goto [[haveFunAnswer]]>>
<</button>>
</span>
<span class="citizenb">
<<button "To get free citizenship">>
<<goto [[next]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
.socialtest button {
margin: 0 auto;
width: 200px;
height: 90px;
left: 1500px;
top: 650px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.socialtest button:hover {
background: #e6e6e6;
color: #10151B;
}
.citizenb button:hover {
background: #e6e6e6;
color: #10151B;
}
.citizenb button {
margin: 0 auto;
width: 200px;
height: 90px;
left: 1500px;
top: 500px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 4.2em;
position: absolute;
top: 800px;
left: 235px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.socialtest button {
width: 200px;
height: 90px;
left: 980px;
top: 300px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.socialtest button:hover {
background: #e6e6e6;
color: #10151B;
}
.citizenb button:hover {
background: #e6e6e6;
color: #10151B;
}
.citizenb button {
margin: 0 auto;
width: 200px;
height: 90px;
left: 980px;
top: 450px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 3em;
position: absolute;
top: 580px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 4em;
position: absolute;
top: 500px;
left: 210px;
}
}
</style>
<<audio chingchenginstru stop>>
<<audio asianriff play>>
<h1>SCST-1002</h1>
<h2>TEST TAKER: $name<br>REGISTRATION NUMBER: SCSTT694201337<br> </h2>
<h3>BEGIN QUIZ?</h3>
<span class="start">[[Yes|Begin Test]]</span>
<<audio chingchenghanji play>>
<<audio june stop>>
<style>
@media screen and (min-width: 1920px) {
h1 {
text-align: center;
display: block;
font-size: 5em;
font-weight: bold;
}
h3 {
text-align: center;
display: block;
font-size: 5em;
font-weight: bold;
}
h2 {
text-align: center;
display: block;
font-size: 3em;
font-weight: bold;
}
span.start {
text-align: center;
font-size: 3em;
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h3 {
left: 500px;
top: 400px;
text-align: center;
position: absolute;
font-size: 5em;
display: block;
font-weight: bold;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
h1 {
left: 500px;
text-align: center;
position: absolute;
font-size: 5em;
display: block;
font-weight: bold;
}
h2 {
text-align: center;
position: absolute;
font-size: 3em;
display: block;
left: 300px;
top: 200px;
font-weight: bold;
}
span.start {
text-align: center;
font-size: 3em;
display: block;
position: absolute;
left: 630px;
top: 600px;
}
}
</style>
<h2>Points: <<print $points>></h2>
<h1>Is Taiwan a part of China?</h1>
@@.yes;<<click [[Yes|Next1]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.no;<<click [[No|Next1]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.mybe;<<click [[Maybe|Next1]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.idk;<<click [[I Don't Know|Next1]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
h1 {
position: absolute;
top: 100px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.no a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.mybe a.link-internal {
position: absolute;
top: 500px;
}
.yes a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 900px;
}
</style><h2>Points: <<print $points>></h2>
<h1>Do you know what happened in this image?</h1>
<img src="https://i.imgur.com/LtKQZmh.jpg">
@@.kinda;<<click [[GTA Gameplay!|Next2]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.yes;<<click [[Kinda.|Next2]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.no;<<click [[I see nothing.|Next2]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.tianan;<<click [[Tank man.|Next2]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.kinda a.link-internal {
position: absolute;
top: 800px;
left: 1100px;
}
.yes a.link-internal {
position: absolute;
top: 700px;
}
.no a.link-internal {
position: absolute;
top: 800px;
}
.tianan a.link-internal {
position: absolute;
left: 1100px;
top: 700px;
}
h1 {
position: absolute;
top: 70px;
font-size: 3em;
}
h2{
font-size: 3em;
}
img {
width: 800px;
top: 175px;
left: 500px;
text-item: center;
position: absolute;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.no a.link-internal {
position: absolute;
top: 500px;
left: 800px;
}
.tianan a.link-internal {
position: absolute;
top: 500px;
}
.yes a.link-internal {
position: absolute;
top: 600px;
}
.kinda a.link-internal {
position: absolute;
left: 800px;
top: 600px;
}
h1 {
position: absolute;
top: 70px;
font-size: 3em;
}
h2{
font-size: 3em;
}
img {
width: 500px;
top: 175px;
left: 450px;
text-item: center;
position: absolute;
}
</style><h2>Points: <<print $points>></h2>
<h1>Which is the best country?</h1>
@@.rus;<<click [[Russia|Next3]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.jap;<<click [[Japan UwU|Next3]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.chi;<<click [[China!|Next3]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.us;<<click [[USA|Next3]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.rus a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.jap a.link-internal {
position: absolute;
top: 500px;
}
.chin a.link-internal {
position: absolute;
top: 300px;
}
.us a.link-internal {
position: absolute;
left: 900px;
top: 258px;
}
</style><h2>Points: <<print $points>></h2>
<h1>How many children can a family have?</h1>
@@.zero;<<click [[0|Next4]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.neg;<<click [[-1|Next4]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.three;<<click [[3|Next4]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.alot;<<click [[alot|Next4]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>
<style>
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.zero a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.neg a.link-internal {
position: absolute;
top: 500px;
}
.three a.link-internal {
position: absolute;
top: 300px;
}
.alot a.link-internal {
position: absolute;
left: 900px;
top: 300px;
}
</style><h2>Points: <<print $points>></h2>
<h1>How many hours can you play video games per WEEK?</h1>
@@.twenty;<<click [[20 hours|Next5]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.no;<<click [[i dont play video game|Next5]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.three;<<click [[3 hr 1 min|Next5]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.notmore;<<click [[not more than 3 hours|Next5]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.twenty a.link-internal {
position: absolute;
top: 500px;
left: 1300px;
}
.no a.link-internal {
position: absolute;
top: 500px;
}
.three a.link-internal {
position: absolute;
top: 300px;
}
.notmore a.link-internal {
position: absolute;
left: 1300px;
top: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.twenty a.link-internal {
position: absolute;
top: 500px;
left: 900px;
font-size: 3em;
}
.no a.link-internal {
position: absolute;
top: 500px;
font-size: 3em;
}
.three a.link-internal {
position: absolute;
top: 300px;
font-size: 3em;
}
.notmore a.link-internal {
position: absolute;
left: 900px;
top: 300px;
font-size: 3em;
}
}
</style><h2>Points: <<print $points>></h2>
<h1>What kind of government does China <br>operate?</h1>
@@.yes;<<click [[Democratic|Next6]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.no;<<click [[Communism|Next6]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.bad;<<click [[Monarchy|Next6]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.idk;<<click [[Anarchy|Next6]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 1200px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 1200px;
top: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 800px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 800px;
top: 300px;
}
</style><h2>Points: <<print $points>></h2>
<h1>Is the government of China Good?</h1>
@@.no;<<click [[No|Next7]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.yes;<<click [[Hell yeah!|Next7]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.bad;<<click [[Bad government😠|Next7]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.idk;<<click [[I Don't Know|Next7]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 900px;
top: 300px;
}
</style><h2>Points: <<print $points>></h2>
<h1>Who is this person?</h1>
<img src="https://i.imgur.com/A1Koyc5.jpg">
@@.xi;<<click [[Xi Jinping|Next8]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.idk;<<click [[I don't know|Next8]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.joe;<<click [[Joe Biden|Next8]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.win;<<click [[Winnie the Pooh|Next8]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.xi a.link-internal {
position: absolute;
top: 800px;
left: 1100px;
}
.joe a.link-internal {
position: absolute;
top: 700px;
}
.win a.link-internal {
position: absolute;
top: 800px;
}
.idk a.link-internal {
position: absolute;
left: 1100px;
top: 700px;
}
h1 {
position: absolute;
top: 70px;
font-size: 3em;
}
h2{
font-size: 3em;
}
img {
width: 500px;
top: 175px;
left: 670px;
text-item: center;
position: absolute;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.xi a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.joe a.link-internal {
position: absolute;
top: 500px;
left: 200px;
}
.win a.link-internal {
position: absolute;
top: 600px;
left: 200px;
}
.idk a.link-internal {
position: absolute;
left: 900px;
top: 600px;
}
h1 {
position: absolute;
top: 70px;
font-size: 3em;
}
h2{
font-size: 3em;
}
img {
width: 350px;
top: 175px;
left: 470px;
text-item: center;
position: absolute;
}
}
</style><<set $points to 0>>
<h2>Points: <<print $points>></h2>
<h1>Which of the following is flag of China?</h1>
<span class="china"><<click [img[https://i.imgur.com/i1Xxn8r.jpg][Next]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>
</span>
<span class="USA"><<click [img[https://i.imgur.com/Td1c0ih.png][Next]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>
</span>
<span class="taiwan"><<click [img[https://i.imgur.com/xxResfb.png][Next]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>
</span>
<span class="spain"><<click [img[https://i.imgur.com/PCdS1A8.jpg][Next]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>
</span>
<style>
h1 {
font-size: 3em;
position: absolute;
top:70px;
}
h2{
font-size: 3em;
top: 20px;
position: absolute;
}
@media screen and (min-width: 1920px) {
span.taiwan img {
position: absolute;
top: 100px;
left: 1000px;
width: 500px;
height 540px;
}
span.spain img {
position: absolute;
top: 500px;
left: 1000px;
width: 500px;
height 540px;
}
span.china img {
position: absolute;
top: 500px;
left: 240px;
width: 500px;
height 540px;
}
span.USA img {
position: absolute;
width: 500px;
top: 150px;
height 540px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
span.taiwan img {
position: absolute;
top: 200px;
left: 800px;
width: 300px;
height 540px;
}
span.spain img {
position: absolute;
top: 500px;
left: 800px;
width: 300px;
height 540px;
}
span.china img {
position: absolute;
top: 500px;
left: 240px;
width: 300px;
height 540px;
}
span.USA img {
position: absolute;
width: 300px;
top: 200px;
height 540px;
}
}
</style><h2>Points: <<print $points>></h2>
<h1>Would you change your day to day behaviour based on what would give you a better social credit score?</h1>
@@.yes;<<click [[Not really.|Result]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.no;<<click [[I don't know.|Result]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.bad;<<click [[Absolutely!|Result]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.idk;<<click [[Dun care.|Result]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
h1 {
left: 100px;
position: absolute;
top: 60px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 600px;
left: 900px;
}
.yes a.link-internal {
position: absolute;
top: 600px;
}
.no a.link-internal {
position: absolute;
top: 400px;
}
.idk a.link-internal {
position: absolute;
left: 900px;
top: 400px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: absolute;
top: 40px;
font-size: 4em;
left: 100px;
}
h2{
font-size: 3em;
left: 40px;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 800px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 800px;
top: 300px;
}
}
</style><link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<span class="butan">
<<button "VIEW RESULTS">>
<<goto [[VIEW RESULTS]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
.butan button {
text-align:center;
font-size: 70px;
left: 645px;
top: 410px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.butan button {
text-align:center;
font-size: 70px;
left: 350px;
top: 310px;
}
}
</style>
<center><h1>Social Credit Score Test</h1></center>
<div class="box box2"></div>
<<audio maintheme play>>
<span class="start">
<<button "START">>
<<goto [[loading]]>>
<</button>>
</span>
<span class="credits">
<<button "CREDITS">>
<<goto [[Credits]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 30px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
position: absolute;
top: 10px;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: Jua;
display: block;
font-size: 10em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
.start button {
font-family: Jua;
margin: 0 auto;
width: 200px;
height: 90px;
left: 830px;
top: 520px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.start button:hover {
background: #e6e6e6;
color: #10151B;
}
.credits button {
font-family: Jua;
margin: 0 auto;
width: 200px;
height: 90px;
left: 830px;
top: 680px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.credits button:hover {
background: #e6e6e6;
color: #10151B;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 800px;
height: 200px;
top: 30px;
left: 270px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
position: absolute;
left: 320px;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: Jua;
display: block;
font-size: 5em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
.start button {
font-family: Jua;
margin: 0 auto;
width: 200px;
height: 90px;
left: 570px;
top: 420px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 10px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.start button:hover {
background: #e6e6e6;
color: #10151B;
}
.credits button {
font-family: Jua;
margin: 0 auto;
width: 200px;
height: 90px;
left: 570px;
top: 580px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 10px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.credits button:hover {
background: #e6e6e6;
color: #10151B;
}
}
</style>
<center><span class ="credittitle">『About The Project』</span></center>
<span class='p'>THIS STORY WAS INSPIRED FROM A MEME. Please don't take it into account. <br> The project was made using Twine, which is a tool for making interactive stories in a web browser. <br> I do not own all the audio/videos used in this project and is belonged to the respective owners.</span>
<span class="js-nametag">
<<button "BACK">>
<<goto [[INTRODUCTION]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
span.credittitle {
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: Jua;
font-size: 5em;
}
span.p{
text-align: center;
position: absolute;
font-family: Jua;
font-size: 3em;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.js-nametag button{
font-family: Jua;
color: white;
margin: 0 auto;
width: 200px;
height: 90px;
left: 830px;
top: 680px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.js-nametag button:hover{
background: #e6e6e6;
color: #10151B;
}
.js-nametag button:nth-child(1){
animation-name: fade;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-duration: 5s;
animation-direction: alternate;
}
.js-nametag button:nth-child(2){
animation-name: fade;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-duration: 5s;
animation-direction: reverse;
}
@keyframes fade{
0%,50% {
opacity: 0;
}
100%{
opacity: 1;
}
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
span.credittitle {
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: Jua;
font-size: 5em;
position: absolute;
left: 370px;
}
span.p{
text-align: center;
left: 10px;
top: 200px;
position: absolute;
font-family: Jua;
font-size: 3em;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.js-nametag button{
font-family: Jua;
color: white;
margin: 0 auto;
width: 200px;
height: 90px;
left: 588px;
top: 580px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.js-nametag button:hover{
background: #e6e6e6;
color: #10151B;
}
.js-nametag button:nth-child(1){
animation-name: fade;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-duration: 5s;
animation-direction: alternate;
}
.js-nametag button:nth-child(2){
animation-name: fade;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-duration: 5s;
animation-direction: reverse;
}
@keyframes fade{
0%,50% {
opacity: 0;
}
100%{
opacity: 1;
}
}
}
</style><<audio maintheme stop>>
<div class="progress">
<div class="progress-value"></div>
</div>
<br>
<br>
<br>
<br>
<br>
<span class="fadeIn-BEGIN">
<<button "BEGIN">>
<<goto [[BEGIN]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
body {
justify-content: center;
align-items: center;
background: #000;
display: flex;
height: 100vh;
padding: 0;
margin: 0;
}
.progress {
top: 450px;
left: 450px;
background: rgba(255,255,255,0.1);
justify-content: flex-start;
border-radius: 100px;
align-items: center;
position: absolute;
padding: 0 5px;
display: flex;
height: 40px;
width: 1000px;
}
.progress-value {
animation: load 3s normal forwards;
box-shadow: 0 10px 40px -10px #fff;
border-radius: 100px;
background: #fff;
height: 30px;
width: 0;
}
@keyframes load {
0% { width: 0; }
100% { width: 100%; }
}
.fadeIn-BEGIN button {
font-family: Jua;
margin: 0 auto;
width: 200px;
height: 90px;
left: 844px;
top: 680px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.fadeIn-BEGIN button:hover {
background: #e6e6e6;
color: #10151B;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
body {
justify-content: center;
align-items: center;
background: #000;
display: flex;
height: 100vh;
padding: 0;
margin: 0;
}
.progress {
top: 350px;
left: 290px;
background: rgba(255,255,255,0.1);
justify-content: flex-start;
border-radius: 100px;
align-items: center;
position: absolute;
padding: 0 5px;
display: flex;
height: 40px;
width: 800px;
}
.progress-value {
animation: load 3s normal forwards;
box-shadow: 0 10px 40px -10px #fff;
border-radius: 100px;
background: #fff;
height: 30px;
width: 0;
}
@keyframes load {
0% { width: 0; }
100% { width: 100%; }
}
.fadeIn-BEGIN button {
font-family: Jua;
margin: 0 auto;
width: 200px;
height: 90px;
left: 600px;
top: 480px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.fadeIn-BEGIN button:hover {
background: #e6e6e6;
color: #10151B;
}
}
</style>
/*source: https://codepen.io/traf/pen/oKbaqQ*/<<cacheaudio "correct" "https://www.dropbox.com/s/dlqgjd0jadm4btu/correct%20buzzer%21.mp3?dl=1&ext=.mp3">>
<<cacheaudio wrong "https://www.dropbox.com/s/avtrs12kjc180l0/wrgong%20buzza.mp3?dl=1&ext=.mp3">>
<<cacheaudio "chingchenghanji" "https://www.dropbox.com/s/x3u10qcobea8j41/chingchenghanjiNEW.mp3?dl=1&ext=.mp3">>
<<cacheaudio "shashamga" "https://www.dropbox.com/s/94ccdfd2d61vxwr/shashamga.mp3?dl=1&ext=.mp3">>
<<cacheaudio "boo" "https://www.dropbox.com/s/y48iuf5fx4kvxy5/booo.mp3?dl=1&ext=.mp3">>
<<cacheaudio "chingchenginstru" "https://www.dropbox.com/s/p0lvsa8av4uv9t8/chingchenginstrumental.mp3?dl=1&ext=.mp3">>
<<cacheaudio "asianriff" "https://www.dropbox.com/s/meukeystvwf8hwi/asiariff2.mp3?dl=1&ext=.mp3">>
<<cacheaudio "gagoalarm" "https://www.dropbox.com/s/5jy66zugl970rtr/alarm.mp3?dl=1&ext=.mp3">>
<<cacheaudio "chinamusic" "https://www.dropbox.com/s/juij03q5xkaxctn/chinamusic.mp3?dl=1&ext=.mp3">>
<<cacheaudio "maintheme" "https://www.dropbox.com/s/ibmpz5os69mz49u/maintheme.mp3?dl=1&ext=.mp3">>
<<cacheaudio "goodending" "https://www.dropbox.com/s/t13zcdwhij5ulfo/goodending.mp3?dl=1&ext=.mp3">>
<<cacheaudio "truending" "https://www.dropbox.com/s/pqebv2kk8xtgn5x/truending1.mp3?dl=1&ext=.mp3">>
<<cacheaudio "boom" "https://www.dropbox.com/s/nt8pae58b4txhf5/boom.mp3?dl=1&ext=.mp3">>
<<cacheaudio "june" "https://www.dropbox.com/s/b5lv4hy5oq88ahk/june.mp3?dl=1&ext=.mp3">>
<<cacheaudio "pink" "https://www.dropbox.com/s/sct2k37r8wpxwne/pink.mp3?dl=1&ext=.mp3">>
<<cacheaudio "maozed" "https://www.dropbox.com/s/qn0l8bza9ecmkb1/maozed.mp3?dl=1&ext=.mp3">>
<<cacheaudio "crowd" "https://www.dropbox.com/s/hjsnwy4crjisquv/crowd.mp3?dl=1&ext=.mp3">>
<<cacheaudio "yay" "https://www.dropbox.com/s/jfyxmb1q4no880j/yay.mp3?dl=1&ext=.mp3">>
<<if $points >= 20000 and $points <=350000>>
<<goto goodending>>
<<elseif $points == 450000>>
<<goto truending>>
<<else>>
<<goto badending>>
<</if>>
<style>
h1 {
font-size: 100px;
}
.passage {
transition: none;
}
</style>
<span class="whilelaoganma">[[afterwatchTV]]</span>
<div class="kekwing">
<video autoplay>
<source src="https://cdn.discordapp.com/attachments/732988528576954378/907625159232487466/ao-li-gei-qiihznbd_rSEmBe7i.mp4" type="video/mp4">
</video>
</div>
<style>
@media screen and (min-width: 1920px) {
video {
width: 1800px;
height: 309px;
position: absolute;
top: 215px;
left: 70px;
}
.whilelaoganma a {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
video {
width: 400px;
height: 309px;
position: absolute;
top: 110px;
left: 495px;
}
.whilelaoganma a {
display: none;
}
</style>
<h2>Points: <<print $points>></h2>
<h1>Have you ever criticised the government on social media?</h1>
@@.yes;<<click [[I did once.|Next10]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.no;<<click [[Nah|Next10]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.bad;<<click [[Yup.|Next10]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.idk;<<click [[I dont care about politics.|Next10]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 1200px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 900px;
top: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
left: 100px;
}
h2{
font-size: 3em;
left: 40px;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 950px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 800px;
top: 300px;
font-size: 3em;
}
}
</style><h2>Points: <<print $points>></h2>
<h1>You found a wallet on the floor. <br>What would you do?</h1>
@@.yes;<<click [[Steal it.|Next13]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.bad;<<click [[Return it to owner.|Next13]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.no;<<click [[Ignore it.|Next13]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.idk;<<click [[Pee on it.|Next13]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 600px;
left: 900px;
}
.yes a.link-internal {
position: absolute;
top: 600px;
}
.no a.link-internal {
position: absolute;
top: 400px;
}
.idk a.link-internal {
position: absolute;
left: 900px;
top: 400px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
left: 100px;
}
h2{
font-size: 3em;
left: 40px;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 800px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 800px;
top: 300px;
}
}
</style><h2>Points: <<print $points>></h2>
<h1>Your dog pooped at a public park. What would you do?</h1>
@@.yes;<<click [[Clean the poop.|Next12]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.no;<<click [[Run away.|Next12]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.bad;<<click [[Pretend you see nothing.|Next12]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.idk;<<click [[Laugh it out.|Next12]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 900px;
top: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
left: 100px;
}
h2{
font-size: 3em;
left: 40px;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 800px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 800px;
top: 300px;
}
}
</style><h2>Points: <<print $points>></h2>
<h1>What do you think of this picture?</h1>
<img src="https://i.imgur.com/EpBq026.png">
@@.hil;<<click [[Hilarious!|Next9]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.vom;<<click [[🤮🤮🤮|Next9]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.not;<<click [[Not funny.|Next9]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.hor;<<click [[Horrible.|Next9]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.hil a.link-internal {
position: absolute;
top: 200px;
left: 1300px;
}
.vom a.link-internal {
position: absolute;
top: 200px;
}
.not a.link-internal {
position: absolute;
top: 600px;
}
.hor a.link-internal {
position: absolute;
left: 1300px;
top: 600px;
}
h1 {
position: absolute;
top: 70px;
font-size: 3em;
}
h2{
font-size: 3em;
}
img {
width: 500px;
top: 175px;
left: 670px;
text-item: center;
position: absolute;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.hil a.link-internal {
position: absolute;
top: 200px;
left: 950px;
}
.vom a.link-internal {
position: absolute;
top: 200px;
left: 200px;
}
.not a.link-internal {
position: absolute;
top: 600px;
left: 200px;
}
.hor a.link-internal {
position: absolute;
left: 950px;
top: 600px;
}
h1 {
position: absolute;
top: 70px;
font-size: 3em;
}
h2{
font-size: 3em;
}
img {
width: 350px;
top: 175px;
left: 500px;
text-item: center;
position: absolute;
}
}
</style><h2>Points: <<print $points>></h2>
<h1>Will you disobey the government if you get drafted to a military?</h1>
@@.yes;<<click [[No way!|Next11]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.no;<<click [[Yeah.|Next11]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.bad;<<click [[Yea to spy on them.|Next11]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.idk;<<click [[Not sure.|Next11]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
h2{
font-size: 3em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 900px;
top: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
left: 100px;
}
h2{
font-size: 3em;
left: 40px;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 800px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 800px;
top: 300px;
}
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>Oh man I'm bored.</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[decidedTV]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 650px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 550px;
left: 450px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>Might as well watch some TV.</h1>
<div class="box box2"></div>
<span class="buton">
<<button "Turn on TV">>
<<goto [[tvscreen]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
.buton button {
font-family: Jua;
margin: 0 auto;
width: 200px;
height: 90px;
left: 1500px;
top: 650px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.buton button:hover {
background: #e6e6e6;
color: #10151B;
}
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 490px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.buton button {
font-family: Jua;
margin: 0 auto;
width: 200px;
height: 90px;
left: 980px;
top: 450px;
padding: 6px 0 0 3px;
border: 2px solid #e6e6e6;
border-radius: 10px;
background: none;
font-size: 20px;
color: #fff;
letter-spacing: .25em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
cursor: pointer;z-index: 10000;
position: absolute;
margin: auto;
background-color: rgba(0,0,0,.5);
}
.buton button:hover {
background: #e6e6e6;
color: #10151B;
}
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 300px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>A free Chinese citizenship?</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[afterwatchTV2]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 600px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
.laoganmanext a {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 300px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
.laoganmanext a {
display: none;
}
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>I'm down for it.</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[afterwatchTV3]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 700px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
.laoganmanext a {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 300px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
.laoganmanext a {
display: none;
}
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>Time to buy some tickets!</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[afterwatchTV4]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 600px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
.laoganmanext a {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 300px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
.laoganmanext a {
display: none;
}
}
</style><h1>You went for a trip to China.</h1>
<center><span class='regName'>[[To take the social credit test.|filler]]</span></center>
<<audio chingchenginstru loop play>>
<<audio june stop>>
<style>
@media screen and (min-width: 1920px) {
h1 {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
animation: cssAnimation 0s 1s forwards;
visibility: hidden;
}
.travelingChina a {
display: none;
}
.regName a {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 4em;
animation: cssAnimation 0s 2s forwards;
visibility: hidden;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
position: absolute;
left: 300px;
font-size: 5em;
animation: cssAnimation 0s 1s forwards;
visibility: hidden;
}
.travelingChina a {
display: none;
}
.regName a {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
position: absolute;
left: 350px;
top: 250px;
font-size: 4em;
animation: cssAnimation 0s 2s forwards;
visibility: hidden;
}
}
</style><span class="laoganmanext">[[next1]]</span>
<div class="wrapper">
<h2>Tour Guide:</h2>
<h1>Oh I see!</h1>
<div class="box box2"></div>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 6em;
text-align: center;
position: absolute;
top: 800px;
left: 800px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 435px;
}
h2 {
z-index: 1;
display: block;
font-size: 4em;
position: absolute;
top: 500px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style><<goto "Register your name">><div class="wrapper">
<h2>You:</h2>
<h1>! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !</h1>
<div class="box box2"></div>
<span class="butan">
<<button "HOLY WHAT THE!">>
<<goto [[psachinavideo]]>>
<</button>>
</span>
<<audio gagoalarm volume 0.3 play>>
<style>
@media screen and (min-width: 1920px) {
.butan button {
margin: 0 auto;
width: 170px;
height: 60px;
left: 1500px;
top: 650px;
}
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 490px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.butan button {
font-family: Jua;
margin: 0 auto;
width: 200px;
height: 90px;
left: 980px;
top: 450px;
}
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 300px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
</style>
<<audio crowd volume 0.3 play>><span class="psachina">[[psaafter1]]</span>
<div class="kekwing">
<video autoplay>
<source src="https://cdn.discordapp.com/attachments/729733801785294933/908319327168647228/Untitled.mp4" preload="auto" type=" video/mp4">
</video>
</div>
<<audio gagoalarm stop>>
<<audio pink stop>>
<style>
@media screen and (min-width: 1920px) {
video {
width: 1800px;
height: 600px;
position: relative;
top: -80px;
left: 20px;
}
.psachina a {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
video {
width: 800px;
height: 600px;
position: absolute;
top: -60px;
left: 250px;
}
.psachina a {
display: none;
}
}
</style>
<h1>You rented an apartment near the said place.</h1>
<center><span class='night'>You spent the night.</span></center>
<center><span class='regName'>[[And you've noticed something the next day...|beijing]]</span></center>
<<audio chingchenginstru loop play>>
<style>
@media screen and (min-width: 1920px) {
h1 {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.regName a {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 4em;
animation: cssAnimation 0s 2s forwards;
visibility: hidden;
}
.night {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 4em;
animation: cssAnimation 0s 2s forwards;
visibility: hidden;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: relative;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 5em;
}
.regName a {
position: absolute;
top: 500px;
left: 250px;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 4em;
animation: cssAnimation 0s 2s forwards;
visibility: hidden;
}
.night {
position: absolute;
left: 470px;
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 4em;
animation: cssAnimation 0s 2s forwards;
visibility: hidden;
}
}
.travelingChina a {
display: none;
</style>
<<audio crowd stop>>
<div class="wrapper">
<h2>You:</h2>
<h1>Wait a minute....</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[beijing1]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 250px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
}
.laoganmanext a {
display: none;
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>I recognize this place.</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[beijing2]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 250px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>This is the place when I first arrived here.</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[beijing3]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 4em;
position: absolute;
top: 580px;
left: 250px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>Where is the Tour Guide?</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[beijing4]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 250px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style>
<div class="wrapper">
<h2>??????:</h2>
<h1>He's gone....</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[beijing5]]</span>
<<audio chingchenginstru stop>>
<<audio boom play>>
<<audio june play>>
<<audio chingchenginstru stop>>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 250px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>Who are you?</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[beijing6]]</span>
<<audio boom play>>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 250px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style>
<div class="wrapper">
<h2>炒锅:</h2>
<h1>I am 炒锅.</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[beijing7]]</span>
<<audio boom play>>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 250px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>Oh!... hi-</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[beijing8]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 250px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style>
<div class="wrapper">
<h2>炒锅:</h2>
<h1>Enough chitchat. Go now if you want to take the test.</h1>
<div class="box box2"></div>
<<audio boom play>>
<span class="butan">
<<button "A-alright">>
<<goto [[PROCEED]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
.butan button {
margin: 0 auto;
width: 170px;
height: 60px;
left: 1500px;
top: 650px;
}
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 210px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.butan button {
margin: 0 auto;
width: 200px;
height: 90px;
left: 980px;
top: 450px;
}
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 3.3em;
position: absolute;
top: 595px;
left: 200px;
}
h2 {
z-index: 1;
display: block;
font-size: 4em;
position: absolute;
top: 500px;
left: 210px;
}
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>What a coincidence!</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[psaafter2]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 650px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 330px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style>
<div class="wrapper">
<h2>You:</h2>
<h1>That's also where I am heading!</h1>
<div class="box box2"></div>
<span class="laoganmanext">[[psaafter]]</span>
<style>
@media screen and (min-width: 1920px) {
.box2 {
z-index: -1;
position: absolute;
width: 1500px;
height: 300px;
top: 750px;
left: 200px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 800px;
left: 500px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 683px;
left: 210px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.box2 {
z-index: -1;
position: absolute;
width: 1000px;
height: 200px;
top: 550px;
left: 180px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
h1 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 580px;
left: 250px;
}
h2 {
z-index: 1;
display: block;
font-size: 5em;
position: absolute;
top: 483px;
left: 210px;
}
}
.laoganmanext a {
display: none;
}
</style><h2>Points: <<print $points>></h2>
<h1>Solve the following:</h1>
<<audio maozed volume 0.7 play>>
<<audio chinamusic stop>>
<img src="https://i.imgur.com/icR1O7A.png">
@@.bad;<<click [[WTF|test1]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.yes;<<click [[69|test1]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.no;<<click [[3x+1|test1]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.idk;<<click [[12x^3+6x^2|test1]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
<style>
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 900px;
top: 300px;
}
h1 {
position: absolute;
top: 70px;
font-size: 2em;
}
@media screen and (min-width: 1920px) {
img {
width: 800px;
top: 175px;
left: 500px;
text-item: center;
position: absolute;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
img {
width: 800px;
top: 175px;
left: 250px;
text-item: center;
position: absolute;
}
</style><h2>Points: <<print $points>></h2>
<h1>Solve the following:</h1>
<img src="https://i.imgur.com/WEpR4Z6.png">
@@.bad;<<click [[3x^4(3x-1)^2|test2]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.yes;<<click [[5x^2+4x-12|test2]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.no;<<click [[wtf is this quiz|test2]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.idk;<<click [[8x^3-3x^2+5x|test2]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
<style>
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.bad a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.yes a.link-internal {
position: absolute;
top: 500px;
}
.no a.link-internal {
position: absolute;
top: 300px;
}
.idk a.link-internal {
position: absolute;
left: 900px;
top: 300px;
}
h1 {
position: absolute;
top: 70px;
font-size: 2em;
}
@media screen and (min-width: 1920px) {
img {
width: 800px;
top: 175px;
left: 500px;
text-item: center;
position: absolute;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
img {
width: 800px;
top: 175px;
left: 250px;
text-item: center;
position: absolute;
}
}
</style><h2>Points: <<print $points>></h2>
<h1>What is the correct translation for "telephone"?</h1>
@@.zero;<<click [[水|test3]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.neg;<<click [[自行车|test3]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.three;<<click [[电话|test3]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.alot;<<click [[super idol 的笑容都没你的甜|test3]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>
<style>
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
@media screen and (min-width: 1920px) {
.zero a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.neg a.link-internal {
position: absolute;
top: 500px;
}
.three a.link-internal {
position: absolute;
top: 300px;
}
.alot a.link-internal {
position: absolute;
left: 900px;
top: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.zero a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.neg a.link-internal {
position: absolute;
top: 500px;
left: 100px;
}
.three a.link-internal {
position: absolute;
top: 300px;
left: 100px;
}
.alot a.link-internal {
position: absolute;
left: 600px;
top: 300px;
}
}
</style><h2>Points: <<print $points>></h2>
<h1>What is this character? 我</h1>
@@.zero;<<click [[wangba|test4]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.neg;<<click [[I|test4]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.three;<<click [[You|test4]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.alot;<<click [[super idol 的笑容都没你的甜|test4]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>
<style>
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
@media screen and (min-width: 1920px) {
.zero a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.neg a.link-internal {
position: absolute;
top: 500px;
}
.three a.link-internal {
position: absolute;
top: 300px;
}
.alot a.link-internal {
position: absolute;
left: 900px;
top: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.zero a.link-internal {
position: absolute;
top: 500px;
left: 900px;
}
.neg a.link-internal {
position: absolute;
top: 500px;
left: 100px;
}
.three a.link-internal {
position: absolute;
top: 300px;
left: 100px;
}
.alot a.link-internal {
position: absolute;
left: 600px;
top: 300px;
}
}
</style><h2>Points: <<print $points>></h2>
<h1>Translate this sentence to English: Tommy xǐhuān zhège nǚshēng.</h1>
@@.zero;<<click [[Tommy likes that girl|test5]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.neg;<<click [[Tommy likes 2d characters|test5]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.three;<<click [[Tommy likes to be a girl|test5]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.alot;<<click [[Tommy BING CHILLING!|test5]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>
<style>
@media screen and (min-width: 1920px) {
h1 {
position: absolute;
top: 40px;
font-size: 5em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.zero a.link-internal {
position: absolute;
top: 500px;
left: 1200px;
}
.neg a.link-internal {
position: absolute;
top: 500px;
}
.three a.link-internal {
position: absolute;
top: 300px;
}
.alot a.link-internal {
position: absolute;
left: 1200px;
top: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: absolute;
top: 40px;
font-size: 4em;
}
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 3em;
}
.zero a.link-internal {
position: absolute;
top: 500px;
left: 800px;
}
.neg a.link-internal {
position: absolute;
top: 500px;
}
.three a.link-internal {
position: absolute;
top: 300px;
}
.alot a.link-internal {
position: absolute;
left: 800px;
top: 300px;
}
}
</style><h2>Points: <<print $points>></h2>
<h1>DO you agree to what he is saying?</h1>
<img src="https://cdn.discordapp.com/attachments/732988528576954378/909120722612396103/super-idol-social-credits.gif">
@@.hil;<<click [[👍👍👍|test6]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
@@.vom;<<click [[🤮🤮🤮|test6]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.not;<<click [[who is that?.|test6]]>>
<<set $points -= 69000>>
<<audio wrong play>>
<</click>>@@
@@.hor;<<click [[super idol的笑容都没你的甜.|test6]]>>
<<set $points += 30000>>
<<audio correct play>>
<</click>>@@
<style>
@media screen and (min-width: 1920px) {
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.hil a.link-internal {
position: absolute;
top: 200px;
left: 1300px;
}
.vom a.link-internal {
position: absolute;
top: 200px;
}
.not a.link-internal {
position: absolute;
top: 600px;
}
.hor a.link-internal {
position: absolute;
left: 1200px;
top: 500px;
}
h1 {
position: absolute;
top: 70px;
font-size: 3em;
}
h2{
font-size: 3em;
}
img {
width: 500px;
top: 175px;
left: 670px;
text-item: center;
position: absolute;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
a.link-internal {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
}
.hil a.link-internal {
position: absolute;
top: 200px;
left: 950px;
}
.vom a.link-internal {
position: absolute;
top: 200px;
left: 100px;
}
.not a.link-internal {
position: absolute;
top: 400px;
left: 100px;
}
.hor a.link-internal {
position: absolute;
left: 900px;
top: 400px;
}
h1 {
position: absolute;
top: 70px;
font-size: 3em;
}
h2{
font-size: 3em;
}
img {
width: 300px;
top: 175px;
left: 500px;
text-item: center;
position: absolute;
}
}
</style><div class='invis1'>You successfully became a Chinese citizen.<br>And now owns a multi-billionaire company, A model citizen among the people.<br>Everyone respected you.<br><br><br>Excellent Work Citizen! YOU FOUND THE TRUE ENDING!</div>
<style>
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.Invis {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
animation: mymove 0s 5s forwards;
visibility: visible;
}
.invis1 {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
position: absolute;
left: 500px;
font-size: 3em;
animation: mymove 0s 5s forwards;
visibility: visible;
}
}
@media screen and (min-width: 1920px) {
.Invis {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
animation: mymove 0s 5s forwards;
visibility: visible;
}
.invis1 {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
animation: mymove 0s 5s forwards;
visibility: visible;
}
}
@keyframes mymove{
to { visibility: hidden;}
}
head {
}
*{
}
html, body {
height: 100%;
}
body {
background: #000;
}
.wrapper {
position: absolute;
top: 100%;
left: 50%;
width: 400px;
margin-left: -200px;
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
text-transform: uppercase;
animation: 60s credits linear infinite;
}
.movie {
margin-bottom: 50px;
font-size: 50px;
}
.job {
ont-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
margin-bottom: 5px;
font-size: 18px;
}
.name {
margin-bottom: 5px;
font-size: 35px;
}
@keyframes credits {
0% {
top: 100%;
}
100% {
top: -500%;
}
}
</style>
<div class='wrapper'>
<div class='movie'>
SOCIAL CREDIT SCORE TEST</div>
<div class='job'> Please don't take this seriously as this is just a parody from a meme.</div>
<div class='name'>
DIRECTED BY</div>
<div class='job'>
Alezandro Intal</div>
<div class='name'>
CODED BY</div>
<div class='job'>
Alezandro Intal</div>
<div class='name'>
EDITED BY</div>
<div class='job'>
Alezandro Intal</div>
<div class='name'>
SOFTWARE USED</div>
<div class='job'>
TWINE, DISCORD, SV18</div>
<div class='name'>
WEBSITES USED TO HOST AUDIOS&VIDS</div>
<div class='job'>
IMGUR, DROPBOX, DISCORD</div>
<div class='name'>
SPECIAL THANKS TO:</div>
<div class='job'>
StackOverflow, Twine Forum, CodePen.io</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
@</div>
<<audio chinamusic stop>>
<<audio maozed stop>>
<<audio truending play>><div class='invis1'>You successfully became a Chinese citizen.<br>And now as a part of the China, you stayed there for the rest of your life working as a translator.<br><br><br>Good Work Citizen! YOU FOUND THE GOOD ENDING!</div>
<style>
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.Invis {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
animation: mymove 0s 5s forwards;
visibility: visible;
}
.invis1 {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
position: absolute;
left: 500px;
font-size: 3em;
animation: mymove 0s 5s forwards;
visibility: visible;
}
}
@media screen and (min-width: 1920px) {
.Invis {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
animation: mymove 0s 5s forwards;
visibility: visible;
}
.invis1 {
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 5em;
animation: mymove 0s 5s forwards;
visibility: visible;
}
}
@keyframes mymove{
to { visibility: hidden;}
}
head {
}
*{
}
html, body {
height: 100%;
}
body {
background: #000;
}
.wrapper {
position: absolute;
top: 100%;
left: 50%;
width: 400px;
margin-left: -200px;
font-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
text-transform: uppercase;
animation: 60s credits linear infinite;
}
.movie {
margin-bottom: 50px;
font-size: 50px;
}
.job {
ont-family: Jua;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
margin-bottom: 5px;
font-size: 18px;
}
.name {
margin-bottom: 5px;
font-size: 35px;
}
@keyframes credits {
0% {
top: 100%;
}
100% {
top: -500%;
}
}
</style>
<div class='wrapper'>
<div class='movie'>
SOCIAL CREDIT SCORE TEST</div>
<div class='job'> Please don't take this seriously as this is just a parody from a meme.</div>
<div class='name'>
DIRECTED BY</div>
<div class='job'>
Alezandro Intal</div>
<div class='name'>
CODED BY</div>
<div class='job'>
Alezandro Intal</div>
<div class='name'>
EDITED BY</div>
<div class='job'>
Alezandro Intal</div>
<div class='name'>
SOFTWARE USED</div>
<div class='job'>
TWINE, DISCORD, SV18</div>
<div class='name'>
WEBSITES USED TO HOST AUDIOS&VIDS</div>
<div class='job'>
IMGUR, DROPBOX, DISCORD</div>
<div class='name'>
SPECIAL THANKS TO:</div>
<div class='job'>
StackOverflow, Twine Forum, CodePen.io</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
@</div>
<<audio chingchenghanji stop>>
<<audio goodending play>>Double-click this passage to edit it.<span class='js-nametag'>Always play in Fullscreen (1920x1080 recommended)</span>
<span class='phone'>Play with headphones for the best experience.</span>
<span class='key'>Press 'F' key to continue the story.</span>
<span class="laoganmanext">[[INTRODUCTION]]</span>
<style>
body {
background: #000;
}
@media screen and (min-width: 1920px) {
.js-nametag {
text-align: center;
position: absolute;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: Jua;
display: block;
font-size: 5em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
.js-nametag:nth-child(1){
animation-name: fade;
animation-fill-mode: both;
animation-duration: 3s;
}
.phone {
text-align: center;
top: 250px;
left: 320px;
position: absolute;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: Jua;
display: block;
font-size: 5em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
animation-name: fade;
animation-fill-mode: both;
animation-duration: 5s;
}
.key {
top: 510px;
left: 460px;
text-align: center;
position: absolute;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: Jua;
display: block;
font-size: 5em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
animation-name: fade;
animation-fill-mode: both;
animation-duration: 7s;
}
@keyframes fade{
0%,50% {
opacity: 0;
}
100%{
opacity: 1;
}
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
.js-nametag {
text-align: center;
position: absolute;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: Jua;
display: block;
font-size: 3em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
.js-nametag:nth-child(1){
animation-name: fade;
animation-fill-mode: both;
animation-duration: 3s;
}
.phone {
text-align: center;
top: 250px;
left: 320px;
position: absolute;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: Jua;
display: block;
font-size: 3em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
animation-name: fade;
animation-fill-mode: both;
animation-duration: 5s;
}
.key {
top: 510px;
left: 400px;
text-align: center;
position: absolute;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: Jua;
display: block;
font-size: 3em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
animation-name: fade;
animation-fill-mode: both;
animation-duration: 7s;
}
@keyframes fade{
0%,50% {
opacity: 0;
}
100%{
opacity: 1;
}
}
}
.laoganmanext a {
display: none;
}
</style><<audio chingchenghanji stop>>
<<audio boo volume 0 fadein>>
<<audio shashamga loop play>>
<center><h1> BAD ENDING <br>YOU ARE NOW BLACKLISTED <br>BY THE PEOPLE'S REPUBLIC OF CHINA</h1></center>
<style>
@media screen and (min-width: 1920px) {
h1 {
color: yellow;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 100px;
}
.passage {
transition: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
color: yellow;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 70px;
position: absolute;
text-align: center;
left: 80px;
}
.passage {
transition: none;
}
}
</style><h1> CONGRATULATIONS!<br>YOU HAVE PASSED THE TEST!<br>TOTAL ITEMS TAKEN: 20/20<br>TOTAL POINTS: $points </h1>
<span class="butan">
<<button "CONTINUE">>
<<goto [[continue1]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
h1 {
text-align: center;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 5em;
}
.butan button {
font-size: 50px;
left: 770px;
animation-name: fade;
animation-fill-mode: both;
animation-duration: 3s;
}
@keyframes fade{
0%,50% {
opacity: 0;
}
100%{
opacity: 1;
}
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: absolute;
text-align: center;
left: 350px;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 4em;
}
.butan button {
font-size: 50px;
top: 600px;
left: 530px;
animation-name: fade;
animation-fill-mode: both;
animation-duration: 3s;
}
@keyframes fade{
0%,50% {
opacity: 0;
}
100%{
opacity: 1;
}
}
}
</style>
<<audio yay play>>
<<audio chingchenghanji stop>>
<<audio chinamusic volume 0.2 play>>
<div class="kekwing">
<video autoplay>
<source src="https://cdn.discordapp.com/attachments/732988528576954378/909096728219766824/chsnei.mp4" preload="auto" type=" video/mp4">
</video>
</div>
<span class='regName'>[[TAKE TEST II AS REQUESTED BY ZHONG XINA]]</span>
<style>
@media screen and (min-width: 1920px) {
video {
width: 1800px;
height: 700px;
position: absolute;
top: 100px;
left: 70px;
}
.regName a{
color: red;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 4em;
position: absolute;
z-index: 1;
font-size: 5em;
top: 600px;
left: 347px;
animation: cssAnimation 0s 17s forwards;
visibility: hidden;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
video {
width: 1000px;
height: 700px;
position: absolute;
top: 50px;
left:170px;
}
.regName a{
color: red;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
text-align: center;
font-size: 3.7em;
position: absolute;
z-index: 1;
top: 600px;
left: 200px;
animation: cssAnimation 0s 17s forwards;
visibility: hidden;
}
}
</style><center><h1> CONGRATULATIONS!<br>YOU HAVE ACED THE TEST!<br>TOTAL ITEMS TAKEN: 25/25<br>TOTAL POINTS: $points</h1></center>
<span class="butan">
<<button "CONTINUE">>
<<goto [[continue]]>>
<</button>>
</span>
<style>
@media screen and (min-width: 1920px) {
.butan button{
position: absolute;
left: 760px;
font-size: 50px;
}
h1 {
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -5px 5px 0 #000, 1px 1px 0 #000;
font-size: 7em;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
position: absolute;
text-align: center;
left: 350px;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 4em;
}
.butan button {
font-size: 50px;
top: 600px;
left: 500px;
animation-name: fade;
animation-fill-mode: both;
animation-duration: 3s;
}
@keyframes fade{
0%,50% {
opacity: 0;
}
100%{
opacity: 1;
}
}
}
</style>
<<audio yay play>><<audio boo volume 0 fadein>>
<<audio shashamga loop play>>
<<audio chinamusic stop>>
<<audio maozed stop>>
<h1>TOO BAD!<br>YOU HAVE FAILED ZHONG XINA QUIZ!<br>EXECUTION DATE: UNKNOWN</h1>
<style>
@media screen and (min-width: 1920px) {
h1 {
text-align: center;
font-size: 80px;
color: gold;
text-shadow: -5px -5px 0 #000, 5px -5px 0 #000, -5px 5px 0 #000, 5px 5px 0 #000;
}
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
h1 {
text-align: center;
position: absolute;
font-size: 70px;
left: 80px;
color: gold;
text-shadow: -5px -5px 0 #000, 5px -5px 0 #000, -5px 5px 0 #000, 5px 5px 0 #000;
}
}
</style><style>
head {
}
*{
}
html, body {
height: 100%;
}
body {
}
.wrapper {
position: absolute;
top: 100%;
left: 50%;
width: 400px;
margin-left: -200px;
font: 300 30px/1 'Open Sans Condensed', sans-serif;
text-align: center;
text-transform: uppercase;
color: #fff;
animation: 60s credits linear infinite;
}
.movie {
margin-bottom: 50px;
font-size: 50px;
}
.job {
margin-bottom: 5px;
font-size: 18px;
}
.name {
margin-bottom: 50px;
font-size: 35px;
}
@keyframes credits {
0% {
top: 100%;
}
100% {
top: -500%;
}
}
</style>
<div class='wrapper'>
<div class='movie'>
SOCIAL CREDIT SOCIETY</div>
<div class='job'> Please don't take this seriously as this is just a parody from a meme.</div>
<div class='name'>
Directed by</div>
<div class='job'>
Alezandro Gabriel J. Intal</div>
<div class='name'>
Coded by</div>
<div class='job'>
Alezandro Gabriel J. Intal</div>
<div class='name'>
CODEPEN GITHUB</div>
<div class='job'>
SOURCE NEXT</div>
<div class='name'>
ALL SOURCES CODE</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT SHINE</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT ROTATE</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT SLIDE</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT HOVER</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT TRANSISI</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT FLIP</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT TOOLTIP</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT RADIAL</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT MULTIPLE</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT ANIMATED</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT EXPANDING</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT TRANSFORMS</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT OVERLAY</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT LOADING</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT CIRCLE</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT NAPIGATION</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT DROPDOWN</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT LIGHTING</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT ZOOM</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT SCALE</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT OPACITY</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFECT FLASHING</div>
<div class='job'>
CODE EFFECT</div>
<div class='name'>
EFFCET SMOKE</div>
<div class='job'>
CODE EDITED BY.</div>
<div class='name'>
MYSCRIPT2010</div>
<div class='job'>
</div>
<div class='name'>
CIBEBER CIMAHI</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
</div>
<div class='name'>
</div>
<div class='job'>
@
</div>
<div class='name'>
@</div><<if $points == 630000>>
<<goto joncina>>
<<else>>
<<goto joncinafail>>
<</if>>