Skip to content

Commit

Permalink
Added the trial UI
Browse files Browse the repository at this point in the history
  • Loading branch information
@kkothari2001
kkothari2001 committed Jul 10, 2020
1 parent 550a647 commit 3d319eb
Show file tree
Hide file tree
Showing 5 changed files with 296 additions and 73 deletions.
92 changes: 92 additions & 0 deletions Web UI/Trial UI/css/main.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
:root {
--darkest: #222831;
--dark: #393e46;
--light: #00adb5;
--lightest: #00fff5;
}

body,
button,
input {
padding: 0;
margin: 0;
border: 0;
color: var(--light);
}
button,
input {
outline: none;
}
body {
// display: grid;
height: 3vh;
font-family: monospace;
overflow-x: hidden;
// grid-template-columns: 1fr;
// grid-template-rows: 1fr;
background-color: var(--darkest);
}

header {
height: 80vh;
width: 80vw;
margin: 55px auto;
display: flex;
border-radius: 20px;
overflow: hidden;
align-items: center;
justify-content: center;
transition: border-radius 0.2s;
position: relative;
background-color: var(--dark);
div {
text-align: center;
position: relative;
font-size: 5.5rem;
}
}

main {
width: 200%;
height: 100vh;
display: flex;
.settings {
margin-top: 50px;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
h1 {
font-size: 3em;
text-align: center;
}

button {
background-color: var(--dark);
font-size: 1.5em;
padding: 0.3em;
border-radius: 10px;
}
#done,
button.active {
color: var(--lightest);
}
.length-select,
.genre-select {
h3 {
font-size: 2.6em;
margin-bottom: 0;
}
display: flex;
flex-direction: column;
height: 40vh;
justify-content: flex-start;
button {
margin: 5px;
}
align-items: center;
}
}
}
100 changes: 100 additions & 0 deletions Web UI/Trial UI/dist/main.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
:root {
--darkest: #222831;
--dark: #393e46;
--light: #00adb5;
--lightest: #00fff5;
}

body,
button,
input {
padding: 0;
margin: 0;
border: 0;
color: var(--light);
}

button,
input {
outline: none;
}

body {
height: 3vh;
font-family: monospace;
overflow-x: hidden;
background-color: var(--darkest);
}

header {
height: 80vh;
width: 80vw;
margin: 55px auto;
display: flex;
border-radius: 20px;
overflow: hidden;
align-items: center;
justify-content: center;
transition: border-radius 0.2s;
position: relative;
background-color: var(--dark);
}

header div {
text-align: center;
position: relative;
font-size: 5.5rem;
}

main {
width: 200%;
height: 100vh;
display: flex;
}

main .settings {
margin-top: 50px;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}

main .settings h1 {
font-size: 3em;
text-align: center;
}

main .settings button {
background-color: var(--dark);
font-size: 1.5em;
padding: 0.3em;
border-radius: 10px;
}

main .settings #done,
main .settings button.active {
color: var(--lightest);
}

main .settings .length-select,
main .settings .genre-select {
display: flex;
flex-direction: column;
height: 40vh;
justify-content: flex-start;
align-items: center;
}

main .settings .length-select h3,
main .settings .genre-select h3 {
font-size: 2.6em;
margin-bottom: 0;
}

main .settings .length-select button,
main .settings .genre-select button {
margin: 5px;
}
41 changes: 41 additions & 0 deletions Web UI/Trial UI/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="dist/main.css" />
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" />
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<title>twAIn</title>
</head>
<body>
<header>
<div id="title">
twAIn_
</div>
</header>
<main>
<div class="settings">
<h1>Design your story!</h1>
<div class="length-select">
<h3>Length Select</h3>
<button id="short" class="active">Short</button>
<button id="medium">Medium</button>
<button id="long">Long</button>
</div>
<div class="genre-select">
<h3>Genre Select</h3>
<button id="adventure" class="active">Adventure</button>
<button id="horror">Horror</button>
<button id="mystery">Mystery</button>
</div>
<button id="done">Done!</button>
</div>
<!-- <div class="story"></div> -->
</main>
<script src="script.js"></script>
<script>
AOS.init();
</script>
</body>
</html>
22 changes: 22 additions & 0 deletions Web UI/Trial UI/script.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
let header = document.getElementsByTagName("header")[0];
let titleanimid;
let colors = ["#6bff63", "#61faf7", "#ff59f7"];

header.addEventListener("click", function () {
console.log("click");
let title = document.getElementById("title");
let spread = 100;
titleanimid = setInterval(function () {
title.style.top = (Math.random() * spread - spread / 2).toString() + "%";
title.style.left = (Math.random() * spread - spread / 2).toString() + "%";
title.style.fontSize = (Math.random() * 50 + 2).toString() + "rem";
title.style.color = colors[Math.floor(Math.random() * 4)];
}, 150);
setTimeout(function () {
clearInterval(titleanimid);
title.style.top = 0;
title.style.left = 0;
title.style.fontSize = "6rem";
title.style.color = "var(--light)";
}, 2000);
});
114 changes: 41 additions & 73 deletions WebApp/GenStories/userStories/story.txt
View file
Original file line number Diff line number Diff line change
@@ -1,73 +1,41 @@
<<<<<<< HEAD
The killer was heavily armed, wearing
a black coat, a dark overcoat, and a pair of gloves. He
was walking with a limp, and his coat and overcoat had been
damaged beyond recognition.[1]

The next day, the police inspector of Kent (Mr. Walsingham)
declared that the case had been
referred to the coroner, and that the cause of death
was obvious, though it was not known whether the
murderer was dead or alive. It was declared that the
clothes had been cut off from the dead man, and that the coat
was of the same make as the body. The police inspector
declared that there was no sign of violence upon the sleeves
of the overcoat, and that there was no sign of any other
damage to the coat. The coroner determined that the
death was probably due to natural causes, and that the death
was suicide. The police inspector, who had been reviewing the case
upon the appearance of the coat, stated that it was
obviously a case of suicide, and prescribed the hospital
guidelines for suicide. Mr.
=======
Hello World', et cetera, were
heard now. The county, and the sea, were now about to make the
lamentable noise of their horrid inaudible noises. The
great wall of the very heaven, and the blaze of the bright fire,
were all heard now. The wind, and the waves, were now
falling in heavy waves, and the waves were now appearing
more and more. The sea was now rising and sinking, and all
around were the sounds of roaring and pealing.

The air was now so foul and so foul that it was impossible
to breathe. The sea-shells were now being shaken and blown
and blown, and the waves were raging, and the waves were now
crashing with a loud crash.

"Now," cried Charles, "let's get to the bottom of this wretched
mystery! Let's get to the bottom! I must be on the spot,
for I must know the truth, and I must know that these horrible
machines are not allowed to go on! I must know that the dead are not
allowed to rise again! I shall never know, if not for the life of
myself! I must know that I am not permitted to live, and that I
must die! No more can I do! There is no more to be said, and I
must die! ——I die!"

"Yes, yes," said Charles; "let's get to the bottom of
this. ⁉’N.

“Here, let me be upon you, my boy,’ said Henry; "I
will go and fetch you a glass of wine.’

"Do so or not," said Charles, "you shall die!’

"No; I will not die.’

"Aye, agree to my conditions.’

"Do so, or I will destroy you!’

"Agreed! I will not do anything against the terms of
this contract.’

"Agreed!" said Charles.

"Do so," said Henry; "it is all to do with that dreadful
monster! Do so or not, and I shall leave you to die!’

"Agreed," said Charles; "and you shall die when you are
consentably disposed to do so."

"Agreed; but not till I have seen you before I will agree to
this contract.
>>>>>>> 28b7df1bbe34377d02736ec1712f24607af318b5
I saw a small girl in the boat run toward him, with a little boy by her

hand, who looked to be about twelve or threescore years of age. He had a

large, dark complexion, and his brown eyes were very well

pigmented. He spoke very little, and said nothing to the

captain.



“Ah,” said the captain, “that’s what you’ll call a good boy.”



“What do you say?” asked the boy.



“I’ll take him along with the rest of the crew to find the treasure.”



The boy’s face brightened again and he ran toward the captain.



But as he passed the captain, he lost sight of him, and as he went on

running, the captain turned to look at the little girl. The girl

was playing with the little boy in the boat, and she was making

her way toward the treasure when she was suddenly carried away along the

water by the wind.



“What was that?” asked the captain.

0 comments on commit 3d319eb

Please sign in to comment.