Not logged in.  Login/Logout/Register | List snippets | | Create snippet | Upload image | Upload data

113
LINES

< > BotCompany Repo | #1002216 // splash page + talk to bot

HTML

1  
<html>
2  
3  
<head>
4  
    <title>Eleutheria is learning how to think.</title>
5  
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
6  
    <link rel="stylesheet" type="text/css" href="http://tinybrain.de:8080/getraw.php?id=1002160&contentType=text/css">
7  
    <link rel="stylesheet" type="text/css" href="http://tinybrain.de:8080/getraw.php?id=1002217&contentType=text/css">
8  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.js"></script>
9  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/awesomplete/1.0.0/awesomplete.min.js"></script>
10  
    
11  
    <script id="redirect" type="text/javascript">
12  
        // <!--
13  
        if (screen.width <= 800) {
14  
          window.location = "http://bots.tinybrain.de/1002213/raw?m=1";
15  
        }
16  
        // -->
17  
    </script>
18  
    <style>#news li{ margin: 0 0 10px 0; }</style>
19  
20  
</head>
21  
22  
<body>
23  
<div class="content"> <!-- For testing and stuff -->
24  
<div id="img">
25  
    <a class="splash-a" href="http://tinybrain.de" border=0><img class="img" src="http://eyeocr.sourceforge.net/filestore/filestore.php?cmd=serve&amp;file=blob_1002279&amp;contentType=image/png" /></a>
26  
</div>
27  
    <br>
28  
    <h1 class="splash-h1" style="font-size: 30px; text-align:center;margin-top:-1%;">Eleutheria is learning how to think.</h1>
29  
    
30  
    <form name="talk-form" action="" style="margin-top:5%;height:50px;" id = "talk-form">
31  
    <input name="q" data-list="#autocomplete" class="awesomplete talk-input" autofocus id="input" type="text" placeholder="Talk to the robot..." style="text-align: center"></input>
32  
    <input type="submit" class="submit" value="SUBMIT"></input>
33  
    </form>
34  
    <br />
35  
    <p style="font-size:16px;"><b><span style="color:black;">Note: </span>Eleutheria is not a smalltalk engine (yet).It learns about computers first, then humans.</b></p>
36  
    <div id="answer" class="result"></div>
37  
    <ul class="talk-ul" style="display:none;" id="autocomplete">
38  
        <li>* * are * *</li>
39  
        <li>* * is * *</li>
40  
        <li>* random english words</li>
41  
        <li>1 random english word</li>
42  
        <li>Are there any * other than *?</li>
43  
        <li>all things</li>
44  
        <li>am i a *</li>
45  
        <li>check theory</li>
46  
        <li>cheesebase reload</li>
47  
        <li>get disk space</li>
48  
        <li>get unix hour</li>
49  
        <li>get unix time</li>
50  
        <li>how many * * * *</li>
51  
        <li>how many computers run javax</li>
52  
        <li>how many english words do you know?</li>
53  
        <li>if the * is in the *, and the * is in the *, and the * is in the *, is the * in the *?</li>
54  
        <li>if the * is in the *, and the * is in the *, and the * is in the *, then is the * in the *?</li>
55  
        <li>if the * is in the *, and the * is in the *, is the * in the *?</li>
56  
        <li>if the * is in the *, and the * is in the *, then is the * in the *?</li>
57  
        <li>is * a *</li>
58  
        <li>is * an english word?</li>
59  
        <li>javax: how many statements? *</li>
60  
        <li>list all *</li>
61  
        <li>look up *</li>
62  
        <li>lookup *</li>
63  
        <li>name * *</li>
64  
        <li>name a *</li>
65  
        <li>please say *</li>
66  
        <li>please scrape *</li>
67  
        <li>random english word</li>
68  
        <li>random english words</li>
69  
        <li>show clusters</li>
70  
        <li>show theory</li>
71  
        <li>the text of snippet * is *</li>
72  
        <li>unix hour</li>
73  
        <li>what is *</li>
74  
        <li>what is the unix hour</li>
75  
        <li>which bot is the biggest</li>
76  
    </ul>
77  
    <br>
78  
    <div id="twocols">
79  
    <div style="margin-top:6%;" id="lastdialogs">
80  
        <h4 class="splash-h4">Last <a href="http://bots.tinybrain.de/1002378">dialogs</a> (latest first):</h4>
81  
        <ul class="splash-ul">
82  
            <li class="splash-li">Stuff they said.</li>
83  
            <li class="splash-li">More stuff.</li>
84  
            <li class="splash-li">cool stuff.</li>
85  
            <li class="splash-li">someone leveled up</li>
86  
        </ul>
87  
    </div>
88  
    <div style="margin-top:6%;" id="news">
89  
        <h4 class="splash-h4">News:</h4>
90  
        <ul class="splash-ul">
91  
            <li class="splash-li new">more coming</li>
92  
            <li class="splash-li new">mobile website</li>
93  
            <li class="splash-li new">new design</li>
94  
            <li class="splash-li new">@bgrgndz joined</li>
95  
        </ul>
96  
    </div>
97  
    </div>
98  
    <center style="margin-top:40%;">
99  
        <form action="http://bots.tinybrain.de/1002018/submit">
100  
            <input class="splash-input" type="text" name="email" value="my@email.com">
101  
            <input class="splash-input" type="submit" value="Join our community!">
102  
        </form>
103  
    </center>
104  
    
105  
    <div id="splash-footer">
106  
        <br>
107  
        <br><a class="lol splash-a" target=_blank href="http://bots.tinybrain.de">Bot list</a>
108  
        <a style="margin-left:20px;" class="lol splash-a" href="http://tinybrain.de:8080/getraw.php?id=754&#38;contentType=text/html">More</a></div>
109  
    <p style="margin-top:-2%; text-align:center;">With the help of Bugra Gunduz</p>
110  
</body>
111  
</div>
112  
113  
</html>

Author comment

Began life as a copy of #1002212

download  render html  show line numbers   

Travelled to 12 computer(s): aoiabmzegqzx, bhatertpkbcr, cbybwowwnfue, gwrvuhgaqvyk, ishqpsrjomds, lpdgvwnxivlt, mqqgnosmbjvj, pyentgdyhuwx, pzhvpgtvlbxg, tslmcundralx, tvejysmllsmz, vouqrxazstgt

No comments. add comment

Snippet ID: #1002216
Snippet name: splash page + talk to bot
Eternal ID of this version: #1002216/1
Text MD5: 10723d28f162d558dc77d774b74ab612
Author: bgrgndz
Category:
Type: HTML
Public (visible to everyone): Yes
Archived (hidden from active list): No
Created/modified: 2016-01-22 18:44:55
Source code size: 5126 bytes / 113 lines
Pitched / IR pitched: No / No
Views / Downloads: 944 / 3327
Referenced in: [show references]