diff --git a/server.js b/server.js
index 2e386d0b041..d8ce46bb69f 100644
--- a/server.js
+++ b/server.js
@@ -9,15 +9,52 @@ app.get('/', function (req, res) {
res.sendFile(path.join(__dirname, 'ui', 'index.html'));
});
+app.get('/page1', function(req, res){
+ res.sendFile(path.join(__dirname, 'ui', 'page1.html'));
+});
+
+app.get('/page2', function(req, res){
+ res.sendFile(path.join(__dirname, 'ui', 'page2.html'));
+});
+
+app.get('/ui/main.js', function (req, res) {
+ res.sendFile(path.join(__dirname, 'ui', 'main.js'));
+});
+
+ app.get('/ui/head.js', function (req, res) {
+ res.sendFile(path.join(__dirname, 'ui', 'head.js'));
+});
+
+
+app.get('/page3', function(req, res){
+ res.sendFile(path.join(__dirname, 'ui', 'page3.html'));
+});
+
+ app.get('/page4', function(req, res){
+ res.sendFile(path.join(__dirname, 'ui', 'page4.html'));
+});
+
app.get('/ui/style.css', function (req, res) {
res.sendFile(path.join(__dirname, 'ui', 'style.css'));
});
+app.get('/ui/go.css', function (req, res) {
+ res.sendFile(path.join(__dirname, 'ui', 'go.css'));
+});
+
+
+
+app.get('/ui/next.js', function (req, res) {
+ res.sendFile(path.join(__dirname, 'ui', 'next.js'));
+});
+
+
app.get('/ui/madi.png', function (req, res) {
res.sendFile(path.join(__dirname, 'ui', 'madi.png'));
});
+
// Do not change port, otherwise your app won't run on IMAD servers
// Use 8080 only for local development if you already have apache running on 80
@@ -25,3 +62,4 @@ var port = 80;
app.listen(port, function () {
console.log(`IMAD course app listening on port ${port}!`);
});
+
\ No newline at end of file
diff --git a/ui/go.css b/ui/go.css
new file mode 100644
index 00000000000..9fb4997497e
--- /dev/null
+++ b/ui/go.css
@@ -0,0 +1,474 @@
+ .background {
+ background: url(https://avante.biz/wp-content/uploads/Black-Wallpapers-Texture/Black-Wallpapers-Texture-002.jpg ) repeat;
+ border: 2px solid black;
+
+}
+
+ .transbox {
+ margin: 22px;
+ background-color: #ffffff;
+ border: 1px solid black;
+ opacity: 0.6;
+ filter: alpha(opacity=60); /* For IE8 and earlier */
+
+}
+
+.transbox z {
+ margin: 7%;
+ font-weight: bold;
+ color: #000000;
+
+}
+
+
+
+ .slideshow-container {
+ max-width: 1000px;
+ position: relative;
+ margin: auto;
+}
+
+/* Hide the images by default */
+.mySlides {
+ display: none;
+}
+
+/* Next & previous buttons */
+.prev, .next {
+ cursor: pointer;
+ position: absolute;
+ top: 50%;
+ width: auto;
+ margin-top: -22px;
+ padding: 16px;
+ color: white;
+ font-weight: bold;
+ font-size: 30px;
+ transition: 0.6s ease;
+ border-radius: 0 3px 3px 0;
+}
+
+
+
+/* Position the "next button" to the right */
+.next {
+ right: 0;
+ border-radius: 3px 0 0 3px;
+}
+
+
+/* On hover, add a black background color with a little bit see-through */
+.prev:hover, .next:hover {
+ background-color: rgba(0,0,0,0.8);
+}
+
+/* Caption text */
+.text {
+ color: white;
+ font-size: 18px;
+ font-family: cursive;
+ font-variant: small-caps;
+ font-style: italic;
+ padding: 8px 12px;
+ position: absolute;
+ bottom: 8px;
+ width: 100%;
+ text-align: center;
+}
+
+/* Number text (1/3 etc) */
+.numbertext {
+ color: #f2f2f2;
+ font-size: 26px;
+ padding: 8px 12px;
+ position: absolute;
+ top: 0;
+}
+
+
+
+/* The dots/bullets/indicators */
+.dot {
+ cursor: pointer;
+ height: 15px;
+ width: 15px;
+ margin: 0 2px;
+ background-color: #bbb;
+ border-radius: 50%;
+ display: inline-block;
+ transition: background-color 0.6s ease;
+}
+
+
+.active, .dot:hover {
+ background-color: #717171;
+}
+
+
+
+
+.active, .nextdot:hover {
+ background-color: #717171;
+}
+
+/* Fading animation */
+.fade {
+ -webkit-animation: fade 5s infinite; /* Safari 4+ */
+ -moz-animation: fade 5s infinite;
+ animation-name: fade;
+ animation-duration: 1.5s;
+ transition: left 0.15s ease-out;
+}
+
+@-webkit-keyframes fade {
+ from {opacity: .4}
+ to {opacity: 1}
+}
+
+@keyframes fade {
+ from {opacity: .4}
+ to {opacity: 1}
+}
+
+
+@keyframes slideshow {
+ 10% {left: 0;}
+ 20% {left: 0;}
+ 30% {left: -100%;}
+ 40% {left: -100%;}
+ 50% {left: -200%;}
+ 60% {left: -200%;}
+ 70% {left: -300%;}
+ 80% {left: -300%;}
+ 90% {left: -400%;}
+ 100% {left: -400%}
+}
+
+
+#slider{overflow:hidden;width:40%;margin:5px auto; border: 5px solid transparent;border-radius: 10px;}
+#slider figure img{width:20%;float:left;}
+#slider figure{position:relative;width:500%;margin:0;left:0;text-align:left;animation:20s slideshow infinite}
+
+@media screen and (max-width: 1000px) {#slider {overflow: hidden; width: 100%; margin: 0 auto;}}
+
+
+
+
+
+
+
+
+
+
+ .center {
+ text-align: center;
+ }
+
+ .text-big {
+ font-size: 300%;
+ }
+
+ .bold {
+ font-weight: bold;
+ }
+
+ .img-medium {
+ height: 200px;
+ }
+
+
+
+ p{
+ border: .6em darkviolet;
+ border-style: dotted double;
+ margin: 1em 0;
+ padding: 1.2em;
+ background: linear-gradient(60deg, red, yellow, red, yellow, red);
+ font: 900 1.2em sans-serif;
+ text-decoration: underline;
+}
+
+.border-box { background-clip: border-box; }
+.padding-box { background-clip: padding-box; }
+.content-box { background-clip: content-box; }
+
+
+
+
+
+ #top-bar {
+ margin: 0;
+ margin-left: 15px;
+ border-left: 1px solid rgb(186, 188, 192);
+ padding-left: 12px;
+ font-size: 27px;
+ font-weight: normal;
+
+
+ color:DarkKhaki ;
+ line-height: 1.52;
+}
+ #title {
+ flex: 1;
+ font-family: "Georgia", arial, sans-serif;
+}
+
+ .img {
+ margin: 0 10px;
+ border: 3px #00F solid;
+ width: 160px;
+ height: 120px;
+ }
+
+
+
+
+ .rw-wrapper{
+ width: 80%;
+ position: relative;
+ margin: 110px auto 0 auto;
+ font-family: 'Bree Serif';
+ padding: 10px;
+}
+
+.rw-sentence{
+ margin: 0;
+ text-align: left;
+ text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
+}
+
+
+.rw-sentence span{
+ color: #8B0000;
+ white-space: nowrap;
+ font-size: 200%;
+ font-weight: normal;
+}
+
+
+.rw-words{
+ display: inline;
+ text-indent: 10px;
+}
+
+
+.rw-words span{
+ position: absolute;
+ opacity: 0;
+ overflow: hidden;
+ width: 100%;
+ color: #6b969d;
+}
+
+
+.rw-words-1 span{
+ animation: rotateWordsFirst 18s linear infinite 0s;
+}
+.rw-words-2 span{
+ animation: rotateWordsSecond 18s linear infinite 0s;
+}
+.rw-words span:nth-child(2) {
+ animation-delay: 3s;
+ color: #6b889d;
+}
+.rw-words span:nth-child(3) {
+ animation-delay: 6s;
+ color: #6b739d;
+}
+.rw-words span:nth-child(4) {
+ animation-delay: 9s;
+ color: #7a6b9d;
+}
+.rw-words span:nth-child(5) {
+ animation-delay: 12s;
+ color: #8d6b9d;
+}
+.rw-words span:nth-child(6) {
+ animation-delay: 15s;
+ color: #9b6b9d;
+}
+ .rw-words span:nth-child(6) {
+ animation-delay: 12s;
+ color: #8d6b9d;
+}
+.rw-words span:nth-child(7) {
+ animation-delay: 15s;
+ color: #9b6b9d;
+}
+
+@keyframes rotateWordsFirst {
+ 0% { opacity: 1; animation-timing-function: ease-in; height: 1px; }
+ 8% { opacity: 1; height: 60px; }
+ 19% { opacity: 1; height: 60px; }
+ 25% { opacity: 0; height: 60px; }
+ 100% { opacity: 0; }
+}
+
+
+
+
+@keyframes rotateWordsSecond {
+ 0% { opacity: 1; animation-timing-function: ease-in; width: 1px; }
+ 10% { opacity: 0.3; width: 1px; }
+ 20% { opacity: 1; width: 100%; }
+ 27% { opacity: 0; width: 100%; }
+ 100% { opacity: 0; }
+}
+
+
+
+
+
+
+ .ia-container {
+ width: 1000px;
+ margin: 20px auto;
+ overflow: hidden;
+ box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
+ border: 7px solid rgba(255,255,255,0.6);
+}
+
+.ia-container figure {
+ position: absolute;
+ top: 0;
+ left: 50px; /* width of visible piece */
+ width: 335px;
+ box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
+ transition: all 0.3s ease-in-out;
+}
+.ia-container > figure {
+ position: relative;
+ left: 0 !important;
+}
+.ia-container img {
+ display: block;
+ width: 100%;
+}
+.ia-container input {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 50px; /* just cover visible part */
+ height: 100%;
+ cursor: pointer;
+ border: 0;
+ padding: 0;
+ opacity: 0;
+ z-index: 100;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.ia-container input:checked{
+ width: 5px;
+ left: auto;
+ right: 1px;
+}
+.ia-container input:checked ~ figure {
+ left: 335px;
+ transition: all 0.7s ease-in-out;
+}
+.ia-container figcaption {
+ width: 100%;
+ height: 100%;
+ background: rgba(87, 73, 81, 0.1);
+ position: absolute;
+ top: 1px;
+ transition: all 0.2s linear;
+}
+
+.ia-container figcaption span {
+ position: absolute;
+ top: 40%;
+ margin-top: -30px;
+ right: 20px;
+ left: 20px;
+ overflow: hidden;
+ text-align: center;
+ background: rgba(87, 73, 81, 0.3);
+ line-height: 20px;
+ font-size: 18px;
+ opacity: 0;
+ text-transform: uppercase;
+ letter-spacing: 4px;
+ font-weight: 700;
+ padding: 20px;
+ color: #fff;
+ text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
+}
+.ia-container input:checked + figcaption,
+.ia-container input:checked:hover + figcaption{
+ background: rgba(87, 73, 81, 0);
+}
+
+.ia-container input:checked + figcaption span {
+ transition: all 0.4s ease-in-out 0.5s;
+ opacity: 1;
+ top: 50%;
+}
+
+
+.ia-container #ia-selector-last:checked + figcaption span {
+ transition-delay: 0.3s;
+}
+
+.ia-container input:hover + figcaption {
+ background: rgba(87, 73, 81, 0.03);
+}
+
+
+.ia-container input:checked ~ figure input{
+ z-index: 1;
+}
+
+
+@media screen and (max-width: 1200px) {
+ .ia-container {
+ width: 1000px;
+ }
+
+ .ia-container figure {
+ left: 40px;
+ width: 260px;
+ }
+
+ .ia-container input {
+ width: 40px;
+ }
+
+ .ia-container input:checked ~ figure {
+ left: 260px;
+ }
+
+ .ia-container figcaption span {
+ font-size: 16px;
+ }
+}
+
+@media screen and (max-width: 520px) {
+ .ia-container {
+ width: 320px;
+ }
+
+ .ia-container figure {
+ left: 20px;
+ width: 180px;
+ }
+
+ .ia-container input {
+ width: 20px;
+ }
+
+ .ia-container input:checked ~ figure {
+ left: 180px;
+ }
+
+ .ia-container figcaption span {
+ font-size: 10px;
+ letter-spacing: 2px;
+ padding: 10px;
+ margin-top: -20px;
+ }
+
+}
+
\ No newline at end of file
diff --git a/ui/head.js b/ui/head.js
new file mode 100644
index 00000000000..0519ecba6ea
--- /dev/null
+++ b/ui/head.js
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/ui/index.html b/ui/index.html
index 5a28644db45..16b1746d25c 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -1,17 +1,31 @@
-
+
-
+
+ Arena of Gautamshri
+
+
+
+
-
-
-
-
-
- Hi! I am your webapp.
-
-
+
+
+ 
+
+ MANISHA
+
+
+ 
+
+ !! I AM MUCH MORE WHEN I SEE YOU !!
+ 
+
+ 
+
+
+
+
+
+
diff --git a/ui/main.js b/ui/main.js
index 4cf7ed58de3..b538365cdbf 100644
--- a/ui/main.js
+++ b/ui/main.js
@@ -1 +1,21 @@
-console.log('Loaded!');
+console.log('loaded!');
+window.onload = choosePic;
+function choosePic() {
+
+ var myPix= new Array("https://lh3.googleusercontent.com/QDRqYwM1-3DBja34Kf94n0pD4H_XzZWTLukv5sLub0Y5lRW2ZcN_YsXh6V_BjMwZC2kbLjEXhs2_R43I05RccpZ9jBkkkiO4gPEhISIkQlgPmI1TGtrxt9Z7xUp3Ylak5SwX5Eg5UzYdEsh10NCQZ6Qz2hodrsu_1tB7NXPTejbRHejcDavBrwoCj26DZG5ENMXPb5gAFEtrERQYXTgNzasG8C-m8Auc4eamci5VY4CspqOXxjURta_t_OJV2iw4XEDsiIa5XbnNdaL-eh28ch7y5JKBBa4XIERIeh1dDPybi5KFMLCcpQXv0yIG4_7z8tQzZ1CAHJsRLy3bgRruvy2Y-jWCwIBwRBkdyC9N1PmeXhOnccxCJ6elj02TwezzhPqxdBWerJB_ALXMZrrTAR8ZovBlV1OkxVauEoju9IRvSsrbW0LnWJWEiyjXO6gBS2vtgTCLTi-EWNSg5dY5P71d4xLqertq05o_Fo8nionubWtNqoDdC46NJycoHDLwIoboQSYwCjjXIBmm5BxTgDmftK0lqx8cUyqBngFyXnS_dc9xzw3rAbWokLmmHgiJ3-20J8NSYYvv3BUp1kBbpJKJweDkEtfIg6mHQg=w763-h949-no","https://lh3.googleusercontent.com/1qvAZSxkcIF0NeU_ONxCwMfvC60_Wz0EiAY5WJfiPgClyg1mr8hLi1RJEpkTfvVHqaDiVTp5kBHsbKtYAgpW36VxGmgfASj7u89tbtMoXZ4GvSUa222xYt7YTsNTgvQgCIdgCbRaHev5EEsI94eeH51XCHLtymmv4bpt7ODp5pSRO-4k5fgxvAiAAS-y4_IJ_TZIoj3sACe90QPJ-ZC4dxW98Yyx32tqwkQ7StylH3fFsgDRogkbjp10Lyil4_woTUMcaGI69bRjCJmLwsbTmwkmj2sm5wKEMIX2X0Y1lK7Wc_e3UcMt_YVRPua9ljSoOOwZRKI7nZxSLDOITiBSY4Vfs3FOK2YZ97DMMwb4xL410Ik1jFJeiVyBKw5BeVYYGcMM1o6V7M9FkwPeVDXZFuZRfCZPA-Ue7aFv_kOqcoggMzxEiMz0DTxnekPUwzq3qIwz2krJr4IoVIy3f54X8ah7A6wXBDFZTcHu74trf9Lc_76BX9P2bkB7PDDK1jYgopYm0JKQui-aOoOaeC7Gs1xSCP1RaEx6-q-cdPAJdzWl0x7D4A_sWkVeAJyOZxKr5aXKpGPFc4WFjFfR20RgzC6HFJkyCO7s4AvG-A=w569-h949-no","https://lh3.googleusercontent.com/ijGUPTZbBrTpHmceWfn2bEJf0dvkQqdfY0MEh5kq5alTX4EY_u_iTGrZyaPJ7d46gB4JoYf8KZW4fmMIFLTbhojmbDZHsxPsraSbcBVTTMydybiSNMjnAkhe4YXG-98zqCQjQkrjsi3J2rBzALRfcdB_4A2Pd4Bxirrf8MP3XvTNElduofpBDi3rVTnXH1BAp6UBUFznYgfohvSOGoxwjnXHVa0yN9so09gynsWAI7xpXJpE510wcaXoY3dejvNaJhEM3WTNDZAfgge6VGXl-OpuHksQEbvll7v8RBp_Wm3mGOnRWppTh8-j25RNGBcjyOiw4We6YIBnUmUBZfMEgrTsXOCCqGcfJ9BZeEAN7CRZ1jq3s5SxIK_SlE8wfsxkPtCV44lzb1SmKRY8GbRCflL1ee0cyOMQs8M_hoVvfGgVjlCelwD3242glsB51lC_eGh6mCdK2HcEnbhhbdZREmRqxRy4cy5WF4R3_QxyfRKsMWUqciHXbcPcNpL_i8SCdKGhQlPU_KZabo5EgJ9Eg23fVlSC9NQT7Crbt2U0LPmaNybj27Zc-vMEjkaZCf6vHjTxV07tQpo6E3wjdeQtLpPmeaVKB2atpArS9w=w722-h949-no","https://lh3.googleusercontent.com/UAtizGQl4GNNAcxZw92atXEOjeuJ7dYmG3pEe1CwP5UAPARSzNb5HCs1vBXu7L6SP209fV22Tr7k1hnjSlCqHC9PFv0iYXHqpNwQoOz3QTDXOLWZM21X9TVaCET7Iz4PSTeqRiuk4oao3PyxIPguGW2fcnjwpEa46m7Ngx6qBvfoGW0xK03p53VzEu5fNuaPLUicoYeWErMHq_aMqUPNQEF0gilpJXm7UGRGoDuI_3MfzI6o-kgqu_fuuf26ceQQF2WZOzvTLbg4FctK9tpjwKA0JmQvWfqM_kYhKI2S9vGu8U7QFuOsWhnkPP262JS8j-fBz3tXWBlfAwFWz7KYH9uCzzvHglyFc7rQDcWO9b2IEKRjNYLRPoB_6XEvCF0RNg9idt-C6FBzQ_9GVLfd7NTIjbEpTShoqfG-ofodNkESFTV6hHr_I79mX_T5a2JwTVTW6ffHFTR8jbtRvwRGbRzayara9S1razHnF76v7z2sXBxh4-ZuPDSs9UWcMaddvpfyL3IfLGDSiN8Nf-7fIqTIWIV5WBjCNlrza0iYL9pE_BqkX-bjzjNYA1blBJtr13dUDUQbOMVsmkqUfVQA14y5lhuIYZqeHEaeHg=w863-h949-no");
+
+ var randomNum = Math.floor((Math.random() * myPix.length));
+document.getElementById("myPicture").src = myPix[randomNum];
+
+
+
+
+ var thatPix= new Array("https://lh3.googleusercontent.com/-aQmC4etEObHEinUeKl8NKbWWgTYHPpZ1XKjgTzW76MYGwL4qb8McXwTwgn_UwoxbLUffYLKy-3v2U_4VNC2Hr2_a2Ik1WqxjRzLUuTwBTbADLz08OAeIxHf3-zVm33HTi-eCCSVYK1numAF8dj2NEA0P8lVrORUnl_9NZVjpqOAlhOuFACM_Rmc4G4FmEXM5Piql4pwBSH1lLY44bM2gLeDu73VWEKPQ1ckLSNdIGy-S5iZ1dUmmyd5pFmiVXHqFU1pPZp2pCY8WiFGdWMzvatrvHNZjHhOqDuov7Rk_fNAVIJQ7WntnpZXgpKlDuuIAv2rvUkJKp49N-svFnLOqI4wnOZk4PIwY94Fw2WzjNG40Xosv0CkElHo0-pHtFoywUGOXjir-Wqlmzfi9TGYUete9lqGZ6uU9hsSqDRMP6xY4HPd73mz_1ZkfFM0DnLW_OfSlkCs6Iov4LL4nhX7gU05n_Ysut9NwFSgDxnZ3UO9pwilqJfjHcA0WP6r55ixm7mAxOlCVH7rkrsMjaE7IrB-hE6NxlKup9fPOTIX2aOOOpVD_kJNWkXTtfXl6ysPsQuFSgvi9dAhfY8e8HXr2A6ZN-4OfF3Iz_bJs4A=w713-h949-no","https://lh3.googleusercontent.com/kOlu7UTdCQShTV5EFrIdhT7vfUu3qfX1Xr5vFAy-WBHgdJ5BshAj08PNrQAf1dKWnVpcCCxVv-DzoFM2-jyqklZ81T9wWZgXq1jJLjaca0AH33VjIu1iaT8D-2jp4DJRA23W5X8xcLdMKsU9DOSY5jdRnShJxiJEOgw-yIBp7qSOExHvudY4hiLi5rRblRXS97saPU_NYdMUdK_C4hEnj8zF-R3uO1qpPT_yZ-6rErF52FmEz0js4-b1_suGgE6paXpuGbNsAB-paUR-_hZk79Aw89sV71s9oDy9aJBefhBkflffAcv4S7sumYwc5tApQ_KZKk2BJ9M5iwSAdRFK6h_qsxO5O12ePAPBO9BrAdxPNAMYFxoXbL1h42KKX9Bk8enREK_TSUZ_Puj-RXqgikOX4HNc1BHpaJNm5AhyojdnUpKl3ujudv0fEOL50g5sAsvugy0GCkaxtGD2iOT5Hn80eWq5fsGxfNlj2EcmCKcTpCM1LGPSw5l0pAPO8onRATMM4jU_8WtG4UbbRN88PTrdKA9Doai7RBBAG4TNsEbh-zVm9wJnS0uMCHp0UNxwJr-julYylbk4OkCEhzmas8b7e5Y6NLxq0ZwYzw=w713-h949-no","https://lh3.googleusercontent.com/j6bNg2tBGpL4ngBnY8c03-wmMXbd7hbPyvswQ-ZzIlDHWzx21bmj_okmB3vq9R4ds-IF06PIj9qo8W6E5IwT-pYAuHM9uQg2mpOjWxlROELti5aq3m4KtQ_vuAfpNC9M3q0ckq60qEl-4zhdqGo3QOKmXOHPZgKuAzSgX9n71bUwJ4KphjxiNp8X-0xnbHdB2pX6KYkU4_CQ71nhLlb--rVTWSdEZQGxWUQh2tJaM9w7L48xlQx0-FUzJCZ2npd1zzwQrA7LzGjpKbM6okKQUeo4DXKfJMZQlcItn0M4g_NpUr2DZdzaZl16ArBBO43qpFxqdmPpj6IX_7WAHbdNkNwvDu8dL8HuccKvg_KzhhFb_ZBRhwX2yUcVy6A1M4t_hRJI1XYpy-7vqwEcWQvuFVfcwRIq52qd0QX9xbi3WhZqz1qnyHdWKKHyTZYRo4a3iajkSec8I7-NVRs5T7WAryXpdsoCPvISyhv6_47W9b68fe-j0NNq_EHy37PuNWzDEHHN8JNKlJCHQfhp5c6EP2xMbVaTMflQeJlaIeTS1_ywpHgaQj1qFpd_mYOC_WH_Oa9ZmVikvvmqrCHhcqHxeUbn1IvVveouHuM2WA=w534-h949-no","https://lh3.googleusercontent.com/xsPJkK8WjIFMewZ3swzPmYgdkU1ypvE6rx0E-Skx9wDrI62PYlmmPhvDxIgUdHwk3hW6RcoBeudj99ZIku1oxppOW8tyOUJp6ZfJ-vvQLy77_ndiHaXldeG7ovnHfsSRSEpMX5zf0Eqmmm9bfrb2nUdzHF9uMWS9UOk3KoBtjVSErrPuZK7342pKy_4r65FVlSkUo3m_h61dXmA7nekeJO_s6m-kPd31B5cDrnyfvZnlrz0dm6-WQi9UUpIVWrW2G4yRPgfhO7Nr0fXa_getMm0KKgkbtloOqOOBobiIu_A1tqKS-D6_Smpdh8PBbByRVWgIAe_AIieHTRcJU25HOwhJgJlLoEFf50I9t1VSd3uqC4fBYiaxoXoNvCNjfZ5xoRyyMKzzSe8GTxYQ8bl69zs6pe9MMW-wPZrtL_xPhISN_HcPXv08VeQ5XzFH7bdyf8Jk7AstMy9oJRU9Xg63cMe_7nu-wNYqRy4UTukV2guksKKZ3CLyLmMw2En_btjsDoGzX3tRW18DWlhgSvrfnF4gWOU5yd3T2P58x0HQ-YLWndGRH5PVtENVdz9IhLAyV3bMoNIyF9B6FANu049FUYU5nEGzh0h1oyvlVw=w713-h949-no");
+
+var randomN = Math.floor((Math.random() * thatPix.length));
+document.getElementById("thatPicture").src = thatPix[randomN];
+
+
+}
+
+
\ No newline at end of file
diff --git a/ui/next.js b/ui/next.js
new file mode 100644
index 00000000000..7e85b72f1f2
--- /dev/null
+++ b/ui/next.js
@@ -0,0 +1,68 @@
+console.log('loaded!');
+window.onload = initAll;
+var slideIndex = 1;
+showSlides(slideIndex);
+
+// Next/previous controls
+function plusSlides(n) {
+ showSlides(slideIndex += n);
+}
+
+// Thumbnail image controls
+function currentSlide(n) {
+ showSlides(slideIndex = n);
+}
+
+function showSlides(n) {
+ var i;
+ var slides = document.getElementsByClassName("mySlides");
+ var dots = document.getElementsByClassName("dot");
+ if (n > slides.length) {slideIndex = 1}
+ if (n < 1) {slideIndex = slides.length}
+ for (i = 0; i < slides.length; i++) {
+ slides[i].style.display = "none";
+ }
+ for (i = 0; i < dots.length; i++) {
+ dots[i].className = dots[i].className.replace(" active", "");
+ }
+ slides[slideIndex-1].style.display = "block";
+ dots[slideIndex-1].className += " active";
+}
+
+
+
+window.onload = initAll;
+
+function initAll() {
+ document.getElementById("Lincoln").onclick = saySomething;
+ document.getElementById("Kennedy").onclick = saySomething;
+ document.getElementById("Nixon").onclick = saySomething;
+}
+
+ function saySomething() {
+ switch(this.id) {
+ case "Lincoln":
+ var ans = prompt("Are you Ready to make me your Boyfriend..","(Type YES or No)");
+ if (ans) {
+ alert("You said " +ans );}
+ else
+ alert("you refuse");
+ break;
+
+ case "Kennedy":
+ var resp = prompt("I follow You as a girlfriend & You Treat me as you Friend","(Type YES or No)");
+ if (resp) {
+ alert("You Said " +resp );}
+ else
+ alert("you refuse");
+ break;
+ case "Nixon":
+ var res = prompt("Sorry You have to obey the bet of Deepak","(Type YES or No)");
+ if (res) {
+ alert("You said " +res );}
+ else
+ alert("you refuse");
+ break;
+ default:
+ }
+}
\ No newline at end of file
diff --git a/ui/page1.html b/ui/page1.html
new file mode 100644
index 00000000000..ae40b278ba9
--- /dev/null
+++ b/ui/page1.html
@@ -0,0 +1,141 @@
+
+
+
+
+ Arena of Gautamshri
+
+
+
+
+
+
+
+ Your's Smile
+
+
+
+
+
+
+
1 / 4
+
+
One Person Thousands Feelings
+
+
+
+
2 / 4
+
+
I just want to be yours
+
+
+
+
3 / 4
+
+
You & Me Foreever
+
+
+
+
4 / 4
+
+
No one will ever know how perfect you are to me.
+
+
+
+
+
+
❮
+
❯
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
\ No newline at end of file
diff --git a/ui/page2.html b/ui/page2.html
new file mode 100644
index 00000000000..75634bf5773
--- /dev/null
+++ b/ui/page2.html
@@ -0,0 +1,39 @@
+
+
+
+
+ Arena of Gautamshri
+
+
+
+
+
+
+
+ 
+
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
I Like You Since First Day Of B Tech But......???
+If you Love Me Let Me Know If Not Gentaly Let Me Go
+I Need To Stop ThinKing About YOu I Know You Are Not Thinking About Me
+
+
+
+
+
+
LOVE PROPOSAL
+
+
+
+
+
+
+ Real Love is like
+ creating
+
+ breathtaking moments
+ lovely sounds
+ incredible magic
+ unseen experiences
+ happy feelings
+
+
+
+ with a silent touch of
+
+ sugar
+ spice
+ colors
+ happiness
+ wonder
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ui/page4.html b/ui/page4.html
new file mode 100644
index 00000000000..2136dbe12ac
--- /dev/null
+++ b/ui/page4.html
@@ -0,0 +1,39 @@
+
+
+
+
+ Growing Thumbnails Portfolio with jQuery & CSS3 | Tutorialzine Demo
+
+
+
+
+
+
+
+
+
+
+ Welcome to
+ Dan's Portfolio
+
+
+
+
+
My Latest Projects
+
+
Prev
+
Next
+
+
+ 
+
+
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+