app/views/anonymous-session-content.html
<div class="anonymous-session-content">
<div ng-show="!root.twitterSession" class="blue-bar">
{{root.globalSearchTerm}}
</div>
<div ng-show="!root.twitterSession" class="container anonymous-content-container">
<h1 class="wassup-title">What's going on</h1>
<div class="search-form-wrapper">
<div global-search-form></div>
<span ng-click="root.submitSearchForm();">Search</span>
</div>
<p class="search-hints">
Use <span class="operator-hint" ng-click="root.home.operatorOverlayShow = true">operators</span> for <a href="./advancedsearch">advanced search</a>
</p>
<div class="trend-container">
<h4>Trends</h4>
<ul id="horizontal-trend-list">
<li><a href="./search?q=%23loklak">#loklak</a></li>
<li ng-repeat="(key, value) in root.trends">
<!-- -->
<a href="./search?q=%23{{key}}">#{{key}}</a>
<!-- -->
</li>
</ul>
</div>
<div class="credits-container">
<div class="left-credits">
<a>© 2015 loklak</a><span>-</span>
<a href="./about">About</a><span>-</span>
<a href="http://blog.loklak.net/" target="_blank" >Blog</a><span>-</span>
<a href="https://github.com/loklak" target="_blank" >Github</a><span>-</span>
<a href="http://facebook.com/loklakmessages" target="_blank" >Facebook</a>
</div>
<div class="right-credits">
</div>
</div>
</div>
<div ng-show="root.home.operatorOverlayShow" class="operator-overlay-container" ng-click="root.home.evalToCloseOverlay($event);">
<div class="operator-overlay">
<p class="header">
Search operators
<span class="close-overlay" ng-click="root.home.operatorOverlayShow = false">x</span>
</p>
<div class="table-container">
<table>
<tr>
<th>Operator</th>
<th>Find tweets...</th>
</tr>
<tr ng-repeat='(prop, val) in root.home.operators track by prop'>
<td>{{prop}}</td>
<td>{{val}}</td>
</tr>
</table>
</div>
</div>
</div>
</div>