{% extends "base.html" %} {% block title %} Search {{ super() }} {% endblock title %} {% block extra_head %} <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Tipue-Search/5.0.0/tipuesearch.css"/> <script src="/tipuesearch_content.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Tipue-Search/5.0.0/tipuesearch.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Tipue-Search/5.0.0/tipuesearch_set.js"></script> <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/search.css" /> <script> $(document).ready(function() { $('#tipue_search_input').tipuesearch({ 'show': 10, // shows 10 found entries 'descriptiveWords': 75, // shows 75 words of teaser text 'newWindow': false, // don't open a new window, when clicking a result }); }); </script> {% endblock %} {% block content %} <h1>Search</h1> <form action="search.html"> <div class="tipue_search_group"> <input type="text" name="q" id="tipue_search_input"> </div> </form> <div id="tipue_search_content"></div> {% endblock content %}