mirrors/thebadspace
1
0
Fork 0
mirror of https://koodu.h-i.works/projects/thebadspace synced 2025-06-30 16:07:37 -05:00
Code Packages Releases Activity

Compare commits

base: mirrors:moiety/nav-list
Branches Tags
mirrors:develop mirrors:moiety/favicon mirrors:moiety/mailmap mirrors:moiety/fonts mirrors:moiety/version-number mirrors:moiety/page-lang mirrors:moiety/nav-list mirrors:Trinity/fix-dead-link mirrors:alcapurrias/develop mirrors:symfony-version
mirrors:a0.7 mirrors:a0.06 mirrors:a0.05
..
compare: mirrors:moiety/version-number
Branches Tags
mirrors:moiety/favicon mirrors:moiety/mailmap mirrors:moiety/fonts mirrors:moiety/version-number mirrors:moiety/page-lang mirrors:moiety/nav-list mirrors:develop mirrors:Trinity/fix-dead-link mirrors:alcapurrias/develop mirrors:symfony-version
mirrors:a0.7 mirrors:a0.06 mirrors:a0.05

1 Commits
moiety/nav ... moiety/ver

Author SHA1 Message Date
Zoë
0e5b786f58 feat: read version number from composer.json 
this enables any cached css files to automatically to be discarded on release of a new version.

Signed-off-by: Zoë <code@moiety.me>
 2025-05-05 22:47:09 +02:00
4 changed files with 56 additions and 93 deletions
Expand all files Collapse all files

26
app/View/Components/Navigation.php
View File

@ -1,26 +0,0 @@
<?php
namespace App\View\Components;
use Closure;
use Illuminate\Contracts\View\View;
use Illuminate\View\Component;
class Navigation extends Component
{
/**
* Create a new component instance.
*/
public function __construct()
{
//
}
/**
* Get the view / contents that represent the component.
*/
public function render(): View|Closure|string
{
return view('components.navigation');
}
}

25
public/assets/css/global/frame.css
View File

@ -75,6 +75,11 @@ header > div i {
font-size: 1.3em;
}
header > div nav {
background: var(--black);
position: relative;
}
.header-right {
text-align: right;
}
@ -114,23 +119,10 @@ textarea[name="appeal_description"] {
background: var(--black);
z-index: 1;
display: flex;
/* flex-direction: column; */
align-items: center;
justify-content: center;
}
.main-nav-content {
display: flex;
flex-direction: column;
align-items: end;
}
.main-nav-list {
margin-block: 0;
padding-inline: 0;
list-style: none;
}
label[for="element-toggle"] {
cursor: pointer;
}
@ -143,18 +135,13 @@ label[for="element-toggle"] {
display: none;
}
#main-nav a {
a.nav-links {
border-bottom: none;
font-size: 40px;
line-height: 1.25;
color: var(--highlight);
text-decoration: none;
}
#main-nav a:hover {
color: var(--white);
}
/* GLOBALS */
a:hover {

45
resources/views/components/navigation.blade.php
View File

@ -1,45 +0,0 @@
<nav aria-label="site" class="header-right">
<!-- TODO: change to <button> -->
<label for="element-toggle">
<img class="menu-icon" src="/assets/images/global/menu.svg" alt="Menu" />
</label>
<input id="element-toggle" type="checkbox" />
<div id="main-nav">
<div class="main-nav-content">
<!-- TODO: change to <button> -->
<label for="element-toggle">
<img class="menu-icon" src="/assets/images/global/close.svg" alt="Close" />
</label>
<ul class="main-nav-list">
<li>
<a href="/">Front</a>
</li>
<li>
<a href="/about">About</a>
</li>
<li>
<a href="/listings/1">Listings</a>
</li>
<li>
<a href="/exports">Exports</a>
</li>
<li>
<a href="/appeals">Appeals</a>
</li>
<li>
<a href="/den">Den</a>
</li>
@if(Auth::check())
<li>
<a href="/logout">Logout</a>
</li>
@else
<li>
<a href="/den">The Den</a>
</li>
@endif
</ul>
</div>
</div>
</nav>

53
resources/views/frame.blade.php
View File

@ -1,3 +1,11 @@
<?php
// Get and decode composer.json
$content = file_get_contents(__DIR__ . '/../../../composer.json');
$content = json_decode($content, true);
// Get the version number
$version = $content['version'];
?>
<!DOCTYPE html>
<html>
@ -9,9 +17,9 @@
@yield('title')
</title>
@if(isset($front) && $front == false)
<link rel="stylesheet" type="text/css" href="/assets/css/back/start.css?=sdfsdf">
@elseif(!isset($front) || $front == true)
<link rel="stylesheet" type="text/css" href="/assets/css/front/start.css?=sdfsdf">
<link rel="stylesheet" type="text/css" href="/assets/css/back/start.css?v=<?php echo($version); ?>">
<link rel="stylesheet" type="text/css" href="/assets/css/front/start.css?v=<?php echo($version); ?>">
@endif
</head>
@ -30,7 +38,46 @@
<div class="header-center">
<h1>{{$title}}</h1>
</div>
<x-navigation />
<div class="header-right">
<label for="element-toggle">
<img class="menu-icon" src="/assets/images/global/menu.svg" title="menu-open-toggle" />
</label>
<input id="element-toggle" type="checkbox" />
<div id="main-nav">
<nav>
<label for="element-toggle">
<img class="menu-icon" src="/assets/images/global/close.svg" title="menu-open-toggle" />
</label><br>
<a href="/" title="front" class="nav-links">
Front
</a><br />
<a href="/about" title="about" class="nav-links">
About
</a><br />
<a href="/listings/1" title="instance listing" class="nav-links">
Listings
</a><br />
<a href="/exports" title="list exports" class="nav-links">
Exports
</a><br />
<a href="/appeals" title="location appeals" class="nav-links">
Appeals
</a><br />
@if(Auth::check())
<a href="/den" title="den-start" class="nav-links">
Den
</a><br />
<a href="/logout" title="logout" class="nav-links">
Logout
</a><br />
@else
<a href="/den" title="login" class="nav-links">
The Den
</a><br />
@endif
</nav>
</div>
</div>
</div>
</header>