implement server-rendered non-javascript search results
[debiancodesearch.git] / cmd / dcs-web / templates / placeholder.html
blobc22e26a09fba3275042a5a4571d53e553cbaf897
1 <!--
2 vim:ts=4:sw=4:expandtab
3 --><!DOCTYPE html>
4 <html lang="en">
5 <head>
6 <title>Debian Code Search: {{.q}}</title>
7 <link rel="stylesheet" href="debcodesearch.css">
8 <style type="text/css">
9 pre, code {
10 /* We need to make sure that the line numbers and the code itself have
11 no padding/margin so the positions match. The !important is to
12 overwrite the style set by highlight.js’s stylesheet. */
13 margin: 0 !important;
14 padding: 0 !important;
17 a code {
18 color: #00E;
19 font-size: 110%;
22 #results {
23 list-style-type: none;
24 padding-left: 0;
27 #results li {
28 margin-bottom: 1em;
31 #results small {
32 opacity: 0.4;
35 #pagination {
36 margin-top: 2em;
37 margin-bottom: 2em;
38 margin-left: auto;
39 margin-right: auto;
40 width: 300px;
43 pre {
44 white-space: pre-wrap; /* css-3 */
45 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
46 white-space: -pre-wrap; /* Opera 4-6 */
47 white-space: -o-pre-wrap; /* Opera 7 */
48 word-wrap: break-word; /* Internet Explorer 5.5+ */
51 .lnr {
52 color: #999;
53 text-align: right;
54 padding-right: 1em;
55 padding-top: 0;
56 float: left;
57 width: {{.lnrwidth}}em;
59 </style>
60 <link rel="stylesheet" href="http://yandex.st/highlightjs/7.0/styles/default.min.css">
61 <script src="http://yandex.st/highlightjs/7.0/highlight.min.js"></script>
62 <meta http-equiv="refresh" content="5">
63 </head>
64 <body>
66 <div id="header">
67 <div id="upperheader">
68 <div id="logo">
69 <a href="./" title="Debian Home"><img src="/Pics/openlogo-50.svg" alt="Debian" width="50" height="61"></a>
70 </div> <!-- end logo -->
71 <p class="section"><a href="/">Code Search</a></p>
72 <div id="searchbox">
73 <form action="/search" method="get">
74 <input type="text" name="q" value="{{.q}}">
75 <input type="submit" value="Search">
76 </form>
77 </div>
78 </div> <!-- end upperheader -->
79 <!--UdmComment-->
80 <div id="navbar">
81 <p class="hidecss"><a href="#content">Skip Quicknav</a></p>
82 <ul>
83 <li><a href="./">Search</a></li>
84 <li><a href="./about">About Code Search</a></li>
85 <li><a href="./faq">FAQ</a></li>
86 </ul>
87 </div> <!-- end navbar -->
88 <p id="breadcrumbs">&nbsp; search results</p>
89 </div> <!-- end header -->
90 <!--/UdmComment-->
91 <div id="content">
93 <p>
94 Still searching. This page will refresh itself every 5 seconds until the search
95 results are available.
96 </p>
98 <p>
99 Note that you are seeing this page because you have JavaScript disabled. For a
100 much better user experience with Debian Code Search, enable JavaScript.
101 </p>
103 <script type="text/javascript">
104 <!--
105 if (location.pathname.substr(0, '/search'.length) === '/search') {
106 window.location.replace('/results/{{.q}}/page_0');
109 </script>
111 {{ template "footer.html" }}