Cleaned up design

This commit is contained in:
Nikurasu 2022-05-22 10:05:29 +02:00
parent bb6859bafb
commit 7ace764d9a
4 changed files with 38 additions and 7 deletions

View file

@ -1,3 +1,4 @@
/* Sectioning */
@font-face { @font-face {
font-family: 'Custom'; font-family: 'Custom';
src: url("/assets/fonts/JetBrainsMono[wght].ttf"); src: url("/assets/fonts/JetBrainsMono[wght].ttf");
@ -47,6 +48,10 @@ nav ul li a {
text-decoration: none; text-decoration: none;
} }
header nav ul li a {
color: unset;
}
nav ul li[aria-current] a { nav ul li[aria-current] a {
padding-bottom: .8rem; padding-bottom: .8rem;
border-bottom: .2rem solid; border-bottom: .2rem solid;
@ -69,6 +74,10 @@ article section h2 {
margin: 0; margin: 0;
} }
article section a {
color: blue;
}
article section:first-of-type { article section:first-of-type {
margin-top: 4rem; margin-top: 4rem;
} }
@ -91,6 +100,10 @@ section.paginationNavigation {
justify-content: center; justify-content: center;
} }
section.paginationNavigation a {
color: blue;
}
footer { footer {
margin-top: 4rem; margin-top: 4rem;
border-top: thin solid; border-top: thin solid;

View file

@ -1,7 +1,13 @@
@extends('_layouts.main') @extends('_layouts.main')
@section('body') @section('body')
<h1>{{ $page->title }}</h1> <article>
<small>{{ $page->dateTranslated($page->date) }}</small> <section>
@yield('content') <h2>{{ $page->title }}</h2>
<small>{{ $page->dateTranslated($page->date) }}</small>
</section>
<section>
@yield('content')
</section>
</article>
@endsection @endsection

View file

@ -1,6 +1,12 @@
@extends('_layouts.main') @extends('_layouts.main')
@section('body') @section('body')
<h1>Hello World</h1> <article>
<p>{{ $page->getPath() }}</p> <section>
<h2>About</h2>
</section>
<section>
<p>Hello World</p>
</section>
</article>
@endsection @endsection

View file

@ -1,6 +1,12 @@
@extends('_layouts.main') @extends('_layouts.main')
@section('body') @section('body')
<h1>Hello World</h1> <article>
<p>{{ $page->getPath() }}</p> <section>
<h2>Projects</h2>
</section>
<section>
<p>Hello World</p>
</section>
</article>
@endsection @endsection