Use bootstrap for the frontend layout
This commit is contained in:
@@ -1,26 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<link rel="stylesheet" href="static/jquery-ui-1.13.0/jquery-ui.min.css">
|
||||
<link rel="stylesheet" href="static/jquery-ui-1.13.0/jquery-ui.theme.min.css">
|
||||
<link rel="stylesheet" href="static/index.css">
|
||||
<script src="static/jquery-3.6.0.min.js"></script>
|
||||
<script src="static/jquery-ui-1.13.0/jquery-ui.min.js"></script>
|
||||
<title>Inflective</title>
|
||||
</head>
|
||||
<body>
|
||||
<form id="search-form">
|
||||
<div class="ui-widget" id="search-widget">
|
||||
<label for="tags">Word: </label>
|
||||
<input id="search-bar">
|
||||
</div>
|
||||
<button type="submit" class="ui-button ui-widget ui-corner-all ui-button-icon-only" id="search">
|
||||
<span class="ui-icon ui-icon-search"></span>
|
||||
</button>
|
||||
</form>
|
||||
<main id="ajax-content">
|
||||
</main>
|
||||
</body>
|
||||
<script src="static/index.js"></script>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<link rel="stylesheet" href="static/jquery-ui-1.13.0/jquery-ui.min.css">
|
||||
<link rel="stylesheet" href="static/jquery-ui-1.13.0/jquery-ui.theme.min.css">
|
||||
<link rel="stylesheet" href="static/bootstrap-5.1.3-dist/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="static/index.css">
|
||||
<script src="static/jquery-3.6.0.min.js"></script>
|
||||
<script src="static/jquery-ui-1.13.0/jquery-ui.min.js"></script>
|
||||
<script src="static/bootstrap-5.1.3-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<title>Inflective</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="containter" id="main">
|
||||
<form class="sticky-top" id="search-form">
|
||||
<div class="ui-widget" id="search-widget">
|
||||
<input id="search-bar" placeholder="Search..." type="text" autocorrect="off" autocapitalize="none">
|
||||
</div>
|
||||
<button type="submit" class="ui-button ui-widget ui-button-icon-only" id="search">
|
||||
<span class="ui-icon ui-icon-search"></span>
|
||||
</button>
|
||||
</form>
|
||||
<div class="container" id="ajax-content">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="static/index.js"></script>
|
||||
</html>
|
||||
|
Reference in New Issue
Block a user