html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
</head>
<body>
<div class = 'chat'>
<div id = 'profile'>
<img id = 'profile-pic' src = 'https://i.pinimg.com/736x/cc/86/0b/cc860b3ab0940a981910507c5cfb16c3--dream-life-blonde-hairstyles.jpg' alt = 'image'>
<span id = 'name' >Sarah</span>
<br>
<img id = "dot" src = "http://www.clker.com/cliparts/n/6/E/l/R/n/green-button-blank-md.png"><span id = 'status'>online</span>
</div>
</div>
<br><br> <br><br><br><br><br><br><br><br>
<div id = "parent">
</div>
<div id = "typing-area">
<select id = 'input' name="options">
<option id = 'o1' value="o1">Hey there beautiful, let's chat</option>
<option id = 'o2' value="o2">Hello</option>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
body {
margin:0;
background: rgb(140, 4, 4);
font-family:arial;
}
#pic{
width:100%;
height:100%;
display:none;
border-width:5px;
border-style: solid;
border-radius:20%;
}
.chat{
position:fixed;
top:0;
right:0;
left:0;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//A sad tale based on inspired by real life events :(
//Do not copy the code unless.
var current_chat = 0;
var is_typing;
var name1 = prompt("Please enter your name");
if(name1 === "" || name1 === null){
name1 = "Dick";//I'm sorry but that's the best name I could think of
}
var age = prompt("Please enter your age");
if(age === "" || age === null){
age = "41";//I'm sorry but that's the best name I could think of
}
alert("A short story titled, \"Sarah My Love\" by Nick .S. \nDisclaimers:\n1. Doesn't work well with all aspect ratios.\n2. Also a long list of alert popups coming up. Hope you enjoy.");
alert(name1 + " was sitting in the park all alone. He couldn't help but envy the couples he saw in the park. His loneliness had pushed him into doing something he never thought he would end up doing.");
alert("He had just signed up for this new dating service called LoveChat. A rudimentary version of Tinder that used complex algorithms to pair people up.");
alert("His only problem with the app was that it required mountains of data and information about him. It needed as much information on him as it could find. Every Facebook post, Tweet, Instagram post, Reddit posts, you name it. The more information it could find, the more successful the pairing.");
alert(name1 + " was hopeful though. He trusted LoveChat would deliver. After all, he had paid $50 for the service. The $50 payment however, gave him a sense of genuineness about LoveChat, a hope that he would truly get the girl of his dreams. One night, he got a notification from LoveChat that read \"Dear "+ name1 + " we found a perfect match for you. Her name is Sarah. Your compatibility score is a high 87%. Congratulations.\"");
alert(name1 + " was too excited. He knew Sarah had gotten the notification on her side too but was too impatient to wait. He decided to text first.");
alert("There are 3 options to choose from depending on what you want to tell Sarah. Touch/Click the input to select what to say. Don't press send while she's typing please. Be polite :)");
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run