oliverdavies.uk/content/node.6fe4adb6-aae8-4a74-ba6b-9bdcd58b05b5.json

{
    "uuid": [
        {
            "value": "6fe4adb6-aae8-4a74-ba6b-9bdcd58b05b5"
        }
    ],
    "langcode": [
        {
            "value": "en"
        }
    ],
    "type": [
        {
            "target_id": "daily_email",
            "target_type": "node_type",
            "target_uuid": "8bde1f2f-eef9-4f2d-ae9c-96921f8193d7"
        }
    ],
    "revision_timestamp": [
        {
            "value": "2025-05-11T09:00:48+00:00"
        }
    ],
    "revision_uid": [
        {
            "target_type": "user",
            "target_uuid": "b8966985-d4b2-42a7-a319-2e94ccfbb849"
        }
    ],
    "revision_log": [],
    "status": [
        {
            "value": true
        }
    ],
    "uid": [
        {
            "target_type": "user",
            "target_uuid": "b8966985-d4b2-42a7-a319-2e94ccfbb849"
        }
    ],
    "title": [
        {
            "value": "Building Bootstrap CSS examples with Tailwind\n"
        }
    ],
    "created": [
        {
            "value": "2023-01-22T00:00:00+00:00"
        }
    ],
    "changed": [
        {
            "value": "2025-05-11T09:00:48+00:00"
        }
    ],
    "promote": [
        {
            "value": false
        }
    ],
    "sticky": [
        {
            "value": false
        }
    ],
    "default_langcode": [
        {
            "value": true
        }
    ],
    "revision_translation_affected": [
        {
            "value": true
        }
    ],
    "path": [
        {
            "alias": "\/daily\/2023\/01\/22\/building-bootstrap-css-examples-with-tailwind",
            "langcode": "en"
        }
    ],
    "body": [
        {
            "value": "\n          <p>Previously when I gave my <a href=\"https:\/\/www.oliverdavies.uk\/presentations\/taking-flight-with-tailwind-css\">Taking Flight with Tailwind CSS<\/a> talk, I created examples that relate to the event such as something related to that technology or event.<\/p>\n\n<p>The nor(DEV):con website already uses Tailwind CSS so I've been looking for other examples and have started to build some of the <a href=\"https:\/\/getbootstrap.com\/docs\/4.0\/examples\">Bootstrap CSS components<\/a> with Tailwind CSS.<\/p>\n\n<p>I've created the <a href=\"http:\/\/bootstrap-with-tailwind.s3-website.eu-west-2.amazonaws.com\/album\">Album<\/a> and <a href=\"http:\/\/bootstrap-with-tailwind.s3-website.eu-west-2.amazonaws.com\/pricing\">Pricing<\/a> components so far but will likely do more before the conference as I think they're good examples.<\/p>\n\n<p><a href=\"https:\/\/github.com\/opdavies\/bootstrap-with-tailwind\">The source code<\/a> is on my GitHub profile, uses Astro and its Tailwind CSS integration, the default Tailwind configuration with some slight colour and font tweaks, the official Typography plugin and a small custom plugin that adds a \"hocus\" variant for both hover and focus styles.<\/p>\n\n        ",
            "format": "full_html",
            "processed": "\n          <p>Previously when I gave my <a href=\"https:\/\/www.oliverdavies.uk\/presentations\/taking-flight-with-tailwind-css\">Taking Flight with Tailwind CSS<\/a> talk, I created examples that relate to the event such as something related to that technology or event.<\/p>\n\n<p>The nor(DEV):con website already uses Tailwind CSS so I've been looking for other examples and have started to build some of the <a href=\"https:\/\/getbootstrap.com\/docs\/4.0\/examples\">Bootstrap CSS components<\/a> with Tailwind CSS.<\/p>\n\n<p>I've created the <a href=\"http:\/\/bootstrap-with-tailwind.s3-website.eu-west-2.amazonaws.com\/album\">Album<\/a> and <a href=\"http:\/\/bootstrap-with-tailwind.s3-website.eu-west-2.amazonaws.com\/pricing\">Pricing<\/a> components so far but will likely do more before the conference as I think they're good examples.<\/p>\n\n<p><a href=\"https:\/\/github.com\/opdavies\/bootstrap-with-tailwind\">The source code<\/a> is on my GitHub profile, uses Astro and its Tailwind CSS integration, the default Tailwind configuration with some slight colour and font tweaks, the official Typography plugin and a small custom plugin that adds a \"hocus\" variant for both hover and focus styles.<\/p>\n\n        ",
            "summary": null
        }
    ],
    "feeds_item": [
        {
            "imported": "1970-01-01T00:33:45+00:00",
            "guid": null,
            "hash": "d4da3e8cb513d3d3feb0000033cee884",
            "target_type": "feeds_feed",
            "target_uuid": "90c85284-7ca8-4074-9178-97ff8384fe76"
        }
    ]
}