dat2chan/header.html at master · emiln/dat2chan · 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
<!DOCTYPE HTML>
<html>
  <head>
    <link href="/style.css" rel="stylesheet">
    <meta charset="UTF-8">
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.js"></script>

    <script src="/script.js"></script>
    <title>dat2chan</title>
  </head>
  <body>
    <div id="navigation">
      <h1>dat2chan</h1>
      <a href="/awsm">/awsm/</a>
      <!--
      This is the interface that the end-user uses to perform actions on the site; creating/posting in threads etc.
      When clicked, these links should expand into a post editor that allows you to create or edit content on the site
      The post editor will have to include a text-input field for the main content of the post, which name you post under and functionality for uploading a file that will be attached to your post and the name of the thread you wish to post in.
      -->


      <div id="right-menu">
        <div id="hide-watcher"><a href="#">Hide</a></div>
        <div id="watchlist">
          <h1>Thread Watcher</h1>
          <div>/awesomeboard/</div>
          <ol start="0">
            <li><a href="/awesomeboard/thread0">This is a thread</a></li>
            <li><a href="/awesomeboard/thread1">This is another thread</a></li>
            <li><a href="/awesomeboard/thread2">This thread likes to watch</a></li>
          </ol>
          <div>/rawrsomeboard/</div>
          <ol start="0">
            <li><a href="/rawrsomeboard/thread0">This thread just wants to cuddle</a></li>
            <li><a href="/rawrsomeboard/thread1">This thread has a way too long name, but it's okay, because the text breaks nicely so that this menu doesn't become too big</a></li>
          </ol>
        </div>
        <hr />
        <div id="searchlist">
          <h1>Thread Search</h1><br />
          <input type="text" name="threadsearch" />
          <div id="results"><i>You should enter a search term, bro.</i></div>
        </div>
      </div>
    </div>
    <div id="content">