paramecio/cuchulublog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixes for mobiles

Browse source
This commit is contained in:
Antonio de la Rosa 2021-12-15 19:51:57 +01:00
parent 664842d309
commit 5f815907e1
3 changed files with 163 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

44
templates/home.phtml
View file

@ -26,12 +26,15 @@
</div>
<div class="container-top">
<div class="container" style="background: #fbfbfb;border: solid #cbcbcb;border-width: 0px 1px;">
<div class="column_left logo">
<div class="column_left logo">
<div class="center_flex" style="height:50px;font-size:24px;font-family:Open Sans;background: #253062;color: #fff;">
Cuchulu.com
<div id="nav_home_mobile">
<a href="#" id="nav_button"><i class="fa fa-bars" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="column_content">
<div class="column_content" id="menu_big">
<div class="right_flex header_nav">
<nav id="nav_home">
<ul>
@ -54,6 +57,25 @@
</nav>
</div>
</div>
<nav id="nav_mobile" style="display:none;">
<ul>
<li>
<a href="${url_for('.cuchulublog_home')}"><i class="fa fa-home" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'home', 'Home')}</a>
</li>
<li>
<a href="${url_for('.cuchulublog_projects')}"><i class="fa fa-globe" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'projects', 'Projects')}</a>
</li>
<li>
<a href="${url_for('.cuchulublog_all_posts')}"><i class="fa fa-comments" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'blog', 'Blog')}</a>
</li>
<li>
<a href="${url_for('.cuchulublog_contact')}"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'contact', 'Contact')}</a>
</li>
<li>
<a href="${url_for('.cuchulublog_about')}"><i class="fa fa-info" aria-hidden="true"></i>&nbsp;&nbsp; ${lang('cuchulublog', 'about', 'About')}</a>
</li>
</ul>
</nav>
<div id="content_home">
<%block name="content">
@ -103,6 +125,24 @@
</div>
</div>
<script language="Javascript" src="${make_media_url('js/jquery.min.js', 'admin')}"></script>
<script>
$('a#nav_button').click(function () {
if($('#nav_mobile').css('display')=='none') {
$('#nav_mobile').show();
}
else {
$('#nav_mobile').hide();
}
return false;
});
</script>
<%block name="js_footer">
<script>