Archive/HeimerdingerLoL
1
0
Fork 0
mirror of https://github.com/rico-vz/HeimerdingerLoL.git synced 2025-12-06 10:10:48 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: blog post show page

Browse Source
This commit is contained in:
Rico van Zelst
2023-12-12 14:32:44 +01:00
parent 87210ccac9
commit 3de5f42860
7 changed files with 90 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/Http/Controllers/PostsController.php
View File

@@ -20,7 +20,6 @@ class PostsController extends Controller
public function show(Sheet $post)
{
dd($post);
return view('posts.show', compact('post'));
}
}

47
package-lock.json generated
View File

@@ -11,6 +11,7 @@
},
"devDependencies": {
"@tailwindcss/aspect-ratio": "^0.4.2",
"@tailwindcss/typography": "^0.5.10",
"autoprefixer": "^10.4.16",
"axios": "^1.1.2",
"laravel-vite-plugin": "^0.8.0",
@@ -484,6 +485,34 @@
"tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
}
},
"node_modules/@tailwindcss/typography": {
"version": "0.5.10",
"resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.10.tgz",
"integrity": "sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw==",
"dev": true,
"dependencies": {
"lodash.castarray": "^4.4.0",
"lodash.isplainobject": "^4.0.6",
"lodash.merge": "^4.6.2",
"postcss-selector-parser": "6.0.10"
},
"peerDependencies": {
"tailwindcss": ">=3.0.0 || insiders"
}
},
"node_modules/@tailwindcss/typography/node_modules/postcss-selector-parser": {
"version": "6.0.10",
"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
"integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
"dev": true,
"dependencies": {
"cssesc": "^3.0.0",
"util-deprecate": "^1.0.2"
},
"engines": {
"node": ">=4"
}
},
"node_modules/ansi-styles": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
@@ -1703,6 +1732,24 @@
"node": ">=4"
}
},
"node_modules/lodash.castarray": {
"version": "4.4.0",
"resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
"integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
"dev": true
},
"node_modules/lodash.isplainobject": {
"version": "4.0.6",
"resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
"integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
"dev": true
},
"node_modules/lodash.merge": {
"version": "4.6.2",
"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
"dev": true
},
"node_modules/memorystream": {
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",

1
package.json
View File

@@ -11,6 +11,7 @@
},
"devDependencies": {
"@tailwindcss/aspect-ratio": "^0.4.2",
"@tailwindcss/typography": "^0.5.10",
"autoprefixer": "^10.4.16",
"axios": "^1.1.2",
"laravel-vite-plugin": "^0.8.0",

2
resources/views/components/home/features.blade.php
View File

@@ -62,7 +62,7 @@
</a>
<a class="block p-8 transition bg-stone-800/40 border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="#">
href="/posts">
<x-iconsax-bul-receipt-edit class="h-10 text-orange-400"/>
<h2 class="mt-4 text-xl font-bold text-white">Blog Posts</h2>

2
resources/views/components/navbar.blade.php
View File

@@ -61,7 +61,7 @@
Sale Rotation</a>
</li>
<li>
<a href="#"
<a href="{{route('posts.index')}}"
class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent
md:border-0 md:hover:text-orange-500 md:p-0 md:dark:hover:text-orange-400
dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent

38
resources/views/posts/show.blade.php
View File

@@ -0,0 +1,38 @@
@use('Carbon\Carbon')
@extends('layouts.app')
@section('title', $post->title . ' • Heimerdinger.LoL')
@section('description', 'Heimerdinger.LoL: ' . $post->description)
@section('content')
<a href="{{route('posts.index')}}"
class="block mt-8 text-center text-orange-400 text-sm uppercase font-medium hover:underline">Back
to
posts</a>
<article class="max-w-screen-md mx-auto mt-2 prose prose-stone prose-invert" itemscope
itemtype="https://schema.org/BlogPosting"
itemid="https://www.dataliberate.com/2019/05/14/library-metadata-evolution-final-mile/">
<meta itemprop="wordCount" content="{{str_word_count($post->contents)}}">
<h3 class="not-prose text-sm text-center text-orange-100 font-semibold" itemprop="datePublished">
{{ Carbon::parse($post->date)->format('F d, Y') }}
</h3>
<div>
<h1
class="not-prose text-3xl font-bold text-center text-transparent uppercase sm:text-4xl
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text" itemprop="headline">
“{{$post->title}}”</h1>
<h2 class="not-prose text-center text-orange-400 text-sm italic" itemprop="description">
“{{ $post->description }}”
</h2>
<p>
{{$post->contents}}
</p>
<p class="mt-3 text-sm text-center">
Tagged with: <span itemprop="keywords"
class="italic">
{{ isset($post->tags) ? implode(', ', $post->tags)
: 'League of Legends' }}</span>
</p>
</div>
</article>
@endsection

3
tailwind.config.js
View File

@@ -39,5 +39,6 @@ module.exports = {
textColor: ['group-hover'],
}
},
plugins: [require("flowbite/plugin"), require("@tailwindcss/aspect-ratio"), require('tailwind-capitalize-first-letter'),],
plugins: [require("flowbite/plugin"), require("@tailwindcss/aspect-ratio"), require('tailwind-capitalize-first-letter'),
require('@tailwindcss/typography')],
};