<?php /* Copyright (c) 2024 Freya Murphy */ ?>
<?php /* vi: syntax=php */ ?>
<?php
$self = $this->main->user();
?>
<!DOCTYPE html>
<html>
<head>
<script>
<?php if ($this->main->session): ?>
var jwtStr = <?=json_encode($this->main->session['jwt'])?>;
<?php else: ?>
var jwtStr = null;
<?php endif; ?>
</script>
<?php
foreach ($js_files as $js) {
echo $this->main->link_js($js);
}
foreach ($css_files as $css) {
echo $this->main->link_css($css);
}
?>
<title><?=$title?></title>
</head>
<body>
<header class="nav">
<div class="nav-left">
<span class="logo">xssbook</span>
</div>
<div class="nav-center" :class="{hidden: !visible}">
<a
id="action-home"
class="header-entry btn btn-hover btn-action btn-blue"
href="/home"
title="<?=lang('action_home_tip')?>"
>
<i class="mi mi-lg">home</i>
<span><?=lang('action_home_text')?></span>
</a>
<a
id="action-people"
class="header-entry btn btn-hover btn-action btn-blue"
href="/people"
title="<?=lang('action_people_tip')?>"
>
<i class="mi mi-lg">people</i>
<span><?=lang('action_people_text')?></span>
</a>
<a
id="action-chat"
class="header-entry btn btn-hover btn-action btn-blue"
href="/chat"
title="<?=lang('action_chat_tip')?>"
>
<i class="mi mi-lg">chat</i>
<span><?=lang('action_chat_text')?></span>
</a>
</div>
<div class="nav-right">
<button
id="action-hamburger"
title="<?=lang('action_hamburger_tip')?>"
>
<i class="mi mi-lg">menu</i>
</button>
<?php if($self): ?>
<?php $this->view('template/pfp', array(
'user' => $self,
'class' => 'pfp-sm ml',
)); ?>
<?php else: ?>
<?=ilang('action_login', class: 'btn btn-action', href: '/auth/login')?>
<?php endif; ?>
</div>
<script>
$('#action-hamburger').on('click', function() {
let menu = $('.nav-center');
menu.toggleClass('visible');
});
</script>
</header>
<div id="toast-container">
</div>