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

<html>

<head>
    <title>Eleutheria is learning how to think.</title>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <link rel="stylesheet" type="text/css" href="http://tinybrain.de:8080/getraw.php?id=1002160&contentType=text/css">
    <link rel="stylesheet" type="text/css" href="http://tinybrain.de:8080/getraw.php?id=1002217&contentType=text/css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/awesomplete/1.0.0/awesomplete.min.js"></script>
    
    <script id="redirect" type="text/javascript">
        // <!--
        if (screen.width <= 800) {
          window.location = "http://bots.tinybrain.de/1002213/raw?m=1";
        }
        // -->
    </script>
    <style>#news li{ margin: 0 0 10px 0; }</style>

</head>

<body>
<div class="content"> <!-- For testing and stuff -->
<div id="img">
    <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>
</div>
    <br>
    <h1 class="splash-h1" style="font-size: 30px; text-align:center;margin-top:-1%;">Eleutheria is learning how to think.</h1>
    
    <form name="talk-form" action="" style="margin-top:5%;height:50px;" id = "talk-form">
    <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>
    <input type="submit" class="submit" value="SUBMIT"></input>
    </form>
    <br />
    <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>
    <div id="answer" class="result"></div>
    <ul class="talk-ul" style="display:none;" id="autocomplete">
        <li>* * are * *</li>
        <li>* * is * *</li>
        <li>* random english words</li>
        <li>1 random english word</li>
        <li>Are there any * other than *?</li>
        <li>all things</li>
        <li>am i a *</li>
        <li>check theory</li>
        <li>cheesebase reload</li>
        <li>get disk space</li>
        <li>get unix hour</li>
        <li>get unix time</li>
        <li>how many * * * *</li>
        <li>how many computers run javax</li>
        <li>how many english words do you know?</li>
        <li>if the * is in the *, and the * is in the *, and the * is in the *, is the * in the *?</li>
        <li>if the * is in the *, and the * is in the *, and the * is in the *, then is the * in the *?</li>
        <li>if the * is in the *, and the * is in the *, is the * in the *?</li>
        <li>if the * is in the *, and the * is in the *, then is the * in the *?</li>
        <li>is * a *</li>
        <li>is * an english word?</li>
        <li>javax: how many statements? *</li>
        <li>list all *</li>
        <li>look up *</li>
        <li>lookup *</li>
        <li>name * *</li>
        <li>name a *</li>
        <li>please say *</li>
        <li>please scrape *</li>
        <li>random english word</li>
        <li>random english words</li>
        <li>show clusters</li>
        <li>show theory</li>
        <li>the text of snippet * is *</li>
        <li>unix hour</li>
        <li>what is *</li>
        <li>what is the unix hour</li>
        <li>which bot is the biggest</li>
    </ul>
    <br>
    <div id="twocols">
    <div style="margin-top:6%;" id="lastdialogs">
        <h4 class="splash-h4">Last <a href="http://bots.tinybrain.de/1002378">dialogs</a> (latest first):</h4>
        <ul class="splash-ul">
            <li class="splash-li">Stuff they said.</li>
            <li class="splash-li">More stuff.</li>
            <li class="splash-li">cool stuff.</li>
            <li class="splash-li">someone leveled up</li>
        </ul>
    </div>
    <div style="margin-top:6%;" id="news">
        <h4 class="splash-h4">News:</h4>
        <ul class="splash-ul">
            <li class="splash-li new">more coming</li>
            <li class="splash-li new">mobile website</li>
            <li class="splash-li new">new design</li>
            <li class="splash-li new">@bgrgndz joined</li>
        </ul>
    </div>
    </div>
    <center style="margin-top:40%;">
        <form action="http://bots.tinybrain.de/1002018/submit">
            <input class="splash-input" type="text" name="email" value="my@email.com">
            <input class="splash-input" type="submit" value="Join our community!">
        </form>
    </center>
    
    <div id="splash-footer">
        <br>
        <br><a class="lol splash-a" target=_blank href="http://bots.tinybrain.de">Bot list</a>
        <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>
    <p style="margin-top:-2%; text-align:center;">With the help of Bugra Gunduz</p>
</body>
</div>

</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: 942 / 3324
Referenced in: [show references]