added search page
This commit is contained in:
parent
72daa11c33
commit
71858c6020
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
*.swp
|
||||||
|
*.swo
|
@ -1,6 +1,6 @@
|
|||||||
#!/usr/bin/python3
|
#!/usr/bin/python3
|
||||||
#/* vim:set ts=2 set noexpandtab */
|
#/* vim:set ts=2 set noexpandtab */
|
||||||
from flask import Flask, render_template, url_for
|
from flask import Flask, render_template, url_for, request
|
||||||
app = Flask(__name__)
|
app = Flask(__name__)
|
||||||
|
|
||||||
@app.route("/")
|
@app.route("/")
|
||||||
@ -15,5 +15,9 @@ def categorys():
|
|||||||
def create():
|
def create():
|
||||||
return render_template("create.html")
|
return render_template("create.html")
|
||||||
|
|
||||||
|
@app.route("/search", methods=['GET'])
|
||||||
|
def search():
|
||||||
|
return render_template("result.html", results=request.args.get("q", ""))
|
||||||
|
|
||||||
if __name__ == "__main__":
|
if __name__ == "__main__":
|
||||||
app.run(debug=True)
|
app.run(debug=True)
|
||||||
|
10
static/css/search.css
Normal file
10
static/css/search.css
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
.logo {
|
||||||
|
max-width: 40%;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-box {
|
||||||
|
width: 80%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
@ -110,7 +110,7 @@ body {
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
.cover {
|
.cover {
|
||||||
padding: 0 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
.cover .btn-lg {
|
.cover .btn-lg {
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
@ -135,7 +135,7 @@ body {
|
|||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
/* Pull out the header and footer */
|
/* Pull out the header and footer */
|
||||||
.masthead {
|
.masthead {
|
||||||
position: fixed;
|
/*position: fixed;*/
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
.mastfoot {
|
.mastfoot {
|
||||||
@ -144,7 +144,7 @@ body {
|
|||||||
}
|
}
|
||||||
/* Start the vertical centering */
|
/* Start the vertical centering */
|
||||||
.site-wrapper-inner {
|
.site-wrapper-inner {
|
||||||
vertical-align: middle;
|
/*vertical-align: middle;*/
|
||||||
}
|
}
|
||||||
/* Handle the widths */
|
/* Handle the widths */
|
||||||
.masthead,
|
.masthead,
|
||||||
|
120
static/images/Pirates.svg
Normal file
120
static/images/Pirates.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 69 KiB |
@ -40,7 +40,7 @@ vim: ts=2 noexpandtab
|
|||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="inner cover">
|
<div class="inner cover">
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
9
templates/result.html
Normal file
9
templates/result.html
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<!--
|
||||||
|
vim: ts=2 noexpandtab
|
||||||
|
-->
|
||||||
|
{% extends "index.html" %}
|
||||||
|
{% block title %}{{ super() }} - Results{% endblock%}
|
||||||
|
{% set active_page = "search" %}
|
||||||
|
{% block content %}
|
||||||
|
<p>{{results}}</p>
|
||||||
|
{% endblock content%}
|
@ -5,5 +5,22 @@ vim: ts=2 noexpandtab
|
|||||||
{% block title %}{{ super() }} - Search{% endblock%}
|
{% block title %}{{ super() }} - Search{% endblock%}
|
||||||
{% set active_page = "search" %}
|
{% set active_page = "search" %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<p>SEARCH</p>
|
<link href="{{ url_for("static", filename="css/search.css") }}" rel="stylesheet">
|
||||||
|
|
||||||
|
<div class="search_container">
|
||||||
|
<img class="logo" src="{{ url_for("static", filename="images/Pirates.svg") }}" />
|
||||||
|
<form action="search" >
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="input-group search-box">
|
||||||
|
<input type="text" name="q" class="form-control" placeholder="Seach for…" aria-describedby="basic-addon2">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-default" type="submit">
|
||||||
|
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
|
||||||
|
Search!
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
{% endblock content%}
|
{% endblock content%}
|
||||||
|
Loading…
Reference in New Issue
Block a user