From 3de5f42860219c90acf48a49874aa1a975f02bbe Mon Sep 17 00:00:00 2001 From: Rico van Zelst Date: Tue, 12 Dec 2023 14:32:44 +0100 Subject: [PATCH] feat: blog post show page --- app/Http/Controllers/PostsController.php | 1 - package-lock.json | 47 +++++++++++++++++++ package.json | 1 + .../views/components/home/features.blade.php | 2 +- resources/views/components/navbar.blade.php | 2 +- resources/views/posts/show.blade.php | 38 +++++++++++++++ tailwind.config.js | 3 +- 7 files changed, 90 insertions(+), 4 deletions(-) diff --git a/app/Http/Controllers/PostsController.php b/app/Http/Controllers/PostsController.php index 75d7cfb..8207a5b 100644 --- a/app/Http/Controllers/PostsController.php +++ b/app/Http/Controllers/PostsController.php @@ -20,7 +20,6 @@ class PostsController extends Controller public function show(Sheet $post) { - dd($post); return view('posts.show', compact('post')); } } diff --git a/package-lock.json b/package-lock.json index 2120e3e..78865d5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -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", diff --git a/package.json b/package.json index bfb173c..5737bea 100644 --- a/package.json +++ b/package.json @@ -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", diff --git a/resources/views/components/home/features.blade.php b/resources/views/components/home/features.blade.php index d09425a..f86f725 100644 --- a/resources/views/components/home/features.blade.php +++ b/resources/views/components/home/features.blade.php @@ -62,7 +62,7 @@ + href="/posts">

Blog Posts

diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php index 4d9709d..f2c5070 100644 --- a/resources/views/components/navbar.blade.php +++ b/resources/views/components/navbar.blade.php @@ -61,7 +61,7 @@ Sale Rotation
  • - Back + to + posts +
    + + +
    +

    + “{{$post->title}}”

    +

    + “{{ $post->description }}” +

    +

    + {{$post->contents}} +

    +

    + Tagged with: + {{ isset($post->tags) ? implode(', ', $post->tags) + : 'League of Legends' }} +

    +
    +
    +@endsection diff --git a/tailwind.config.js b/tailwind.config.js index 0171d44..27fdb9b 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -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')], };