102 lines
2.7 KiB
HTML
102 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Fedilogue</title>
|
|
<link rel="stylesheet" href="css/main.css" type="text/css"/>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
|
<script type="text/javascript" src="js/main.js"></script>
|
|
</head>
|
|
<body class="resultpage">
|
|
|
|
<div class="navbar">
|
|
|
|
<div tabindex="0" class="hbmenu">
|
|
<span class="hbbtn">☰</span>
|
|
<div class="menu">
|
|
<li><a href="#">About</a></li>
|
|
<li><a href="#">How it works</a></li>
|
|
<li><a href="#">FAQ</a></li>
|
|
<li><a href="#">Contact</a></li>
|
|
<li><a href="#">Trending</a></li>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logo">
|
|
<a class="logolink" href="index.html" title="Fedilogue logo">
|
|
<img src="images/logo.svg" alt="Fedilogue logo image"/>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="searcharea">
|
|
<form name="search" method="get">
|
|
<input class="searchinput" type="text" name="q" value="" id="searchinput" />
|
|
<input class="searchsubmit" type="submit" name="" value="Search" />
|
|
<div class="clear"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="resultarea">
|
|
<div class="resultinfo">Search for <strong id="searchtextstrong"></strong> returned <strong>0000</strong> results.</div>
|
|
|
|
<div id="result_container">
|
|
|
|
</div>
|
|
|
|
<div class="pagin">
|
|
<ul>
|
|
<li><a href="#" class="current">Load More</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sidebar left">
|
|
<h3>Finetune</h3>
|
|
<h4>Post time within:</h4>
|
|
<ul class="list checks">
|
|
<li class="current"><a href="#">all</a></li>
|
|
<li><a href="#">24 hours</a></li>
|
|
<li><a href="#">1 week</a></li>
|
|
<li><a href="#">1 month</a></li>
|
|
<li><a href="#">6 months</a></li>
|
|
<li><a href="#">1 year</a></li>
|
|
</ul>
|
|
<h4>Post length:</h4>
|
|
<ul class="list checks">
|
|
<li class="current"><a href="#">all</a></li>
|
|
<li><a href="#">small (150 chars)</a></li>
|
|
<li><a href="#">toot (500 chars)</a></li>
|
|
<li><a href="#">longer (1000 chars)</a></li>
|
|
<li><a href="#">very long (>1000 chars)</a></li>
|
|
</ul>
|
|
<h4>Other</h4>
|
|
<h4>Attachment:</h4>
|
|
<ul class="list checks">
|
|
<li class="current"><a href="#">all</a></li>
|
|
<li><a href="#">with attachments</a></li>
|
|
<li><a href="#">without attachments</a></li>
|
|
</ul>
|
|
<h4>Mentions:</h4>
|
|
<ul class="list checks">
|
|
<li class="current"><a href="#">all</a></li>
|
|
<li><a href="#">with mentions</a></li>
|
|
<li><a href="#">without mentions</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="sidebar right">
|
|
<h3>Trending</h3>
|
|
<ul class="list trending">
|
|
<li><a href="#">#onehashtag</a></li>
|
|
<li><a href="#">#somethingelse</a></li>
|
|
<li><a href="#">#anothertag</a></li>
|
|
<li><a href="#">#exampletrending</a></li>
|
|
<li><a href="#">#exampletag</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|