tomoya
/
iCulture


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<!DOCTYPE html>
<html lang="zh-TW">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"
			integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
						   <link rel="stylesheet" href="https://cdn.datatables.net/1.11.0/css/dataTables.bootstrap5.min.css">

  <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
	           crossorigin="anonymous"></script>
				  <script src="https://cdn.datatables.net/1.11.0/js/jquery.dataTables.min.js"></script>
					         <script src="https://cdn.datatables.net/1.11.0/js/dataTables.bootstrap5.min.js"></script>

  <style>
      @font-face {
            font-family: my_font;
	          src: local("zh-cn.ttf") format("opentype");
			          }

    * {
          font-family: my_font;
	      }

    .add_search span {
          margin-bottom: 2px;
	        font-size: 22px;
		    }

    .add_search div {
          margin-top: 1px;
	      }
	        </style>


  <title>iCulture</title>

	</head>

	<body>
		<div class="container">
	    	<div class="p-5 mt-5">
				<div class="mb-3">
		          	<div for="search_query" class="form-label fw-bold">iCulture Semantic Search</div>
				    	<hr>
					    	<div class="row mb-3">

          						<div class="col">
		                  			<label for="start_date" class="form-label">Start Date</label>
									<input type="date" name="start_date" class="form-control col" id="start_date">
								</div>
						        <div class="col">
									<label for="end_date" class="form-label">End Date</label>
									<input type="date" name="end_date" class="form-control col" id="end_date">
								</div>
							</div>
					        <div class="row mb-3">
			            		<div class="col">
									<label for="top_k" class="form-label">Top K</label>
									<input type="number" name="top_k" class="form-control col" id="top_k" placeholder="default: 100">
								</div>
								<div class="col">
									<label for="similarity" class="form-label">Similarity</label>
									<input type="number" name="similarity" class="form-control col" id="similarity" placeholder="-1 - 1 (default: 0)">
								</div>
							</div>
							<label for="search_query" class="form-label">Search Query</label>
							<div class="input-group mb-3">
								<input type="text" name="query" class="form-control" id="search_query" placeholder="Search query...">
								<button class="btn btn-outline-primary" type="button" id="search"><i class="fas fa-search"></i></button>
				  		    </div>
						    <div class="d-flex align-items-center" style="height: 30px;">
								擴大搜尋：
								<div id="add_keywords" class="add_search ms-1"></div>
							</div>
						    <div class="d-flex align-items-center" style="height: 30px;">
								iCulture 類別：
								<div id="add_labels" class="add_search ms-1"></div>
							</div>
						    <div class="d-flex align-items-center" style="height: 30px;">
								人名：
								<div id="add_names" class="add_search ms-1"></div>
							</div>
						</div>
					</div>
					<div class="p-1 text-center" id="wordcloud"></div>
					<div class="p-5 about" id="tag_list"></div>
					<div class="p-5" id="results"></div>
				</div>

  <!-- Optional JavaScript; choose one of the two! -->

  <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
		     integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
				    crossorigin="anonymous"></script>

  <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"
		              integrity="sha384-eMNCOe7tC1doHpGoWe/6oMVemdAVTMs2xqW4mwXrXsW0L84Iytr2wi5v2QjrP/xp"
					         crossorigin="anonymous"></script>
							          <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js"
									               integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/"
												          crossorigin="anonymous"></script> -->
														         <script src="static/main.js"></script>
	</body>


</html>