Add sample post

1 files changed, 15 insertions, 0 deletions

diff --git a/exampleSite/content/post/tips-about-writing-content.md b/exampleSite/content/post/tips-about-writing-content.md
new file mode 100644
index 0000000..df84c15
--- /dev/null
+++ b/exampleSite/content/post/tips-about-writing-content.md
@@ -0,0 +1,15 @@
++++
+author = "Bento"
+title = "Tips about writing content"
+date = "2020-07-05"
+description = "A brief post showing all features of the theme"
+tags = [
+    "theme",
+]
++++
+
+Using the Bento theme, you can be creative and use [TailwindCSS](https://tailwindcss.com/) to create custom content.
+
+Inside a markdown file, you can add any TailwindCSS class and they will be rendered according to the framework. Example:
+
+<div class="shadow-lg leading-normal self-end bg-white w-64 rounded-lg relative" style="width: 26.1782rem;"><div class="hidden p-6" style="display: flex;"><img src="/img/erin-lindford.jpg" alt="" class="h-24 w-24 block mr-6 rounded-full"> <div class="text-gray-800 text-left"><h2 class="text-xl font-normal text-gray-800"><div class="inline-block relative">Erin Lindford</div></h2> <div><div class="inline-block relative text-purple-500">Product Engineer</div></div> <div><div class="inline-block relative text-gray-600">erinlindford@example.com</div></div> <div><div class="inline-block relative text-gray-600">(555) 765-4321</div></div></div></div> <div class="hidden p-6" style="display: none;"><img src="/img/erin-lindford.jpg" alt="" class="h-16 w-16 block mb-4 mx-auto rounded-full"> <div class="text-gray-800 text-center"><h2 class="text-xl font-normal text-gray-800"><div class="inline-block relative">Erin Lindford</div></h2> <div><div class="inline-block relative text-purple-500">Product Engineer</div></div> <div><div class="inline-block relative text-gray-600">erinlindford@example.com</div></div> <div><div class="inline-block relative text-gray-600">(555) 765-4321</div></div></div></div> <div style="padding: 1.5rem; display: none; height: 150px;"><img src="https://tailwindcss.com/img/erin-lindford.jpg" alt="" class="h-16 w-16 block mb-4" style="border-radius: 100%; margin-right: 1.5rem; margin-left: 0px; transform: matrix(1, 0, 0, 1, 0, 0); width: 6rem; height: 6rem;"> <div class="text-gray-800" style="text-align: left; transform: matrix(1, 0, 0, 1, 0, 0);"><h2 class="text-base font-normal text-gray-800" style="font-size: 1.25rem;"><div class="inline-block relative" style="transform: matrix(1, 0, 0, 1, 0, 0);">Erin Lindford</div></h2> <div style="color: rgb(159, 122, 234);"><div class="inline-block relative" style="transform: matrix(1, 0, 0, 1, 0, 0);">Product Engineer</div></div> <div style="color: rgb(100, 114, 135);"><div class="inline-block relative" style="transform: matrix(1, 0, 0, 1, 0, 0);">erinlindford@example.com</div></div> <div style="color: rgb(100, 114, 135);"><div class="inline-block relative" style="transform: matrix(1, 0, 0, 1, 0, 0);">(555) 765-4321</div></div></div></div> <div class="absolute flex inset-y-0 left-0"></div></div>
\ No newline at end of file