results.html 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta
  6. name="viewport"
  7. content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
  8. />
  9. <title>Simo Search - {{query}}</title>
  10. <link rel="stylesheet" href="/static/main.css" />
  11. <link rel="icon" type="image/x-icon" href="/static/favicon.gif" />
  12. <link
  13. rel="search"
  14. type="application/opensearchdescription+xml"
  15. title="Simo Search"
  16. href="/opensearch.xml"
  17. />
  18. </head>
  19. <body class="results-view">
  20. <header>
  21. <a onclick="window.location = '/'"
  22. ><h1>Simo<span>Search</span></h1></a
  23. >
  24. <form action="/search" method="GET" class="search-form">
  25. <input
  26. name="q"
  27. type="text"
  28. class="search-box"
  29. autocomplete="off"
  30. placeholder="Search the web..."
  31. value="{{query}}"
  32. />
  33. </form>
  34. </header>
  35. <nav class="nav-tabs">
  36. <div class="nav-container">
  37. <a href="/search?q={{query}}" class="active"> All </a>
  38. <a href="/images?q={{query}}"> Images </a>
  39. </div>
  40. </nav>
  41. <div class="content-layout">
  42. <main class="results-container">
  43. {{for result in results}}
  44. <div class="result">
  45. <span class="url"> {{result[1]}} </span>
  46. <a href="{{result[0]}}"> {{result[2]}} </a>
  47. <p class="desc">{{result[3]}}</p>
  48. </div>
  49. {{endfor}}
  50. <nav class="pagination">
  51. <a
  52. class="pagination-btn prev"
  53. href="/search?q={{query}}&p={{prev_page}}"
  54. >
  55. &larr; Page {{prev_page}}
  56. </a>
  57. <span class="pagination-current">Page {{page}}</span>
  58. <a
  59. class="pagination-btn next"
  60. href="/search?q={{query}}&p={{next_page}}"
  61. >
  62. Page {{next_page}} &rarr;
  63. </a>
  64. </nav>
  65. </main>
  66. <aside class="infobox-sidebar">
  67. {{if exists infoboxes}} {{for info in infoboxes}}
  68. <section class="infobox">
  69. <div class="infobox-header">
  70. <h2 class="infobox-title">{{info[0]}}</h2>
  71. </div>
  72. <div class="infobox-main">
  73. <img
  74. src="{{info[1]}}"
  75. alt="{{info[0]}}"
  76. class="infobox-image"
  77. />
  78. <div class="infobox-content">
  79. <p class="infobox-summary">{{info[2]|safe}}</p>
  80. <a class="read-more" href="{{info[3]}}">
  81. Read More
  82. </a>
  83. </div>
  84. </div>
  85. </section>
  86. {{endfor}} {{endif}}
  87. </aside>
  88. </div>
  89. </body>
  90. </html>