Dark mode

This commit is contained in:
Daniel Brendel
2022-11-15 22:23:50 +01:00
parent c3dd319460
commit d01a9e4fd6
8 changed files with 55 additions and 16 deletions

19
app/views/header.php Normal file
View File

@ -0,0 +1,19 @@
<div class="header" style="background-image: url('{{ asset('img/header.png') }}');">
<div class="header-overlay">
<div class="container">
<div class="columns">
<div class="column is-2"></div>
<div class="column is-8">
<div class="content-section content-centered content-top-margin">
<h1>{{ env('APP_NAME') }}</h1>
<h2>{{ env('APP_DESCRIPTION') }}</h2>
</div>
</div>
<div class="column is-2"></div>
</div>
</div>
</div>
</div>

View File

@ -1,9 +1,3 @@
<div class="content-section content-centered content-top-margin">
<h1>{{ env('APP_NAME') }}</h1>
<h2>{{ env('APP_DESCRIPTION') }}</h2>
</div>
<div class="content-section">
<a name="about"></a><br/><br/>

View File

@ -29,6 +29,7 @@
<body>
<div id="app">
@include('navbar.php')
@include('header.php')
<div class="container">
<div class="columns">

View File

@ -1,4 +1,4 @@
<nav class="navbar is-light is-fixed-top" role="navigation" aria-label="main navigation">
<nav class="navbar is-dark is-fixed-top" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item navbar-item-brand is-font-title" href="{{ url('/') }}">
<img src="{{ asset('img/logo.png') }}"/>&nbsp;{{ env('APP_NAME') }}
@ -36,15 +36,15 @@
<div class="navbar-end">
<div class="navbar-item">
<img src="https://img.shields.io/github/forks/{{ env('APP_PACKAGE') }}?style=social"/>
<img src="https://img.shields.io/github/forks/{{ env('APP_PACKAGE') }}?style=flat"/>
</div>
<div class="navbar-item">
<img src="https://img.shields.io/github/stars/{{ env('APP_PACKAGE') }}?style=social"/>
<img src="https://img.shields.io/github/stars/{{ env('APP_PACKAGE') }}?style=flat"/>
</div>
<div class="navbar-item">
<img src="https://img.shields.io/npm/dt/{{ env('APP_NPMPACKAGENAME') }}?style=social"/>
<img src="https://img.shields.io/npm/dt/{{ env('APP_NPMPACKAGENAME') }}?style=flat"/>
</div>
</div>
</div>