feat: inline tailwind

This commit is contained in:
Cory Dransfeldt 2023-11-27 09:37:16 -08:00
parent bda3325586
commit 8afcaab7f9
No known key found for this signature in database
4 changed files with 2587 additions and 6 deletions

View file

@ -4,11 +4,11 @@
"description": "The source for my personal site, blog and portfolio. Built using 11ty and hosted on Netlify.",
"main": "index.html",
"scripts": {
"start": "rm -rf .cache && ELEVENTY_PRODUCTION=false eleventy --serve && NODE_ENV=development npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch",
"debug": "DEBUG=Eleventy* npx @11ty/eleventy --serve && NODE_ENV=development npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch",
"start": "NODE_ENV=development npx tailwindcss -i ./tailwind.css -o src/assets/styles/tailwind.css && rm -rf .cache && ELEVENTY_PRODUCTION=false eleventy --serve",
"debug": "NODE_ENV=development npx tailwindcss -i ./tailwind.css -o src/styles/tailwind.css && DEBUG=Eleventy* npx @11ty/eleventy --serve",
"lint": "eslint .",
"lint:fix": "eslint . --fix",
"build": "ELEVENTY_PRODUCTION=true eleventy && NODE_ENV=production npx tailwindcss -i ./tailwind.css -c ./tailwind.config.js -o _site/assets/styles/tailwind.css --minify",
"build": "NODE_ENV=production npx tailwindcss -i ./tailwind.css -c ./tailwind.config.js -o src/styles/tailwind.css --minify && ELEVENTY_PRODUCTION=true eleventy",
"prepare": "husky install && touch ./.git/COMMIT_EDITMSG"
},
"keywords": [

View file

@ -33,11 +33,11 @@
{% render "../assets/styles/prism.css" %}
{% render "../assets/styles/ml.css" %}
{% render "../assets/styles/silka.css" %}
{% render "../assets/styles/tailwind.css" %}
{% endcapture %}
<style>
{{ css | cssmin }}
</style>
<link href="/assets/styles/tailwind.css?v={% version %}" rel="stylesheet" />
<link rel="webmention" href="https://webmention.io/coryd.dev/webmention" />
<link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" />
<link

View file

@ -19,9 +19,9 @@ meta:
---
<div class="flex items-center justify-center w-full not-prose mb-6">
<div class="border border-blue-600 dark:border-blue-400 bg-white rounded-full overflow-hidden p-4 [&>*]:max-w-xs">
<div class="border border-blue-600 dark:border-blue-400 bg-white rounded-full overflow-hidden p-4 w-64 h-64 md:w-96 md:h-96 flex items-center [&>*]:w-full [&>*]:h-auto">
{% capture about_alt %}{{ site.name }} - image by David Neal / @reverentgeek{% endcapture %}
{% image './src/assets/img/avatar.webp', about_alt, 'w-full h-auto' %}
{% image './src/assets/img/avatar.webp', about_alt %}
</div>
</div>
<h1 class="text-xxl font-black -leading-tight tracking-normal dark:text-gray-200 md:text-3xl text-center">Hi, I'm Cory</h1>

File diff suppressed because it is too large Load diff