simo
/
SimoSearch


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
							<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
        />
        <title>Simo Search - {{query}}</title>
        <link rel="stylesheet" href="/static/main.css" />
        <link rel="icon" type="image/x-icon" href="/static/favicon.gif" />
        <link
            rel="search"
            type="application/opensearchdescription+xml"
            title="Simo Search"
            href="/opensearch.xml"
        />
    </head>

    <body class="results-view">
        <header>
            <a style="text-decoration: none" onclick="window.location = '/'"
                ><h1>Simo<span>Search</span></h1></a
            >
            <form action="/search" method="GET" class="search-form">
                <input
                    name="q"
                    type="text"
                    class="search-box"
                    autocomplete="off"
                    placeholder="Search the web..."
                    value="{{query}}"
                />
            </form>

            ,

            <script>
                (function () {
                    const isEmbed =
                        (window.location.hash || "").indexOf("#embed") !== -1;
                    if (!isEmbed) return;

                    function persistEmbedHash(ev) {
                        const a =
                            ev.target && ev.target.closest
                                ? ev.target.closest("a[href]")
                                : null;
                        if (!a) return;

                        const href = a.getAttribute("href");
                        if (!href) return;

                        if (href[0] === "#" || href.indexOf("#embed") !== -1)
                            return;

                        a.setAttribute("href", href + "#embed");
                    }

                    document.addEventListener("click", persistEmbedHash, true);
                })();
            </script>
        </header>
        <nav class="nav-tabs">
            <div class="nav-container">
                <a href="/search?q={{query}}" class="active"> All </a>
                <a href="/images?q={{query}}"> Images </a>
            </div>
        </nav>
        <div class="content-layout">
            <main class="results-container">
                {{for result in results}}
                <div class="result">
                    <span class="url"> {{result[1]}} </span>
                    <a href="{{result[0]}}"> {{result[2]}} </a>
                    <p class="desc">{{result[3]}}</p>
                </div>
                {{endfor}}

                <nav class="pagination">
                    <a
                        class="pagination-btn prev"
                        href="/search?q={{query}}&p={{prev_page}}"
                    >
                        &larr; Page {{prev_page}}
                    </a>
                    <span class="pagination-current">Page {{page}}</span>
                    <a
                        class="pagination-btn next"
                        href="/search?q={{query}}&p={{next_page}}"
                    >
                        Page {{next_page}} &rarr;
                    </a>
                </nav>
            </main>
            <aside class="infobox-sidebar">
                {{if exists infoboxes}} {{for info in infoboxes}}
                <section class="infobox">
                    <div class="infobox-header">
                        <h2 class="infobox-title">{{info[0]}}</h2>
                    </div>
                    <div class="infobox-main">
                        <img
                            src="{{info[1]}}"
                            alt="{{info[0]}}"
                            class="infobox-image"
                        />
                        <div class="infobox-content">
                            <p class="infobox-summary">{{info[2]|safe}}</p>
                            <a class="read-more" href="{{info[3]}}">
                                Read More
                            </a>
                        </div>
                    </div>
                </section>
                {{endfor}} {{endif}}
            </aside>
        </div>
    </body>
</html>