This repository has been archived on 2020-12-10. You can view files and clone it, but cannot push or open issues or pull requests.
IRProject/ui/index.html

49 lines
1.5 KiB
HTML
Raw Permalink Normal View History

2020-11-18 22:44:51 +00:00
<!DOCTYPE html>
<!-- vim: set ts=2 sw=2 et tw=80: -->
<html>
<head>
2020-11-19 23:11:27 +00:00
<title>Image Search IR System - Claudio Maggioni</title>
2020-11-18 22:44:51 +00:00
<meta charset="utf-8" />
2020-11-19 23:11:27 +00:00
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap" rel="stylesheet">
2020-11-20 20:58:45 +00:00
<link rel="stylesheet" href="./style.css"/>
2020-11-18 22:44:51 +00:00
</head>
<body>
2020-11-19 23:11:27 +00:00
<nav>
<div class="title">
<h1>Image Search IR System - By Claudio Maggioni</h1>
2020-11-18 22:44:51 +00:00
</div>
2020-11-19 23:11:27 +00:00
<div class="searchbox">
<form id="form">
<input type="text" id="q" placeholder="Search..."/>
</form>
</div>
</nav>
<main>
<div id="visualization"></div>
<div id="docs">
2020-11-20 22:58:45 +00:00
<div style="grid-column: 1 / calc(var(--columns) + 1);
text-align: center; padding: 2em;
background: #CCC;">
2020-11-19 23:11:27 +00:00
Input your query in the search box above and then press Enter.
Result clustering will appear on the left sidebar.
</div>
</div>
<template id="document">
<div class="document" id="doc{{ id }}">
2020-11-20 20:58:45 +00:00
<a class="img_box" href="{{ url }}" target="_blank"
style="background-image: url({{ url }})"/></a>
2020-11-20 22:58:45 +00:00
<div class="description">
2020-12-01 21:32:45 +00:00
<h2>{{ title }}</h2>
2020-11-19 23:11:27 +00:00
<h3>By {{ author }}</h3>
2020-11-20 22:58:45 +00:00
{{ description }}</div>
2020-11-19 23:11:27 +00:00
</div>
</template>
</div>
2020-11-18 22:44:51 +00:00
<script src="./carrotsearch.foamtree.js"></script>
2020-11-20 20:58:45 +00:00
<script src="./search.js"></script>
2020-11-18 22:44:51 +00:00
</body>
</html>`