News-website/add-ons/side-bar.php

104 lines
8.4 KiB
PHP
Raw Permalink Normal View History

<aside class="side-bar absolute grid" id="side-bar">
<div class="flex">
<div class="side-bar-container" id="side-bar-container">
<div>
<div class="side-bar-content" id="side-bar-content">
<div class="sidebar-category" onclick="createUrlPath('headlines')">
<div class="icon"><i class="fal fa-newspaper fa-lg"></i></div>
<div><a href="#">Top Stories</a></div>
</div>
<div class="sidebar-category" onclick="createUrlPath('for-you')">
<div class="icon"><i class="fas fa-user-alt fa-lg"></i></div>
<div><a href="#">For you</a></div>
</div>
<div class="sidebar-category" onclick="createUrlPath('following')">
<div class="icon"><i class="fal fa-star fa-lg"></i></div>
<div><a href="#" class="side-menu-categories">Following</a></div>
</div>
<div class="sidebar-category" onclick="createUrlPath('library')">
<div class="icon"><i class="fas fa-bookmark fa-lg"></i></div>
<div><a href="#" class="side-menu-categories">Saved news</a></div>
</div>
2020-10-04 13:23:25 +00:00
<div class="sidebar-line">
<hr>
</div>
<div class="sidebar-category" onclick="createUrlPath('covid-19')">
<div class="icon"><i class="fad fa-shield-cross fa-lg"></i></div>
<div><a href="#" class="side-menu-categories">COVID-19</a></div>
</div>
2020-10-04 13:23:25 +00:00
<div class="sidebar-line">
<hr>
</div>
<div class="categories">
<div class="sidebar-category" onclick="createUrlPath('world')">
2020-10-04 13:23:25 +00:00
<div class="icon"><i class="fad fa-globe-europe fa-lg"></i>
</div>
<div><a href="#" class="side-menu-categories">World</a></div>
</div>
<div class="sidebar-category" onclick="createUrlPath('business')">
<div class="icon"><i class="fad fa-building fa-lg"></i></div>
<div><a href="#" class="side-menu-categories">Business</a></div>
</div>
<div class="sidebar-category" onclick="createUrlPath('technology')">
<div class="icon"><i class="fad fa-microchip fa-lg"></i></div>
2020-10-04 13:23:25 +00:00
<div><a href="#" class="side-menu-categories">Technology</a>
</div>
</div>
<div class="sidebar-category" onclick="createUrlPath('entertainment')">
<div class="icon"><i class="fas fa-camera-movie"></i></div>
2020-10-04 13:23:25 +00:00
<div><a href="#" class="side-menu-categories">Entertainment</a>
</div>
</div>
<div class="sidebar-category" onclick="createUrlPath('sports')">
<div class="icon"><i class="fas fa-tennis-ball fa-lg"></i></div>
<div><a href="#" class="side-menu-categories">Sports</a></div>
</div>
<div class="sidebar-category" onclick="createUrlPath('health')">
<div class="icon"><i class="fas fa-heartbeat fa-lg"></i></div>
<div><a href="#" class="side-menu-categories">Health</a></div>
</div>
</div>
2020-10-04 13:23:25 +00:00
<div class="sidebar-line">
<hr>
</div>
<div class="other">
2020-10-04 13:23:25 +00:00
<div class="sidebar-category country" id="show-countries-button"
onclick="showSelectCountry()">
<div class="sidebar-country-container grid">
2020-10-04 13:23:25 +00:00
<span>Language & Region</span>
2020-09-30 18:46:56 +00:00
<strong id="country-name-side-menu">
<?php
2020-10-04 13:23:25 +00:00
if(isset($_SESSION['country']) && $_SESSION['country'][0] != null) echo $_SESSION['country'][0];
2020-09-30 18:46:56 +00:00
else echo 'United States';
?>
2020-10-04 13:23:25 +00:00
</strong>
</div>
</div>
<div class="sidebar-category">
2020-10-04 13:23:25 +00:00
<div class="text"><a href="#" class="side-menu-categories"
onclick="createUrlPath('sources')">Sources</a>
</div>
</div>
<div class="sidebar-category">
2020-10-04 13:23:25 +00:00
<div class="text"><a href="#"
onclick="createUrlPath('settings')">Settings</a>
</div>
</div>
<div class="sidebar-category">
<div class="text"><a href="#" class="sidebar-help"
onclick="createUrlPath('help')">Help</a></div>
<div><i class="far fa-external-link-alt fa-sm"></i></div>
</div>
</div>
</div>
</div>
<footer>
<div class="about text"><a href="#" onclick="createUrlPath('about')">About</a></div>
2020-10-04 13:23:25 +00:00
<div><span class="flex align-center justify-center"
style="color: var(--font-medium);"></span></div>
<div class="text"><a href="https://newsapi.org/" target="_blank" id="news-api-link">News
Api</a> </div>
</footer>
2020-08-30 12:24:11 +00:00
</div>
</div>
</aside>