498Project/input.html at master · max-wilkinson/498Project · GitHub

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!--
TEAM #SENTIMENT - EECS 498 - Information Retrieval
    Main landing / search page of the engine.
    Provides a website to use as an interface to the engine.
-->
<html>
    <head>
        <title>How does the internet feel?</title>
        <link rel='stylesheet' href='webfiles/style.css'>
    </head>
    <body>
        <header id='header'>
            <p align= "left">
                <img id="logo" src="webfiles/OpinionEngine.png" />
            </p>
        </header>
        <div id='intro'>
            <h1>How does the Internet feel?</h1><br>
            <h3>Write an opinion you have, and see whether Twitter and Bing feel the same.</h3>
            <br>
        </div>
        <br><br>
        <div id='input'>
            <h1 id="searchLabel">Search</h1>
            <form name='search' id='search' action='javascript:feelings();'>
                <input type='text' name='query' id='query' placeholder='Your thoughts?' required><br>
                <input type='submit' value='Go!' id='button'>
            </form>
            <br>
        </div>
        <br>
        <div id="results">
            <h3>It looks like you<span id="firstEmotion"></span><span id="firstObject" class='subject'></span></h3>
            <img id="resultImage" src=""/>
        </div>
        <div id='twitter'>
            <h3 id="twitterData">Twitter <span id="twitterEmotion"></span><span id="twitterObject" class='subject'></span></h3>
            <div id="tweets">Tweets</div>
            <p align="left">
                <img id="resultLogo" src="webfiles/TwitterLogo.png"/>
            </p>
        </div>
        <div id='bing'>
            <h3>Bing gives <span id="bingObject" class='subject'></span> a thumbs <span id="bingSentiment">"some emotion"</span></h3>
            <img id='thumbs' src="webfiles/Facebook-thumbs-up.png"/>
            <p align="left">
                <img id="resultLogo" src="webfiles/BingLogo.png" style="margin-top: -1px"/>
            </p>
        </div>
        <div id="header">
            <p align="left" >Powered by Team #Sentiment</p>
        </div>
    </body>
</html>
<script src='webfiles/jquery.min.js'></script>
<script src='webfiles/ajax.js'></script>