show: make highlight legible
[debiancodesearch.git] / cmd / dcs-web / templates / placeholder.html
blobeac11a2bfa9c494484a43add89c7ff7463a37411
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 <style type="text/css">
8 {{ .criticalcss }}
10 pre, code {
11 /* We need to make sure that the line numbers and the code itself have
12 no padding/margin so the positions match. The !important is to
13 overwrite the style set by highlight.js’s stylesheet. */
14 margin: 0 !important;
15 padding: 0 !important;
18 a code {
19 color: #00E;
20 font-size: 110%;
23 #results {
24 list-style-type: none;
25 padding-left: 0;
28 #results li {
29 margin-bottom: 1em;
32 #results small {
33 opacity: 0.4;
36 #pagination {
37 margin-top: 2em;
38 margin-bottom: 2em;
39 margin-left: auto;
40 margin-right: auto;
41 width: 300px;
44 pre {
45 white-space: pre-wrap; /* css-3 */
46 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
47 white-space: -pre-wrap; /* Opera 4-6 */
48 white-space: -o-pre-wrap; /* Opera 7 */
49 word-wrap: break-word; /* Internet Explorer 5.5+ */
52 .lnr {
53 color: #999;
54 text-align: right;
55 padding-right: 1em;
56 padding-top: 0;
57 float: left;
58 width: {{.lnrwidth}}em;
60 </style>
61 <link rel="preload" href="/non-critical.min.css" as="style" onload="this.rel='stylesheet'">
62 <noscript>
63 <link rel="stylesheet" href="/non-critical.min.css">
64 <meta http-equiv="refresh" content="5">
65 </noscript>
66 </head>
67 <body>
69 <div id="header">
70 <div id="upperheader">
71 <div id="logo">
72 <a href="./" title="Debian Home"><img src="/Pics/openlogo-50.svg" alt="Debian" width="50" height="61"></a>
73 </div>
74 <p class="section"><a href="/">CODE SEARCH</a></p>
75 {{ template "searchbox.html" . }}
76 </div>
77 <div id="navbar">
78 <p class="hidecss"><a href="#content">Skip Quicknav</a></p>
79 <ul>
80 <li><a href="./">Search</a></li>
81 <li><a href="./about">About Code Search</a></li>
82 <li><a href="./faq">FAQ</a></li>
83 </ul>
84 </div>
85 <p id="breadcrumbs">&nbsp; search results</p>
86 </div>
87 <div id="content">
89 {{ template "javascript-results.html" }}
91 <noscript>
92 <p>
93 Still searching. This page will refresh itself every 5 seconds until the search
94 results are available.
95 </p>
97 <p>
98 Note that you are seeing this page because you have JavaScript disabled. For a
99 much better user experience with Debian Code Search, enable JavaScript.
100 </p>
101 </noscript>
103 {{ template "footer.html" . }}