From 5bf7bfceee5a6edf940557005662f0621e0b27ff Mon Sep 17 00:00:00 2001 From: Nikurasu Date: Sun, 22 May 2022 08:15:41 +0200 Subject: [PATCH] Added posts and pagination --- .gitignore | 3 +- README.md | 5 +- composer.json | 3 +- config.php | 32 +++++++++++-- source/_assets/css/main.css | 56 +++++++++++++++++++++- source/_layouts/main.blade.php | 32 ++++++++++--- source/_layouts/post.blade.php | 7 +++ source/_posts/my-second-post.md | 6 +++ source/about.blade.php | 6 +++ source/assets/images/enby.png | Bin 0 -> 335 bytes source/assets/images/html5.png | Bin 0 -> 1695 bytes source/assets/images/nocookie.gif | Bin 0 -> 581 bytes source/assets/images/nottracked.png | Bin 0 -> 373 bytes source/assets/images/pride.gif | Bin 0 -> 259 bytes source/assets/images/programmingsocks.gif | Bin 0 -> 2493 bytes source/index.blade.php | 44 +++++++++++++++-- source/projects.blade.php | 6 +++ 17 files changed, 182 insertions(+), 18 deletions(-) create mode 100644 source/_layouts/post.blade.php create mode 100644 source/_posts/my-second-post.md create mode 100644 source/about.blade.php create mode 100644 source/assets/images/enby.png create mode 100644 source/assets/images/html5.png create mode 100644 source/assets/images/nocookie.gif create mode 100644 source/assets/images/nottracked.png create mode 100644 source/assets/images/pride.gif create mode 100644 source/assets/images/programmingsocks.gif create mode 100644 source/projects.blade.php diff --git a/.gitignore b/.gitignore index a265103..65cd7e5 100644 --- a/.gitignore +++ b/.gitignore @@ -11,4 +11,5 @@ package-lock.json /build_staging/ /build_production/ /source/assets/build/ -/build_local/ \ No newline at end of file +/build_local/ +/source/_posts/ diff --git a/README.md b/README.md index 38e67f9..c07bc3e 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,6 @@ # Nikus Blog Template -Here is the template of my blog, released under the MIT license. \ No newline at end of file +Here is the template of my blog, released under the MIT license. + +Format Date for Posts like here +https://unicode-org.github.io/icu/userguide/format_parse/datetime/#date-field-symbol-table \ No newline at end of file diff --git a/composer.json b/composer.json index c76d91c..530ce0b 100644 --- a/composer.json +++ b/composer.json @@ -1,5 +1,6 @@ { "require": { - "tightenco/jigsaw": "^1.3" + "tightenco/jigsaw": "^1.3", + "ext-intl": "*" } } diff --git a/config.php b/config.php index 5aa1813..e11ef72 100644 --- a/config.php +++ b/config.php @@ -1,9 +1,33 @@ false, 'baseUrl' => '', - 'title' => 'Jigsaw', - 'description' => 'Website description.', - 'collections' => [], + 'language' => 'de', + 'title' => 'Nikus Blog', + 'owner' => 'Niku', + 'email' => 'publicmail [at] [thisDomain] [dot] de', + 'description' => 'Blogs über IT-Stuff, meine Projekte und allem was sonst so anfällt.', + 'locale' => 'de_DE', + 'dateFormat' => 'd. MMMM yyyy', + 'collections' => [ + 'posts' => [ + 'excerpt' => function ($page, $length = 75) { + if (count(explode(' ', strip_tags($page->getContent()))) <= $length){ + return strip_tags($page->getContent()); + } else { + return implode(' ', array_slice(explode(' ', strip_tags($page->getContent())), 0, $length)) . '...'; + } + } + ] + ], + 'dateTranslated' => function ($page, $date) { + $format = new IntlDateFormatter( + $page->locale, + IntlDateFormatter::NONE, + IntlDateFormatter::NONE, + Null, + Null, + $page->dateFormat); + return datefmt_format($format, $date); + } ]; diff --git a/source/_assets/css/main.css b/source/_assets/css/main.css index d622059..1450552 100644 --- a/source/_assets/css/main.css +++ b/source/_assets/css/main.css @@ -1,6 +1,6 @@ @font-face { font-family: 'Custom'; - src: url("JetBrainsMono[wght].ttf"); + src: url("/assets/fonts/JetBrainsMono[wght].ttf"); } * { @@ -83,4 +83,56 @@ main hr { main hr:last-of-type { display: none; -} \ No newline at end of file +} + +section.paginationNavigation { + margin-top: 1rem; + display: flex; + justify-content: center; +} + +footer { + margin-top: 4rem; + border-top: thin solid; +} + +footer div { + max-width: 950px; + margin: 0 auto; + padding: 1rem; + display: flex; + gap: 3rem; +} + +footer div section:first-child { + flex: 1; +} + +footer div section:last-child { + flex: .8; +} + +footer div section p { + font-size: .8rem; + margin: .2rem 0; +} + +@media (max-width: 500px) { + footer div { + display: block; + } + + footer div section:last-child { + margin-top: 1rem; + } +} + +@media (max-width: 750px) { + article section { + display: block; + } + + article section h2 { + padding-bottom: .5rem; + } +} diff --git a/source/_layouts/main.blade.php b/source/_layouts/main.blade.php index 35a02b6..c021ae6 100644 --- a/source/_layouts/main.blade.php +++ b/source/_layouts/main.blade.php @@ -6,17 +6,17 @@ - {{ $page->title }} + {{ $page->owner }}s Blog
-

Nikus Blog

+

{{ $page->owner }}s Blog

@@ -24,7 +24,27 @@ @yield('body') diff --git a/source/_layouts/post.blade.php b/source/_layouts/post.blade.php new file mode 100644 index 0000000..47cc2a8 --- /dev/null +++ b/source/_layouts/post.blade.php @@ -0,0 +1,7 @@ +@extends('_layouts.main') + +@section('body') +

{{ $page->title }}

+ {{ $page->dateTranslated($page->date) }} + @yield('content') +@endsection \ No newline at end of file diff --git a/source/_posts/my-second-post.md b/source/_posts/my-second-post.md new file mode 100644 index 0000000..c0382fb --- /dev/null +++ b/source/_posts/my-second-post.md @@ -0,0 +1,6 @@ +--- +extends: _layouts.post +title: My second Blog Post +date: 2017-03-27 +--- +Non interesting post QwQ \ No newline at end of file diff --git a/source/about.blade.php b/source/about.blade.php new file mode 100644 index 0000000..477771f --- /dev/null +++ b/source/about.blade.php @@ -0,0 +1,6 @@ +@extends('_layouts.main') + +@section('body') +

Hello World

+

{{ $page->getPath() }}

+@endsection \ No newline at end of file diff --git a/source/assets/images/enby.png b/source/assets/images/enby.png new file mode 100644 index 0000000000000000000000000000000000000000..2bce7b96e8d98a75a8f9b810befb360369957220 GIT binary patch literal 335 zcmV-V0kHmwP)Px&08mU+MF0Q*nE(Kp005r=0GR*)nE(Kp005Z)0Ga>* znE(L)%x3@p|IEzHnE(I)00015oU@;2PfS0xwY5-CQ2+MnPD?+(rfKiOX}pz5>AGFx zwOakkWwVY&oD&6?cslUFV9tg?{r>*Kn@mG@tLCXxW>6&h{Qds^|A}oh^~7T6xm-_A zPV4XVYr+bU+FrGq~n76*8fxz5(( zf}6byUY_jn_7z~C&)DQLCl9KKLE^Pp)Qv^-yk5n5I^Ld6>8)0r5e4F;QPz=1+?!0G zC=c(oT8W8?v9YnDqN2sc#q#p z`uh51Wo4$h(DS=pI&7rt>+6i7!KyeTwGj1K|!ytuc)}s30vv)QhKZQzh7UAwy;ws-rn9%OhW3rUE1R7%hciN?C$o(VzsfU-sSD{_W6o` zU;4yi*{)VjOF=?DIjWdvR(-7&4+Q4y@|AWuV1uwuJsY``NWhs(?(y~(5Cn6Ox00sB zQa~J7fv-1ls8@ZgdzQNK^!UBW+CnrI&!tk2ayFi?$scE-szjH$7hMO5nrD>Z>H1S=a8ktps>nrS16Wu zIxQm(%%f4AeLVlmW?{hT{Qv*}3UpFVQvmo%0d0!Ji4n}%SnL@900SpUL_t(Y$L-d2 zR8vtL2XI?_KX!jMY#=a@k|78Z(j_Vih}b9sDvDBq3U+sQcXumxV~gElx7gkHzP-5( zJZBTpzx2>Nt?b>Q^dO!k63$QmLzJ}a4UlrKH!((@D*agF-00*%dgPWo}egHv)_|C2~ zL4doOntmpR9H&oAInIdO>(D+iP6gIK=aY9R8e)9_X#~n>I|ltzQy*b`6IerL%$hf+ z#Uugdql9m@_|)~Q5v2(UC9T_72;vm@NVJCM^39cb_Rg};~;N|+)%%pyKXOI)NJo>*8^N=KM( ze)s}j;~VNdpsy#0m(ByMRh!3R`fT=#t?6VI@8>vgu^sJ;6k8jJS!!5&9TDcU-ng+M z5tDg18Cy%=wRw*p9pBQs_P^qZ?XqD*zEPTmH>OP?M^5D!jNGa;XZ*> zGx@G?r>O02F_=Yb6z+i)xY44CJN<>w<+Mk4yD|NsC0EC2ui09XJY000F3(8)=wy*TU5Gw5I_jvMefO{%6v>%MC& z&vb3yvMI@L-{UEhumM;VamQLxdE)t=1z=FMluoU=rs_xI-jc)_Ta~Xs}d3P=!aM4(3G0)nLT^08QDx3{=tkR_F6tq&){q& zFQA#3p8qM92Cy;H;HNi1{T-~0awxtPF*2PqZ9LR6tux2|ny+~zTAV;R&)$j-oABey TpHIKO{rmXy>)+46e|-QuuHX-= literal 0 HcmV?d00001 diff --git a/source/assets/images/nottracked.png b/source/assets/images/nottracked.png new file mode 100644 index 0000000000000000000000000000000000000000..faad93c35b3ff9787b8ac6c57c100eb0b3cff2ab GIT binary patch literal 373 zcmV-*0gC>KP)}j*Xn}r)aPj*Ym|)<^8_tHLB4jq4ixzdjp+h3abzuMCZKUK0~#WWX%10I8UpUyn-HIpAr??rjA4yZtYL)aTTH!J z0TV&r0#h~d&czz2Bmp$%B1anjT!2e4Q69$3vBW2AZA?9IV${sl}3=m)dBu~rx T@(|O@00000NkvXXu0mjfPMwq^ literal 0 HcmV?d00001 diff --git a/source/assets/images/pride.gif b/source/assets/images/pride.gif new file mode 100644 index 0000000000000000000000000000000000000000..412ed9b6a6f2ccf27d1821aa0c82aade5c429efd GIT binary patch literal 259 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 -

Hello world!

- +@foreach($pagination->items as $post) +
+
+

{{ $post->title }}

{{ $page->dateTranslated($post->date) }} +
+
+

+ {{ $post->excerpt() }} +

+
+
+
+@endforeach +
+ @if ($previous = $pagination->previous) + <<  + <  + @else + << <  + @endif + + @foreach ($pagination->pages as $pageNumber => $path) + @if($pageNumber !== 1) @endif + {{ $pageNumber }} + @endforeach + + @if ($next = $pagination->next) +  >  + >> + @else +  > >> + @endif +
+ @endsection diff --git a/source/projects.blade.php b/source/projects.blade.php new file mode 100644 index 0000000..477771f --- /dev/null +++ b/source/projects.blade.php @@ -0,0 +1,6 @@ +@extends('_layouts.main') + +@section('body') +

Hello World

+

{{ $page->getPath() }}

+@endsection \ No newline at end of file