diff --git a/README.md b/README.md index 1109e0c..99d2a32 100644 --- a/README.md +++ b/README.md @@ -31,6 +31,7 @@ Production-ready in mind: - 📖 Pagination - ✅ Cache busting - 💯 Maximize lighthouse score +- 🌈 Include a FREE minimalist blog theme ### Philosophy @@ -42,7 +43,7 @@ Production-ready in mind: - Node.js and npm -### Premium Themes +### Premium Themes ([Eleventy Themes](https://creativedesignsguru.com/category/eleventy/)) | [Blue Dark Eleventy Theme](https://creativedesignsguru.com/blue-dark-eleventy-theme/) | [Blue Eclatant Eleventy Theme](https://creativedesignsguru.com/blue-eclatant-eleventy-theme/) | | --- | --- | @@ -134,4 +135,4 @@ See [LICENSE](LICENSE) for more information. --- -Made with ♥ by [Ixartz](https://github.com/ixartz) +Made with ♥ by [CreativeDesignsGuru](https://creativedesignsguru.com) diff --git a/src/_data/site.json b/src/_data/site.json index 4596770..14825ed 100644 --- a/src/_data/site.json +++ b/src/_data/site.json @@ -1,7 +1,7 @@ { - "site_name": "Hello", - "title": "Hello personal blog", - "description": "Blog description", + "site_name": "Starter", + "title": "Eleventy Starter Boilerplate", + "description": "Starter code for your 11ty blog Boilerplate", "url": "https://example.com", "locale": "en", "author": "Anonymous" diff --git a/src/_includes/layouts/base.ejs b/src/_includes/layouts/base.ejs index 1abf54a..31fd800 100644 --- a/src/_includes/layouts/base.ejs +++ b/src/_includes/layouts/base.ejs @@ -48,16 +48,16 @@
-
<%= site.title %>
+
<%= site.title %>
<%= site.description %>
  • - Home + Home
  • - GitHub diff --git a/src/_includes/layouts/post.ejs b/src/_includes/layouts/post.ejs index abfb328..ee355ad 100644 --- a/src/_includes/layouts/post.ejs +++ b/src/_includes/layouts/post.ejs @@ -2,17 +2,13 @@ layout: layouts/base.ejs --- -
    +
    -

    <%= title %>

    -
    - <%= this.dateFns.format(new Date(date), 'LLLL d, yyyy') %> -
    +

    <%= title %>

    +
    <%= this.dateFns.format(new Date(date), 'LLLL d, yyyy') %>
    -
    + +
    <%- content %>
    -
    diff --git a/src/assets/images/posts/eleventy-js-starter-boilerplate.png b/src/assets/images/posts/eleventy-js-starter-boilerplate.png new file mode 100644 index 0000000..a71a0c6 Binary files /dev/null and b/src/assets/images/posts/eleventy-js-starter-boilerplate.png differ diff --git a/src/assets/styles/main.css b/src/assets/styles/main.css index ea9789d..70daf59 100644 --- a/src/assets/styles/main.css +++ b/src/assets/styles/main.css @@ -11,3 +11,76 @@ a:hover { @tailwind components; @tailwind utilities; + +.content { + @apply tracking-wider leading-8 text-xl; +} + +.content p { + @apply my-5; +} + +.content h1 { + @apply text-5xl font-bold mt-12 mb-5 leading-10; +} + +.content h2 { + @apply text-4xl font-bold mt-10 mb-5; +} + +.content h3 { + @apply text-3xl font-bold mt-10 mb-5; +} + +.content h4 { + @apply text-2xl font-bold mt-10 mb-5; +} + +.content h5 { + @apply text-xl font-bold mt-10 mb-5; +} + +.content h6 { + @apply text-lg font-bold mt-10 mb-5; +} + +.content ul, +.content ol, +.content p { + @apply overflow-auto; +} + +.content > div > ul, +.content > div > ol { + @apply my-6; +} + +.content ul, +.content ol { + @apply pl-8; +} + +.content ul { + @apply list-outside list-disc; +} + +.content ol { + @apply list-outside list-decimal; +} + +.content pre[class*='language-'] { + @apply my-8; +} + +.content table { + @apply whitespace-no-wrap my-8 border-collapse block overflow-auto; +} + +.content th, +.content td { + @apply border px-8 py-4; +} + +.content th { + @apply bg-gray-100; +} diff --git a/src/posts/2020-01-01-eleventy-starter-boilerplate-presentation.md b/src/posts/2020-05-05-eleventy-starter-boilerplate-presentation.md similarity index 87% rename from src/posts/2020-01-01-eleventy-starter-boilerplate-presentation.md rename to src/posts/2020-05-05-eleventy-starter-boilerplate-presentation.md index 82cef22..8f60bd6 100644 --- a/src/posts/2020-01-01-eleventy-starter-boilerplate-presentation.md +++ b/src/posts/2020-05-05-eleventy-starter-boilerplate-presentation.md @@ -1,14 +1,16 @@ --- title: 'Eleventy Starter Boilerplate Presentation' description: Everything you need to use this Eleventy Boilerplate template -date: 2020-01-01 00:00:00 +date: 2020-05-05 00:00:00 --- -# Eleventy Starter Boilerplate +[![Eleventy starter boilerplate banner](/assets/images/posts/eleventy-js-starter-boilerplate.png)](https://creativedesignsguru.com/demo/Eleventy-Starter-Boilerplate/) 🚀 Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog. ⚡️ Built with [Eleventy](https://www.11ty.dev), [ESLint](https://eslint.org), [Prettier](https://prettier.io), [Webpack](https://webpack.js.org), [PostCSS](https://postcss.org), [Tailwind CSS](https://tailwindcss.com). -Clone this project and use it to create your own [Eleventy](https://www.11ty.dev) blog. +Clone this project and use it to create your own [Eleventy](https://www.11ty.dev) blog. You can check a [Eleventy js blog templates demo](https://creativedesignsguru.com/demo/Eleventy-Starter-Boilerplate/). + +The GitHub repository is located [Eleventy Starter Boilerplate](https://github.com/ixartz/Eleventy-Starter-Boilerplate). ### Features @@ -33,6 +35,7 @@ Production-ready in mind: - 📖 Pagination - ✅ Cache busting - 💯 Maximize lighthouse score +- 🌈 Include a FREE minimalist blog theme ### Philosophy @@ -44,7 +47,7 @@ Production-ready in mind: - Node.js and npm -### Premium Themes +### Premium Themes ([Eleventy Themes](https://creativedesignsguru.com/category/eleventy/)) | [Blue Dark Eleventy Theme](https://creativedesignsguru.com/blue-dark-eleventy-theme/) | [Blue Eclatant Eleventy Theme](https://creativedesignsguru.com/blue-eclatant-eleventy-theme/) | | --- | --- | @@ -134,6 +137,6 @@ Licensed under the MIT License, Copyright © 2020 See [LICENSE](https://github.com/ixartz/Eleventy-Starter-Boilerplate/blob/master/LICENSE) for more information. ---- +### GitHub -Made with ♥ by [Ixartz](https://github.com/ixartz) +The GitHub repository is located [Eleventy Starter Boilerplate](https://github.com/ixartz/Eleventy-Starter-Boilerplate) maintained by [Creative Design Guru](https://creativedesignsguru.com).