Private-Google / web /index.html
KingNish's picture
Create web/index.html
9397fe3 verified
raw
history blame
2.22 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HelpingAI Search</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<header>
<div class="logo">
<span>H</span><span>e</span><span>l</span><span>p</span><span>i</span
><span>ng</span><span>AI</span>
</div>
<button class="settings-icon" onclick="toggleSettings()">
<svg>
</svg>
</button>
<div class="settings-menu" id="settings-menu">
<h4>Time Limit</h4>
<select id="timelimit">
<option value="none">All Time</option>
<option value="d">Day</option>
<option value="w">Week</option>
<option value="m">Month</option>
<option value="y">Year</option>
</select>
<h4>Safe Search</h4>
<select id="safesearch">
<option value="off">Off</option>
<option value="moderate">Moderate</option>
<option value="on">On</option>
</select>
</div>
</header>
<div class="sidebar" id="sidebar">
<div id="about-section" style="display: none">
<h2>About</h2>
<p id="about-description"></p>
</div>
<div id="people-also-search-section" style="display: none">
<h3>People Also Search For</h3>
<ul id="people-also-search-list"></ul>
</div>
</div>
<div class="main-content">
<div class="search-container">
<form id="search-form">
<div class="search-box">
<input
type="text"
id="search-query"
placeholder="Search the web"
autocomplete="off"
/>
<button type="submit">
<svg>
</svg>
</button>
</div>
</form>
<div id="suggestions"></div>
</div>
<div id="results"></div>
</div>
</div>
<script src="eel.js"></script> <script src="script.js"></script>
</body>
</html>