Initial Web UI inspired by int10h.org

This commit is contained in:
Deon George
2021-06-13 01:14:34 +10:00
parent b94e39c7af
commit d7f3ab4130
15 changed files with 593 additions and 213 deletions

View File

@@ -1,34 +1,28 @@
<!DOCTYPE html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
@section('htmlheader')
@include('layouts.partials.htmlheader')
@show
<body>
<div id="app">
@include('layouts.partials.mainheader')
<!-- Content Wrapper. Contains page content -->
<div class="content">
@include('layouts.partials.contentheader')
<!-- Main content -->
<section class="content">
<div id="content">
<!-- Your Page Content Here -->
@yield('main-content')
</div>
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
@include('layouts.partials.footer')
{{-- Scripts --}}
@section('scripts')
@include('layouts.partials.scripts')
@yield('page-scripts')
@show
<div id="nav" style="padding-bottom: 5px;">
@include('layouts.partials.topmenu')
</div>
<div id="content" class="with-sidebar">
<a class="anchor" id="top"></a>
@yield('main-content')
</div>
<div id="footer" class="shifted">
@include('layouts.partials.footer')
</div>
{{-- Scripts --}}
@section('scripts')
@include('layouts.partials.scripts')
@yield('page-scripts')
@show
</body>
</html>

View File

@@ -1,3 +1 @@
<div id="footer">
<a href="/" id="getback">{{ request()->getHost() }}</a> © {{ \Carbon\Carbon::now()->year }} Alterego
</div>
<a href="/" id="getback">{{ request()->getHost() }}</a> &copy {{ \Carbon\Carbon::now()->year }} Alterego

View File

@@ -3,12 +3,9 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="{{ $decription ?? '' }}">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ asset('bootstra.386/css/bootstrap.min.css') }}">
<link href="{{ asset('oldschool/css/main.css') }}" rel="stylesheet" media="screen" type="text/css">
@if (file_exists('css/fixes.css'))
<link rel="stylesheet" href="{{ asset('css/fixes.css') }}">
@endif
<link rel="icon" type="image/png" href="{{ asset('/favicon.ico') }}">
<link rel="icon" type="image/png" href="{{ asset('favicon.ico') }}">
</head>

View File

@@ -1,12 +0,0 @@
<nav class="navbar main-header navbar-nav navbar-expand bg-ansi-blue">
<h1 class="navbar-brand fg-ansi-white mt-2">{{ $title ?? config('app.name') }}</h1>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse pt-3" id="navbarSupportedContent">
<!-- Add icons to the links using the .nav-icon class with font-awesome or any other icon font library -->
@include('layouts.partials.topmenu')
</div>
</nav>

View File

@@ -1,2 +0,0 @@
<script type="text/javascript" src="{{ asset('//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js') }}" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
<script type="text/javascript" src="{{ asset('/bootstra.386/js/bootstrap.bundle.min.js') }}"></script>

View File

@@ -1,53 +1,98 @@
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="{{ url('/') }}">Home</a>
</li>
<div id="nav-menu">
<h1>{{ $title ?? config('app.name') }}</h1>
@auth
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="false" aria-expanded="false"> <span class="nav-label">System </span></a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('setup') }}">Setup</a></li>
<li class="dropdown-submenu">
<a class="nav-item dropdown-item dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="false" aria-expanded="false"><span class="nav-label">Services </span></a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('setup/binkp') }}">BinkP</a></li>
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('setup/emsi') }}">EMSI</a></li>
</ul>
</li>
<li class="nav-item"><a class="dropdown-item disabled" href="{{ url('users') }}">Users</a></li>
</ul>
</li>
<ul id="navlist-desktop">
<li><a href="{{ url('/') }}" class="@if(preg_match('#^/#',request()->path()))thispage @endif"><span>Home</span></a></li>
<li><a href="{{ url('about') }}" class="@if(preg_match('#^about#',request()->path()))thispage @endif"><span>About</span></a></li>
<li><a href="{{ url('help') }}" class="@if(preg_match('#^help#',request()->path()))thispage @endif"><span>Help</span></a></li>
@can('admin')
<li><a href="{{ url('setup') }}" class="@if(preg_match('#^setup#',request()->path()))thispage @endif"><span>Setup</span></a></li>
@endcan
@if(preg_match('#^/network/#',request()->path()))
<li><a href="{{ url('join') }}" class="@if(preg_match('#^join#',request()->path()))thispage @endif"><span>Join</span></a></li>
@endif
</ul>
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="false" aria-expanded="false"> <span class="nav-label">FTN </span></a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="{{ url('ftn/domain') }}">Domains</a></li>
<li class="nav-item"><a class="dropdown-item" href="{{ url('ftn/zone') }}">Zones</a></li>
<li class="nav-item"><a class="dropdown-item" href="{{ url('ftn/node') }}">Nodes</a></li>
</ul>
</li>
@endauth
<ul style="float: right;">
@auth
<li><a href="{{ url('logout') }}"><span>Logout</span></a></li>
@endauth
@guest
<li><a href="{{ url('login') }}"><span>Login</span></a></li>
@endguest
</ul>
@guest
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Networks</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
@foreach (\App\Models\Zone::active()->public()->get() as $o)
<a class="dropdown-item" href="{{ url('network',['id'=>$o->name]) }}" title="{{ $o->description }}">{{ $o->name }}</a>
@endforeach
{{--
<div id="fontwidget">
<span id="row1">
Text mode font:
</span>
<span id="row2">
<a id="togglefonts" class="on" href="#-" onclick="toggleFonts();">[]</a>
<a id="selectfont1" class="on" href="#-" onclick="switchFont(1);">1</a>
<a id="selectfont2" href="#-" onclick="switchFont(2);" class="on">2</a>
<a id="selectfont3" href="#-" onclick="switchFont(3);" class="on">3</a>
<a id="selectfont4" href="#-" onclick="switchFont(4);" class="on">4</a>
<a id="selectfont5" href="#-" onclick="switchFont(5);" class="on">5</a>
<a id="selectfont6" href="#-" onclick="switchFont(6);" class="on">6</a>
</span>
<span id="currentfont">
IBM VGA 8x16
</span>
</div>
--}}
{{--
@todo Get rid of the CSS values if they arenot used, then delete this
<noscript>
<div id="fontwidget-no-js">
<div class="grn">Enable JavaScript for full functionality of all site features.</div>
</div>
</li>
@endguest
</ul>
</noscript>
--}}
<ul class="navbar-nav float-right">
<li class="nav-item">
@auth
<a class="nav-link" href="{{ url('logout') }}">Logout</a>
@endauth
@guest
<a class="nav-link" href="{{ url('login') }}">Login</a>
@endguest
</li>
</ul>
{{--
@todo Is this required?
<div id="mobile-nav-content">
<ul>
<li>Oldschool PC Fonts:</li>
<li class="nobullet"><a href="../"><span>Home</span></a></li>
<li><a class="thispage"><span>Fonts</span></a></li>
<li><a href="../readme/"><span>Readme</span></a></li>
<li><a href="../showcase/"><span>Showcase</span></a></li>
<li><a href="../download/"><span>Download</span></a></li>
</ul>
<div class="mobile-button" id="mobile-button-burger" onclick="toggleSidebar();"> </div>
<div class="mobile-button" id="mobile-button-fontwidget" onclick="toggleFontWidget();">Aa</div>
</div>
--}}
<div id="sidebar">
<div id="sidebar-scroller">
@auth
Jump to section:
<dl>
<dt><a href="#" >FTN Networks</a></dt>
<dd><a href="{{ url('ftn/domain') }}">Domains</a></dd>
<dd><a href="{{ url('ftn/zones') }}" >Zones</a></dd>
<dd><a href="{{ url('ftn/nodes') }}" >Nodes</a></dd>
</dl>
<dl>
<dt><a href="#" >Users</a></dt>
<dd><a href="{{ url('user/add') }}" >Create</a></dd>
<dd><a href="{{ url('user/list') }}">List</a></dd>
</dl>
@endauth
@guest
Explore:
<dl>
<dt><a href="#" >FTN Networks</a></dt>
@foreach (\App\Models\Zone::active()->public()->get() as $o)
<dd><a href="{{ url('network',['id'=>$o->name]) }}" title="{{ $o->description }}">{{ $o->name }}</a></dd>
@endforeach
</dl>
@endguest
</div>
</div>
</div>