rgrove / trogdor
watch download tarball
public
Forks7Right
Watchers14Right
Description: A fast, simple search-as-you-type implementation in JavaScript using the Yahoo! Search BOSS API.
Homepage: http://pieisgood.org/search/
Clone URL: git://github.com/rgrove/trogdor.git
trogdor / index.html
100644 77 lines (65 sloc) 2.708 kb
raw blame history 
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

<!DOCTYPE html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Trogdor: Burninatingly fast search using Yahoo! BOSS</title>
    <style type="text/css">
      body { background: #fff; color: #000; font: 10pt Helvetica, Arial, sans-serif; margin: 0; min-width: 430px; }
      form { margin: 0; }
 
      #hd, #bd, #ft { padding: 1em; }
      #hd { background: #dee4ee; border-bottom: 1px solid #5c6f90; }
      #hd h1 { font-size: 1.5em; float: right; margin: 0.05em 1em; }
      #hd .subtitle { clear: left; margin: 0; float: right; }
 
      #ft { background: #f6f6f6; border: 1px solid #dfdfdf; margin: 1em; padding: 0.6em; }
      #ft a { color: #0000ff; }
      #ft h2 { font-size: 1.1em; margin: 0; }
      #ft p { margin: 0.6em 0 0; }
 
      #q { width: 25em; }
 
      #web { margin: 1em 0; padding: 0; max-width: 600px; }
      #web a:focus { outline: #72A7FF solid 2px; }
      #web li { color: #666; font-style: italic; list-style: none; }
      #web li.res { color: #000; font-style: normal; margin-bottom: 1em; }
      #web li.res cite { color: #006600; font-style: normal; }
      #web li.res h3 { font-size: 1.2em; font-weight: normal; margin: 0; }
 
      .off-left { left: -9999px; position: absolute; }
    </style>
    <link rel="search" type="application/opensearchdescription+xml"
        href="opensearch.xml" title="Trogdor">
  </head>
  <body>
    <div id="hd">
      <h1 title="Burninatingly fast search using Yahoo! BOSS">Trogdor</h1>
 
      <form action="http://search.yahoo.com/search" method="get">
        <div>
          <input type="text" id="q" name="q" maxlength="255"
              title="Type a query">
 
          <noscript>
            <p>
              Instant search results are unavailable because JavaScript is
              disabled.
            </p>
          </noscript>
        </div>
      </form>
    </div>
 
    <div id="bd">
      <h2 class="off-left">Web Results</h2>
      <ol id="web">
        <li>
          Type a search query above, then use the up and down arrow keys to
          select a result.
        </li>
      </ol>
    </div>
 
    <div id="ft">
      <h2>Fork Me!</h2>
 
      <p>
        Like what you see? Grab the
        <a href="http://github.com/rgrove/trogdor/">source code</a> on
        GitHub. Fork it. Add awesomeness. Subtract crappiness. Be a ninja.
      </p>
    </div>
 
    <script src="js/trogdor-min.js" type="text/javascript"></script>
    <script type="text/javascript">Trogdor.init('C82ywM3V34FSPr8EUqeE61WL6zQ1psBVArWY62MoVxyuljPRIfkcdnWSKDTKBuTkFsyMAkvp9Q--', 'q', 'web');</script>
  </body>
</html>