diff --git a/README.md b/README.md
index 509aedc..f447937 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,14 @@
---
+title: "Awesome Django"
---
+
# Awesome Django
+
> A curated list of awesome things related to Django. Maintained by William Vincent and Jeff Triplett.
Please consider supporting Django by making a donation to the Django Software Foundation,
diff --git a/_config.yml b/_config.yml
index cb09e26..339ae2c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -8,6 +8,7 @@ url: "https://awesome-django.org" # the base hostname & protocol for your site,
# Build settings
markdown: kramdown
+remote_theme: pmarsceill/just-the-docs
plugins:
- jekyll-feed
- jekyll-optional-front-matter
@@ -35,3 +36,56 @@ defaults:
values:
permalink: "/"
layout: "default"
+
+aux_links:
+ "Awesome Django on GitHub":
+ - "//github.com/wsvincent/awesome-django"
+
+# Makes Aux links open in a new tab. Default is false
+aux_links_new_tab: false
+
+color_scheme: django
+# color_scheme: light
+
+heading_anchors: true
+
+footer_content: "Please consider supporting Django by making a donation to the Django Software Foundation, sponsoring via GitHub Sponsors, or buying official merchandise."
+
+# Footer last edited timestamp
+last_edit_timestamp: true # show or hide edit time - page must have `last_modified_date` defined in the frontmatter
+last_edit_time_format: "%b %e %Y at %I:%M %p" # uses ruby's time format: https://ruby-doc.org/stdlib-2.7.0/libdoc/time/rdoc/Time.html
+
+# Footer "Edit this page on GitHub" link text
+gh_edit_link: true # show or hide edit this page link
+gh_edit_link_text: "Edit this page on GitHub."
+gh_edit_repository: "https://github.com/wsvincent/awesome-django" # the github URL for your repo
+gh_edit_branch: "main" # the branch that your docs is served from
+# gh_edit_source: docs # the source that your files originate from
+gh_edit_view_mode: "tree" # "tree" or "edit" if you want the user to jump into the editor immediately
+
+
+search_enabled: false
+
+search:
+ # Split pages into sections that can be searched individually
+ # Supports 1 - 6, default: 2
+ heading_level: 2
+ # Maximum amount of previews per search result
+ # Default: 3
+ previews: 3
+ # Maximum amount of words to display before a matched word in the preview
+ # Default: 5
+ preview_words_before: 5
+ # Maximum amount of words to display after a matched word in the preview
+ # Default: 10
+ preview_words_after: 10
+ # Set the search token separator
+ # Default: /[\s\-/]+/
+ # Example: enable support for hyphenated search words
+ tokenizer_separator: /[\s/]+/
+ # Display the relative url in search results
+ # Supports true (default) or false
+ rel_url: true
+ # Enable or disable the search button that appears in the bottom right corner of every page
+ # Supports true or false (default)
+ button: false
diff --git a/_layouts/default.html b/_layouts/default.html
deleted file mode 100644
index f48b684..0000000
--- a/_layouts/default.html
+++ /dev/null
@@ -1,27 +0,0 @@
----
----
-
-
-
-
-
- Awesome Django
-
-{% if jekyll.environment == 'development' %}
-
-{% else %}
-
-{% endif %}
-
-
-
-
-
-
-
-
-{{ content | replace: ' where the content
- * is wrapped by a div with box-sizing set to `content-box`.
- *
- * https://github.com/mozdevs/cssremedy/issues/4
- *
- *
- * 2. Allow adding a border to an element by just adding a border-width.
- *
- * By default, the way the browser specifies that an element should have no
- * border is by setting it's border-style to `none` in the user-agent
- * stylesheet.
- *
- * In order to easily add borders to elements by just setting the `border-width`
- * property, we change the default border-style for all elements to `solid`, and
- * use border-width to hide them instead. This way our `border` utilities only
- * need to set the `border-width` property instead of the entire `border`
- * shorthand, making our border utilities much more straightforward to compose.
- *
- * https://github.com/tailwindcss/tailwindcss/pull/116
- */
-
-*,
-::before,
-::after {
- box-sizing: border-box; /* 1 */
- border-width: 0; /* 2 */
- border-style: solid; /* 2 */
- border-color: #e5e7eb; /* 2 */
-}
-
-/*
- * Ensure horizontal rules are visible by default
- */
-
-hr {
- border-top-width: 1px;
-}
-
-/**
- * Undo the `border-style: none` reset that Normalize applies to images so that
- * our `border-{width}` utilities have the expected effect.
- *
- * The Normalize reset is unnecessary for us since we default the border-width
- * to 0 on all elements.
- *
- * https://github.com/tailwindcss/tailwindcss/issues/362
- */
-
-img {
- border-style: solid;
-}
-
-textarea {
- resize: vertical;
-}
-
-input::-moz-placeholder, textarea::-moz-placeholder {
- opacity: 1;
- color: #9ca3af;
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
- opacity: 1;
- color: #9ca3af;
-}
-
-input::placeholder,
-textarea::placeholder {
- opacity: 1;
- color: #9ca3af;
-}
-
-button {
- cursor: pointer;
-}
-
-table {
- border-collapse: collapse;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-size: inherit;
- font-weight: inherit;
-}
-
-/**
- * Reset links to optimize for opt-in styling instead of
- * opt-out.
- */
-
-a {
- color: inherit;
- text-decoration: inherit;
-}
-
-/**
- * Reset form element properties that are easy to forget to
- * style explicitly so you don't inadvertently introduce
- * styles that deviate from your design system. These styles
- * supplement a partial reset that is already applied by
- * normalize.css.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
- padding: 0;
- line-height: inherit;
- color: inherit;
-}
-
-/**
- * Use the configured 'mono' font family for elements that
- * are expected to be rendered with a monospace font, falling
- * back to the system monospace stack if there is no configured
- * 'mono' font family.
- */
-
-pre,
-code,
-kbd,
-samp {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-/**
- * Make replaced elements `display: block` by default as that's
- * the behavior you want almost all of the time. Inspired by
- * CSS Remedy, with `svg` added as well.
- *
- * https://github.com/mozdevs/cssremedy/issues/14
- */
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
- display: block;
- vertical-align: middle;
-}
-
-/**
- * Constrain images and videos to the parent width and preserve
- * their intrinsic aspect ratio.
- *
- * https://github.com/mozdevs/cssremedy/issues/14
- */
-
-img,
-video {
- max-width: 100%;
- height: auto;
-}
-
-.container {
- width: 100%;
-}
-
-@media (min-width: 640px) {
- .container {
- max-width: 640px;
- }
-}
-
-@media (min-width: 768px) {
- .container {
- max-width: 768px;
- }
-}
-
-@media (min-width: 1024px) {
- .container {
- max-width: 1024px;
- }
-}
-
-@media (min-width: 1280px) {
- .container {
- max-width: 1280px;
- }
-}
-
-@media (min-width: 1536px) {
- .container {
- max-width: 1536px;
- }
-}
-
-.prose {
- color: #374151;
- max-width: 65ch;
-}
-
-.prose [class~="lead"] {
- color: #4b5563;
- font-size: 1.25em;
- line-height: 1.6;
- margin-top: 1.2em;
- margin-bottom: 1.2em;
-}
-
-.prose a {
- color: #111827;
- text-decoration: underline;
- font-weight: 500;
-}
-
-.prose strong {
- color: #111827;
- font-weight: 600;
-}
-
-.prose ol[type="A"] {
- --list-counter-style: upper-alpha;
-}
-
-.prose ol[type="a"] {
- --list-counter-style: lower-alpha;
-}
-
-.prose ol[type="i"] {
- --list-counter-style: lower-roman;
-}
-
-.prose ol[type="1"] {
- --list-counter-style: decimal;
-}
-
-.prose ol > li {
- position: relative;
- padding-left: 1.75em;
-}
-
-.prose ol > li::before {
- content: counter(list-item, var(--list-counter-style, decimal)) ".";
- position: absolute;
- font-weight: 400;
- color: #6b7280;
- left: 0;
-}
-
-.prose ul > li {
- position: relative;
- padding-left: 1.75em;
-}
-
-.prose ul > li::before {
- content: "";
- position: absolute;
- background-color: #d1d5db;
- border-radius: 50%;
- width: 0.375em;
- height: 0.375em;
- top: calc(0.875em - 0.1875em);
- left: 0.25em;
-}
-
-.prose hr {
- border-color: #e5e7eb;
- border-top-width: 1px;
- margin-top: 3em;
- margin-bottom: 3em;
-}
-
-.prose blockquote {
- font-weight: 500;
- font-style: italic;
- color: #111827;
- border-left-width: 0.25rem;
- border-left-color: #e5e7eb;
- quotes: "\201C""\201D""\2018""\2019";
- margin-top: 1.6em;
- margin-bottom: 1.6em;
- padding-left: 1em;
-}
-
-.prose blockquote p:first-of-type::before {
- content: open-quote;
-}
-
-.prose blockquote p:last-of-type::after {
- content: close-quote;
-}
-
-.prose h1 {
- color: #111827;
- font-weight: 800;
- font-size: 2.25em;
- margin-top: 0;
- margin-bottom: 0.8888889em;
- line-height: 1.1111111;
-}
-
-.prose h2 {
- color: #111827;
- font-weight: 700;
- font-size: 1.5em;
- margin-top: 2em;
- margin-bottom: 1em;
- line-height: 1.3333333;
-}
-
-.prose h3 {
- color: #111827;
- font-weight: 600;
- font-size: 1.25em;
- margin-top: 1.6em;
- margin-bottom: 0.6em;
- line-height: 1.6;
-}
-
-.prose h4 {
- color: #111827;
- font-weight: 600;
- margin-top: 1.5em;
- margin-bottom: 0.5em;
- line-height: 1.5;
-}
-
-.prose figure figcaption {
- color: #6b7280;
- font-size: 0.875em;
- line-height: 1.4285714;
- margin-top: 0.8571429em;
-}
-
-.prose code {
- color: #111827;
- font-weight: 600;
- font-size: 0.875em;
-}
-
-.prose code::before {
- content: "`";
-}
-
-.prose code::after {
- content: "`";
-}
-
-.prose a code {
- color: #111827;
-}
-
-.prose pre {
- color: #e5e7eb;
- background-color: #1f2937;
- overflow-x: auto;
- font-size: 0.875em;
- line-height: 1.7142857;
- margin-top: 1.7142857em;
- margin-bottom: 1.7142857em;
- border-radius: 0.375rem;
- padding-top: 0.8571429em;
- padding-right: 1.1428571em;
- padding-bottom: 0.8571429em;
- padding-left: 1.1428571em;
-}
-
-.prose pre code {
- background-color: transparent;
- border-width: 0;
- border-radius: 0;
- padding: 0;
- font-weight: 400;
- color: inherit;
- font-size: inherit;
- font-family: inherit;
- line-height: inherit;
-}
-
-.prose pre code::before {
- content: none;
-}
-
-.prose pre code::after {
- content: none;
-}
-
-.prose table {
- width: 100%;
- table-layout: auto;
- text-align: left;
- margin-top: 2em;
- margin-bottom: 2em;
- font-size: 0.875em;
- line-height: 1.7142857;
-}
-
-.prose thead {
- color: #111827;
- font-weight: 600;
- border-bottom-width: 1px;
- border-bottom-color: #d1d5db;
-}
-
-.prose thead th {
- vertical-align: bottom;
- padding-right: 0.5714286em;
- padding-bottom: 0.5714286em;
- padding-left: 0.5714286em;
-}
-
-.prose tbody tr {
- border-bottom-width: 1px;
- border-bottom-color: #e5e7eb;
-}
-
-.prose tbody tr:last-child {
- border-bottom-width: 0;
-}
-
-.prose tbody td {
- vertical-align: top;
- padding-top: 0.5714286em;
- padding-right: 0.5714286em;
- padding-bottom: 0.5714286em;
- padding-left: 0.5714286em;
-}
-
-.prose {
- font-size: 1rem;
- line-height: 1.75;
-}
-
-.prose p {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
-}
-
-.prose img {
- margin-top: 2em;
- margin-bottom: 2em;
-}
-
-.prose video {
- margin-top: 2em;
- margin-bottom: 2em;
-}
-
-.prose figure {
- margin-top: 2em;
- margin-bottom: 2em;
-}
-
-.prose figure > * {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.prose h2 code {
- font-size: 0.875em;
-}
-
-.prose h3 code {
- font-size: 0.9em;
-}
-
-.prose ol {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
-}
-
-.prose ul {
- margin-top: 1.25em;
- margin-bottom: 1.25em;
-}
-
-.prose li {
- margin-top: 0.5em;
- margin-bottom: 0.5em;
-}
-
-.prose > ul > li p {
- margin-top: 0.75em;
- margin-bottom: 0.75em;
-}
-
-.prose > ul > li > *:first-child {
- margin-top: 1.25em;
-}
-
-.prose > ul > li > *:last-child {
- margin-bottom: 1.25em;
-}
-
-.prose > ol > li > *:first-child {
- margin-top: 1.25em;
-}
-
-.prose > ol > li > *:last-child {
- margin-bottom: 1.25em;
-}
-
-.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol {
- margin-top: 0.75em;
- margin-bottom: 0.75em;
-}
-
-.prose hr + * {
- margin-top: 0;
-}
-
-.prose h2 + * {
- margin-top: 0;
-}
-
-.prose h3 + * {
- margin-top: 0;
-}
-
-.prose h4 + * {
- margin-top: 0;
-}
-
-.prose thead th:first-child {
- padding-left: 0;
-}
-
-.prose thead th:last-child {
- padding-right: 0;
-}
-
-.prose tbody td:first-child {
- padding-left: 0;
-}
-
-.prose tbody td:last-child {
- padding-right: 0;
-}
-
-.prose > :first-child {
- margin-top: 0;
-}
-
-.prose > :last-child {
- margin-bottom: 0;
-}
-
-.debug-screens::before {
- position: fixed;
- z-index: 2147483647;
- bottom: 0;
- left: 0;
- padding: .3333333em .5em;
- font-size: 12px;
- line-height: 1;
- font-family: sans-serif;
- background-color: #000;
- color: #fff;
- box-shadow: 0 0 0 1px #fff;
- content: 'screen: _';
-}
-
-@media (min-width: 640px) {
- .debug-screens::before {
- content: 'screen: sm';
- }
-}
-
-@media (min-width: 768px) {
- .debug-screens::before {
- content: 'screen: md';
- }
-}
-
-@media (min-width: 1024px) {
- .debug-screens::before {
- content: 'screen: lg';
- }
-}
-
-@media (min-width: 1280px) {
- .debug-screens::before {
- content: 'screen: xl';
- }
-}
-
-@media (min-width: 1536px) {
- .debug-screens::before {
- content: 'screen: 2xl';
- }
-}
-
-.space-y-3 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-y-reverse: 0;
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-}
-
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0;
- margin-right: calc(1rem * var(--tw-space-x-reverse));
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
- --tw-space-y-reverse: 1;
-}
-
-.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 1;
-}
-
-.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
- --tw-divide-y-reverse: 0;
- border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
-}
-
-.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
- --tw-divide-x-reverse: 0;
- border-right-width: calc(0px * var(--tw-divide-x-reverse));
- border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
-}
-
-.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
- --tw-divide-x-reverse: 0;
- border-right-width: calc(2px * var(--tw-divide-x-reverse));
- border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
-}
-
-.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
- --tw-divide-y-reverse: 0;
- border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
- border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
-}
-
-.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
- --tw-divide-opacity: 1;
- border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
-}
-
-.divide-dotted > :not([hidden]) ~ :not([hidden]) {
- border-style: dotted;
-}
-
-.divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
- --tw-divide-opacity: 0.5;
-}
-
-.sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- border-width: 0;
-}
-
-.appearance-none {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-}
-
-.bg-local {
- background-attachment: local;
-}
-
-.bg-clip-border {
- background-clip: border-box;
-}
-
-.bg-black {
- --tw-bg-opacity: 1;
- background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-}
-
-.bg-white {
- --tw-bg-opacity: 1;
- background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-
-.bg-green-500 {
- --tw-bg-opacity: 1;
- background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
-}
-
-.bg-gradient-to-r {
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
-}
-
-.from-red-300 {
- --tw-gradient-from: #fca5a5;
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
-}
-
-.via-purple-200 {
- --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
-}
-
-.to-blue-400 {
- --tw-gradient-to: #60a5fa;
-}
-
-.bg-opacity-20 {
- --tw-bg-opacity: 0.2;
-}
-
-.bg-opacity-50 {
- --tw-bg-opacity: 0.5;
-}
-
-.bg-top {
- background-position: top;
-}
-
-.bg-no-repeat {
- background-repeat: no-repeat;
-}
-
-.bg-cover {
- background-size: cover;
-}
-
-.border-collapse {
- border-collapse: collapse;
-}
-
-.border-black {
- --tw-border-opacity: 1;
- border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-}
-
-.border-opacity-10 {
- --tw-border-opacity: 0.1;
-}
-
-.rounded-md {
- border-radius: 0.375rem;
-}
-
-.border-solid {
- border-style: solid;
-}
-
-.border-2 {
- border-width: 2px;
-}
-
-.border {
- border-width: 1px;
-}
-
-.decoration-slice {
- -webkit-box-decoration-break: slice;
- box-decoration-break: slice;
-}
-
-.decoration-clone {
- -webkit-box-decoration-break: clone;
- box-decoration-break: clone;
-}
-
-.box-border {
- box-sizing: border-box;
-}
-
-.cursor-pointer {
- cursor: pointer;
-}
-
-.flex {
- display: flex;
-}
-
-.table {
- display: table;
-}
-
-.inline-grid {
- display: inline-grid;
-}
-
-.contents {
- display: contents;
-}
-
-.hidden {
- display: none;
-}
-
-.flex-row-reverse {
- flex-direction: row-reverse;
-}
-
-.flex-wrap {
- flex-wrap: wrap;
-}
-
-.place-items-end {
- place-items: end;
-}
-
-.place-content-start {
- place-content: start;
-}
-
-.place-self-center {
- place-self: center;
-}
-
-.items-start {
- align-items: flex-start;
-}
-
-.content-center {
- align-content: center;
-}
-
-.self-end {
- align-self: flex-end;
-}
-
-.justify-items-end {
- justify-items: end;
-}
-
-.justify-center {
- justify-content: center;
-}
-
-.justify-self-start {
- justify-self: start;
-}
-
-.flex-1 {
- flex: 1 1 0%;
-}
-
-.flex-grow-0 {
- flex-grow: 0;
-}
-
-.flex-grow {
- flex-grow: 1;
-}
-
-.flex-shrink-0 {
- flex-shrink: 0;
-}
-
-.flex-shrink {
- flex-shrink: 1;
-}
-
-.order-2 {
- order: 2;
-}
-
-.order-last {
- order: 9999;
-}
-
-.float-right {
- float: right;
-}
-
-.clear-left {
- clear: left;
-}
-
-.font-sans {
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-
-.font-medium {
- font-weight: 500;
-}
-
-.font-bold {
- font-weight: 700;
-}
-
-.h-16 {
- height: 4rem;
-}
-
-.text-2xl {
- font-size: 1.5rem;
- line-height: 2rem;
-}
-
-.leading-5 {
- line-height: 1.25rem;
-}
-
-.leading-relaxed {
- line-height: 1.625;
-}
-
-.list-inside {
- list-style-position: inside;
-}
-
-.list-disc {
- list-style-type: disc;
-}
-
-.m-4 {
- margin: 1rem;
-}
-
-.my-2 {
- margin-top: 0.5rem;
- margin-bottom: 0.5rem;
-}
-
-.mx-auto {
- margin-left: auto;
- margin-right: auto;
-}
-
-.mt-0 {
- margin-top: 0px;
-}
-
-.mr-1 {
- margin-right: 0.25rem;
-}
-
-.mb-3 {
- margin-bottom: 0.75rem;
-}
-
-.ml-4 {
- margin-left: 1rem;
-}
-
-.mt-6 {
- margin-top: 1.5rem;
-}
-
-.max-h-screen {
- max-height: 100vh;
-}
-
-.max-w-full {
- max-width: 100%;
-}
-
-.max-w-screen-lg {
- max-width: 1024px;
-}
-
-.min-h-0 {
- min-height: 0px;
-}
-
-.min-w-min {
- min-width: -webkit-min-content;
- min-width: -moz-min-content;
- min-width: min-content;
-}
-
-.object-cover {
- -o-object-fit: cover;
- object-fit: cover;
-}
-
-.object-bottom {
- -o-object-position: bottom;
- object-position: bottom;
-}
-
-.opacity-90 {
- opacity: 0.9;
-}
-
-.outline-none {
- outline: 2px solid transparent;
- outline-offset: 2px;
-}
-
-.outline-black {
- outline: 2px dotted black;
- outline-offset: 2px;
-}
-
-.overflow-hidden {
- overflow: hidden;
-}
-
-.overscroll-contain {
- -ms-scroll-chaining: none;
- overscroll-behavior: contain;
-}
-
-.p-4 {
- padding: 1rem;
-}
-
-.py-2 {
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
-}
-
-.px-3 {
- padding-left: 0.75rem;
- padding-right: 0.75rem;
-}
-
-.px-4 {
- padding-left: 1rem;
- padding-right: 1rem;
-}
-
-.pt-1 {
- padding-top: 0.25rem;
-}
-
-.pr-2 {
- padding-right: 0.5rem;
-}
-
-.pb-3 {
- padding-bottom: 0.75rem;
-}
-
-.pl-4 {
- padding-left: 1rem;
-}
-
-.pb-8 {
- padding-bottom: 2rem;
-}
-
-.placeholder-green-300::-moz-placeholder {
- --tw-placeholder-opacity: 1;
- color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-300:-ms-input-placeholder {
- --tw-placeholder-opacity: 1;
- color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
-}
-
-.placeholder-green-300::placeholder {
- --tw-placeholder-opacity: 1;
- color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
-}
-
-.placeholder-opacity-60::-moz-placeholder {
- --tw-placeholder-opacity: 0.6;
-}
-
-.placeholder-opacity-60:-ms-input-placeholder {
- --tw-placeholder-opacity: 0.6;
-}
-
-.placeholder-opacity-60::placeholder {
- --tw-placeholder-opacity: 0.6;
-}
-
-.pointer-events-none {
- pointer-events: none;
-}
-
-.static {
- position: static;
-}
-
-.absolute {
- position: absolute;
-}
-
-.inset-0 {
- top: 0px;
- right: 0px;
- bottom: 0px;
- left: 0px;
-}
-
-.inset-x-2 {
- right: 0.5rem;
- left: 0.5rem;
-}
-
-.inset-y-4 {
- top: 1rem;
- bottom: 1rem;
-}
-
-.top-6 {
- top: 1.5rem;
-}
-
-.right-8 {
- right: 2rem;
-}
-
-.bottom-12 {
- bottom: 3rem;
-}
-
-.left-16 {
- left: 4rem;
-}
-
-.resize-none {
- resize: none;
-}
-
-* {
- --tw-shadow: 0 0 #0000;
-}
-
-.shadow-sm {
- --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-md {
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-lg {
- --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus-within\:shadow-md:focus-within {
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-md:hover {
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-lg:hover {
- --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:shadow-md:focus {
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-* {
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
- --tw-ring-offset-width: 0px;
- --tw-ring-offset-color: #fff;
- --tw-ring-color: rgba(59, 130, 246, 0.5);
- --tw-ring-offset-shadow: 0 0 #0000;
- --tw-ring-shadow: 0 0 #0000;
-}
-
-.ring-4 {
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring {
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-2:focus {
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-offset-blue-300 {
- --tw-ring-offset-color: #93c5fd;
-}
-
-.ring-offset-2 {
- --tw-ring-offset-width: 2px;
-}
-
-.ring-white {
- --tw-ring-opacity: 1;
- --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-}
-
-.focus\:ring-blue-500:focus {
- --tw-ring-opacity: 1;
- --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
-}
-
-.ring-opacity-40 {
- --tw-ring-opacity: 0.4;
-}
-
-.fill-current {
- fill: currentColor;
-}
-
-.stroke-current {
- stroke: currentColor;
-}
-
-.stroke-2 {
- stroke-width: 2;
-}
-
-.table-fixed {
- table-layout: fixed;
-}
-
-.text-center {
- text-align: center;
-}
-
-.text-red-500 {
- --tw-text-opacity: 1;
- color: rgba(239, 68, 68, var(--tw-text-opacity));
-}
-
-.text-indigo-500 {
- --tw-text-opacity: 1;
- color: rgba(99, 102, 241, var(--tw-text-opacity));
-}
-
-.text-opacity-10 {
- --tw-text-opacity: 0.1;
-}
-
-.truncate {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.overflow-ellipsis {
- text-overflow: ellipsis;
-}
-
-.not-italic {
- font-style: normal;
-}
-
-.uppercase {
- text-transform: uppercase;
-}
-
-.underline {
- text-decoration: underline;
-}
-
-.antialiased {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-.ordinal, .tabular-nums, .diagonal-fractions {
- --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
- --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
- --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
- --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
- --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
- font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-}
-
-.ordinal {
- --tw-ordinal: ordinal;
-}
-
-.tabular-nums {
- --tw-numeric-spacing: tabular-nums;
-}
-
-.diagonal-fractions {
- --tw-numeric-fraction: diagonal-fractions;
-}
-
-.tracking-tight {
- letter-spacing: -0.025em;
-}
-
-.select-none {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.align-middle {
- vertical-align: middle;
-}
-
-.invisible {
- visibility: hidden;
-}
-
-.whitespace-nowrap {
- white-space: nowrap;
-}
-
-.break-words {
- overflow-wrap: break-word;
-}
-
-.w-12 {
- width: 3rem;
-}
-
-.z-30 {
- z-index: 30;
-}
-
-.isolate {
- isolation: isolate;
-}
-
-.isolation-auto {
- isolation: auto;
-}
-
-.gap-4 {
- gap: 1rem;
-}
-
-.gap-x-2 {
- -moz-column-gap: 0.5rem;
- column-gap: 0.5rem;
-}
-
-.gap-y-3 {
- row-gap: 0.75rem;
-}
-
-.grid-flow-row {
- grid-auto-flow: row;
-}
-
-.grid-cols-4 {
- grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.auto-cols-min {
- grid-auto-columns: -webkit-min-content;
- grid-auto-columns: min-content;
-}
-
-.col-span-3 {
- grid-column: span 3 / span 3;
-}
-
-.col-start-1 {
- grid-column-start: 1;
-}
-
-.col-end-4 {
- grid-column-end: 4;
-}
-
-.grid-rows-3 {
- grid-template-rows: repeat(3, minmax(0, 1fr));
-}
-
-.auto-rows-max {
- grid-auto-rows: -webkit-max-content;
- grid-auto-rows: max-content;
-}
-
-.row-span-2 {
- grid-row: span 2 / span 2;
-}
-
-.row-start-3 {
- grid-row-start: 3;
-}
-
-.row-end-5 {
- grid-row-end: 5;
-}
-
-.transform {
- --tw-translate-x: 0;
- --tw-translate-y: 0;
- --tw-rotate: 0;
- --tw-skew-x: 0;
- --tw-skew-y: 0;
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.transform-gpu {
- --tw-translate-x: 0;
- --tw-translate-y: 0;
- --tw-rotate: 0;
- --tw-skew-x: 0;
- --tw-skew-y: 0;
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.origin-top-right {
- transform-origin: top right;
-}
-
-.scale-50 {
- --tw-scale-x: .5;
- --tw-scale-y: .5;
-}
-
-.scale-95 {
- --tw-scale-x: .95;
- --tw-scale-y: .95;
-}
-
-.hover\:scale-75:hover {
- --tw-scale-x: .75;
- --tw-scale-y: .75;
-}
-
-.rotate-3 {
- --tw-rotate: 3deg;
-}
-
-.translate-x-5 {
- --tw-translate-x: 1.25rem;
-}
-
-.-translate-x-3 {
- --tw-translate-x: -0.75rem;
-}
-
-.-translate-x-4 {
- --tw-translate-x: -1rem;
-}
-
-.translate-y-6 {
- --tw-translate-y: 1.5rem;
-}
-
-.skew-x-12 {
- --tw-skew-x: 12deg;
-}
-
-.skew-y-12 {
- --tw-skew-y: 12deg;
-}
-
-.transition-all {
- transition-property: all;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 150ms;
-}
-
-.transition {
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 150ms;
-}
-
-.ease-in-out {
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.duration-200 {
- transition-duration: 200ms;
-}
-
-.delay-300 {
- transition-delay: 300ms;
-}
-
-@-webkit-keyframes spin {
- to {
- transform: rotate(360deg);
- }
-}
-
-@keyframes spin {
- to {
- transform: rotate(360deg);
- }
-}
-
-@-webkit-keyframes ping {
- 75%, 100% {
- transform: scale(2);
- opacity: 0;
- }
-}
-
-@keyframes ping {
- 75%, 100% {
- transform: scale(2);
- opacity: 0;
- }
-}
-
-@-webkit-keyframes pulse {
- 50% {
- opacity: .5;
- }
-}
-
-@keyframes pulse {
- 50% {
- opacity: .5;
- }
-}
-
-@-webkit-keyframes bounce {
- 0%, 100% {
- transform: translateY(-25%);
- -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
- animation-timing-function: cubic-bezier(0.8,0,1,1);
- }
-
- 50% {
- transform: none;
- -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
- animation-timing-function: cubic-bezier(0,0,0.2,1);
- }
-}
-
-@keyframes bounce {
- 0%, 100% {
- transform: translateY(-25%);
- -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
- animation-timing-function: cubic-bezier(0.8,0,1,1);
- }
-
- 50% {
- transform: none;
- -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
- animation-timing-function: cubic-bezier(0,0,0.2,1);
- }
-}
-
-.animate-none {
- -webkit-animation: none;
- animation: none;
-}
-
-.animate-spin {
- -webkit-animation: spin 1s linear infinite;
- animation: spin 1s linear infinite;
-}
-
-.mix-blend-multiply {
- mix-blend-mode: multiply;
-}
-
-.mix-blend-saturation {
- mix-blend-mode: saturation;
-}
-
-.bg-blend-darken {
- background-blend-mode: darken;
-}
-
-.bg-blend-difference {
- background-blend-mode: difference;
-}
-
-.filter {
- --tw-blur: var(--tw-empty,/*!*/ /*!*/);
- --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
- --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
- --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
- --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
- --tw-invert: var(--tw-empty,/*!*/ /*!*/);
- --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
- --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
- --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-.filter-none {
- filter: none;
-}
-
-.blur-md {
- --tw-blur: blur(12px);
-}
-
-.brightness-150 {
- --tw-brightness: brightness(1.5);
-}
-
-.contrast-50 {
- --tw-contrast: contrast(.5);
-}
-
-.drop-shadow-md {
- --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
-}
-
-.grayscale {
- --tw-grayscale: grayscale(100%);
-}
-
-.hue-rotate-60 {
- --tw-hue-rotate: hue-rotate(60deg);
-}
-
-.invert {
- --tw-invert: invert(100%);
-}
-
-.saturate-200 {
- --tw-saturate: saturate(2);
-}
-
-.sepia {
- --tw-sepia: sepia(100%);
-}
-
-.backdrop-filter {
- --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
- --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
- --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
- --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
- --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
- --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
- --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
- --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
- --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-
-.backdrop-filter-none {
- -webkit-backdrop-filter: none;
- backdrop-filter: none;
-}
-
-.backdrop-blur-lg {
- --tw-backdrop-blur: blur(16px);
-}
-
-.backdrop-brightness-50 {
- --tw-backdrop-brightness: brightness(.5);
-}
-
-.backdrop-contrast-0 {
- --tw-backdrop-contrast: contrast(0);
-}
-
-.backdrop-grayscale {
- --tw-backdrop-grayscale: grayscale(100%);
-}
-
-.backdrop-hue-rotate-90 {
- --tw-backdrop-hue-rotate: hue-rotate(90deg);
-}
-
-.backdrop-invert {
- --tw-backdrop-invert: invert(100%);
-}
-
-.backdrop-opacity-75 {
- --tw-backdrop-opacity: opacity(0.75);
-}
-
-.backdrop-saturate-150 {
- --tw-backdrop-saturate: saturate(1.5);
-}
-
-.backdrop-sepia {
- --tw-backdrop-sepia: sepia(100%);
-}
-
-@media (min-width: 640px) {
- .sm\:container {
- width: 100%;
- }
-
- @media (min-width: 640px) {
- .sm\:container {
- max-width: 640px;
- }
- }
-
- @media (min-width: 768px) {
- .sm\:container {
- max-width: 768px;
- }
- }
-
- @media (min-width: 1024px) {
- .sm\:container {
- max-width: 1024px;
- }
- }
-
- @media (min-width: 1280px) {
- .sm\:container {
- max-width: 1280px;
- }
- }
-
- @media (min-width: 1536px) {
- .sm\:container {
- max-width: 1536px;
- }
- }
-
- .sm\:font-bold {
- font-weight: 700;
- }
-
- .sm\:px-6 {
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- }
-
- .sm\:shadow-md {
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- }
-
- .sm\:text-center {
- text-align: center;
- }
-
- .sm\:tabular-nums {
- --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
- --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
- --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
- --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
- --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
- font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
- }
-
- .sm\:tabular-nums {
- --tw-numeric-spacing: tabular-nums;
- }
-}
-
-@media (min-width: 768px) {
- .md\:container {
- width: 100%;
- }
-
- @media (min-width: 640px) {
- .md\:container {
- max-width: 640px;
- }
- }
-
- @media (min-width: 768px) {
- .md\:container {
- max-width: 768px;
- }
- }
-
- @media (min-width: 1024px) {
- .md\:container {
- max-width: 1024px;
- }
- }
-
- @media (min-width: 1280px) {
- .md\:container {
- max-width: 1280px;
- }
- }
-
- @media (min-width: 1536px) {
- .md\:container {
- max-width: 1536px;
- }
- }
-
- .md\:prose-lg {
- font-size: 1.125rem;
- line-height: 1.7777778;
- }
-
- .md\:prose-lg p {
- margin-top: 1.3333333em;
- margin-bottom: 1.3333333em;
- }
-
- .md\:prose-lg [class~="lead"] {
- font-size: 1.2222222em;
- line-height: 1.4545455;
- margin-top: 1.0909091em;
- margin-bottom: 1.0909091em;
- }
-
- .md\:prose-lg blockquote {
- margin-top: 1.6666667em;
- margin-bottom: 1.6666667em;
- padding-left: 1em;
- }
-
- .md\:prose-lg h1 {
- font-size: 2.6666667em;
- margin-top: 0;
- margin-bottom: 0.8333333em;
- line-height: 1;
- }
-
- .md\:prose-lg h2 {
- font-size: 1.6666667em;
- margin-top: 1.8666667em;
- margin-bottom: 1.0666667em;
- line-height: 1.3333333;
- }
-
- .md\:prose-lg h3 {
- font-size: 1.3333333em;
- margin-top: 1.6666667em;
- margin-bottom: 0.6666667em;
- line-height: 1.5;
- }
-
- .md\:prose-lg h4 {
- margin-top: 1.7777778em;
- margin-bottom: 0.4444444em;
- line-height: 1.5555556;
- }
-
- .md\:prose-lg img {
- margin-top: 1.7777778em;
- margin-bottom: 1.7777778em;
- }
-
- .md\:prose-lg video {
- margin-top: 1.7777778em;
- margin-bottom: 1.7777778em;
- }
-
- .md\:prose-lg figure {
- margin-top: 1.7777778em;
- margin-bottom: 1.7777778em;
- }
-
- .md\:prose-lg figure > * {
- margin-top: 0;
- margin-bottom: 0;
- }
-
- .md\:prose-lg figure figcaption {
- font-size: 0.8888889em;
- line-height: 1.5;
- margin-top: 1em;
- }
-
- .md\:prose-lg code {
- font-size: 0.8888889em;
- }
-
- .md\:prose-lg h2 code {
- font-size: 0.8666667em;
- }
-
- .md\:prose-lg h3 code {
- font-size: 0.875em;
- }
-
- .md\:prose-lg pre {
- font-size: 0.8888889em;
- line-height: 1.75;
- margin-top: 2em;
- margin-bottom: 2em;
- border-radius: 0.375rem;
- padding-top: 1em;
- padding-right: 1.5em;
- padding-bottom: 1em;
- padding-left: 1.5em;
- }
-
- .md\:prose-lg ol {
- margin-top: 1.3333333em;
- margin-bottom: 1.3333333em;
- }
-
- .md\:prose-lg ul {
- margin-top: 1.3333333em;
- margin-bottom: 1.3333333em;
- }
-
- .md\:prose-lg li {
- margin-top: 0.6666667em;
- margin-bottom: 0.6666667em;
- }
-
- .md\:prose-lg ol > li {
- padding-left: 1.6666667em;
- }
-
- .md\:prose-lg ol > li::before {
- left: 0;
- }
-
- .md\:prose-lg ul > li {
- padding-left: 1.6666667em;
- }
-
- .md\:prose-lg ul > li::before {
- width: 0.3333333em;
- height: 0.3333333em;
- top: calc(0.8888889em - 0.1666667em);
- left: 0.2222222em;
- }
-
- .md\:prose-lg > ul > li p {
- margin-top: 0.8888889em;
- margin-bottom: 0.8888889em;
- }
-
- .md\:prose-lg > ul > li > *:first-child {
- margin-top: 1.3333333em;
- }
-
- .md\:prose-lg > ul > li > *:last-child {
- margin-bottom: 1.3333333em;
- }
-
- .md\:prose-lg > ol > li > *:first-child {
- margin-top: 1.3333333em;
- }
-
- .md\:prose-lg > ol > li > *:last-child {
- margin-bottom: 1.3333333em;
- }
-
- .md\:prose-lg ul ul, .md\:prose-lg ul ol, .md\:prose-lg ol ul, .md\:prose-lg ol ol {
- margin-top: 0.8888889em;
- margin-bottom: 0.8888889em;
- }
-
- .md\:prose-lg hr {
- margin-top: 3.1111111em;
- margin-bottom: 3.1111111em;
- }
-
- .md\:prose-lg hr + * {
- margin-top: 0;
- }
-
- .md\:prose-lg h2 + * {
- margin-top: 0;
- }
-
- .md\:prose-lg h3 + * {
- margin-top: 0;
- }
-
- .md\:prose-lg h4 + * {
- margin-top: 0;
- }
-
- .md\:prose-lg table {
- font-size: 0.8888889em;
- line-height: 1.5;
- }
-
- .md\:prose-lg thead th {
- padding-right: 0.75em;
- padding-bottom: 0.75em;
- padding-left: 0.75em;
- }
-
- .md\:prose-lg thead th:first-child {
- padding-left: 0;
- }
-
- .md\:prose-lg thead th:last-child {
- padding-right: 0;
- }
-
- .md\:prose-lg tbody td {
- padding-top: 0.75em;
- padding-right: 0.75em;
- padding-bottom: 0.75em;
- padding-left: 0.75em;
- }
-
- .md\:prose-lg tbody td:first-child {
- padding-left: 0;
- }
-
- .md\:prose-lg tbody td:last-child {
- padding-right: 0;
- }
-
- .md\:prose-lg > :first-child {
- margin-top: 0;
- }
-
- .md\:prose-lg > :last-child {
- margin-bottom: 0;
- }
-
- .md\:font-bold {
- font-weight: 700;
- }
-
- .md\:opacity-50 {
- opacity: 0.5;
- }
-
- .md\:hover\:opacity-20:hover {
- opacity: 0.2;
- }
-
- .md\:shadow-sm {
- --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- }
-
- .md\:shadow-md {
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- }
-
- .md\:text-center {
- text-align: center;
- }
-}
-
-@media (min-width: 1024px) {
- .lg\:prose-lg {
- font-size: 1.125rem;
- line-height: 1.7777778;
- }
-
- .lg\:prose-lg p {
- margin-top: 1.3333333em;
- margin-bottom: 1.3333333em;
- }
-
- .lg\:prose-lg [class~="lead"] {
- font-size: 1.2222222em;
- line-height: 1.4545455;
- margin-top: 1.0909091em;
- margin-bottom: 1.0909091em;
- }
-
- .lg\:prose-lg blockquote {
- margin-top: 1.6666667em;
- margin-bottom: 1.6666667em;
- padding-left: 1em;
- }
-
- .lg\:prose-lg h1 {
- font-size: 2.6666667em;
- margin-top: 0;
- margin-bottom: 0.8333333em;
- line-height: 1;
- }
-
- .lg\:prose-lg h2 {
- font-size: 1.6666667em;
- margin-top: 1.8666667em;
- margin-bottom: 1.0666667em;
- line-height: 1.3333333;
- }
-
- .lg\:prose-lg h3 {
- font-size: 1.3333333em;
- margin-top: 1.6666667em;
- margin-bottom: 0.6666667em;
- line-height: 1.5;
- }
-
- .lg\:prose-lg h4 {
- margin-top: 1.7777778em;
- margin-bottom: 0.4444444em;
- line-height: 1.5555556;
- }
-
- .lg\:prose-lg img {
- margin-top: 1.7777778em;
- margin-bottom: 1.7777778em;
- }
-
- .lg\:prose-lg video {
- margin-top: 1.7777778em;
- margin-bottom: 1.7777778em;
- }
-
- .lg\:prose-lg figure {
- margin-top: 1.7777778em;
- margin-bottom: 1.7777778em;
- }
-
- .lg\:prose-lg figure > * {
- margin-top: 0;
- margin-bottom: 0;
- }
-
- .lg\:prose-lg figure figcaption {
- font-size: 0.8888889em;
- line-height: 1.5;
- margin-top: 1em;
- }
-
- .lg\:prose-lg code {
- font-size: 0.8888889em;
- }
-
- .lg\:prose-lg h2 code {
- font-size: 0.8666667em;
- }
-
- .lg\:prose-lg h3 code {
- font-size: 0.875em;
- }
-
- .lg\:prose-lg pre {
- font-size: 0.8888889em;
- line-height: 1.75;
- margin-top: 2em;
- margin-bottom: 2em;
- border-radius: 0.375rem;
- padding-top: 1em;
- padding-right: 1.5em;
- padding-bottom: 1em;
- padding-left: 1.5em;
- }
-
- .lg\:prose-lg ol {
- margin-top: 1.3333333em;
- margin-bottom: 1.3333333em;
- }
-
- .lg\:prose-lg ul {
- margin-top: 1.3333333em;
- margin-bottom: 1.3333333em;
- }
-
- .lg\:prose-lg li {
- margin-top: 0.6666667em;
- margin-bottom: 0.6666667em;
- }
-
- .lg\:prose-lg ol > li {
- padding-left: 1.6666667em;
- }
-
- .lg\:prose-lg ol > li::before {
- left: 0;
- }
-
- .lg\:prose-lg ul > li {
- padding-left: 1.6666667em;
- }
-
- .lg\:prose-lg ul > li::before {
- width: 0.3333333em;
- height: 0.3333333em;
- top: calc(0.8888889em - 0.1666667em);
- left: 0.2222222em;
- }
-
- .lg\:prose-lg > ul > li p {
- margin-top: 0.8888889em;
- margin-bottom: 0.8888889em;
- }
-
- .lg\:prose-lg > ul > li > *:first-child {
- margin-top: 1.3333333em;
- }
-
- .lg\:prose-lg > ul > li > *:last-child {
- margin-bottom: 1.3333333em;
- }
-
- .lg\:prose-lg > ol > li > *:first-child {
- margin-top: 1.3333333em;
- }
-
- .lg\:prose-lg > ol > li > *:last-child {
- margin-bottom: 1.3333333em;
- }
-
- .lg\:prose-lg ul ul, .lg\:prose-lg ul ol, .lg\:prose-lg ol ul, .lg\:prose-lg ol ol {
- margin-top: 0.8888889em;
- margin-bottom: 0.8888889em;
- }
-
- .lg\:prose-lg hr {
- margin-top: 3.1111111em;
- margin-bottom: 3.1111111em;
- }
-
- .lg\:prose-lg hr + * {
- margin-top: 0;
- }
-
- .lg\:prose-lg h2 + * {
- margin-top: 0;
- }
-
- .lg\:prose-lg h3 + * {
- margin-top: 0;
- }
-
- .lg\:prose-lg h4 + * {
- margin-top: 0;
- }
-
- .lg\:prose-lg table {
- font-size: 0.8888889em;
- line-height: 1.5;
- }
-
- .lg\:prose-lg thead th {
- padding-right: 0.75em;
- padding-bottom: 0.75em;
- padding-left: 0.75em;
- }
-
- .lg\:prose-lg thead th:first-child {
- padding-left: 0;
- }
-
- .lg\:prose-lg thead th:last-child {
- padding-right: 0;
- }
-
- .lg\:prose-lg tbody td {
- padding-top: 0.75em;
- padding-right: 0.75em;
- padding-bottom: 0.75em;
- padding-left: 0.75em;
- }
-
- .lg\:prose-lg tbody td:first-child {
- padding-left: 0;
- }
-
- .lg\:prose-lg tbody td:last-child {
- padding-right: 0;
- }
-
- .lg\:prose-lg > :first-child {
- margin-top: 0;
- }
-
- .lg\:prose-lg > :last-child {
- margin-bottom: 0;
- }
-
- .lg\:font-bold {
- font-weight: 700;
- }
-
- .lg\:px-8 {
- padding-left: 2rem;
- padding-right: 2rem;
- }
-
- .lg\:pb-8 {
- padding-bottom: 2rem;
- }
-
- .lg\:shadow-md {
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- }
-
- .lg\:text-center {
- text-align: center;
- }
-}
-
-@media (min-width: 1280px) {
- .xl\:prose-xl {
- font-size: 1.25rem;
- line-height: 1.8;
- }
-
- .xl\:prose-xl p {
- margin-top: 1.2em;
- margin-bottom: 1.2em;
- }
-
- .xl\:prose-xl [class~="lead"] {
- font-size: 1.2em;
- line-height: 1.5;
- margin-top: 1em;
- margin-bottom: 1em;
- }
-
- .xl\:prose-xl blockquote {
- margin-top: 1.6em;
- margin-bottom: 1.6em;
- padding-left: 1.0666667em;
- }
-
- .xl\:prose-xl h1 {
- font-size: 2.8em;
- margin-top: 0;
- margin-bottom: 0.8571429em;
- line-height: 1;
- }
-
- .xl\:prose-xl h2 {
- font-size: 1.8em;
- margin-top: 1.5555556em;
- margin-bottom: 0.8888889em;
- line-height: 1.1111111;
- }
-
- .xl\:prose-xl h3 {
- font-size: 1.5em;
- margin-top: 1.6em;
- margin-bottom: 0.6666667em;
- line-height: 1.3333333;
- }
-
- .xl\:prose-xl h4 {
- margin-top: 1.8em;
- margin-bottom: 0.6em;
- line-height: 1.6;
- }
-
- .xl\:prose-xl img {
- margin-top: 2em;
- margin-bottom: 2em;
- }
-
- .xl\:prose-xl video {
- margin-top: 2em;
- margin-bottom: 2em;
- }
-
- .xl\:prose-xl figure {
- margin-top: 2em;
- margin-bottom: 2em;
- }
-
- .xl\:prose-xl figure > * {
- margin-top: 0;
- margin-bottom: 0;
- }
-
- .xl\:prose-xl figure figcaption {
- font-size: 0.9em;
- line-height: 1.5555556;
- margin-top: 1em;
- }
-
- .xl\:prose-xl code {
- font-size: 0.9em;
- }
-
- .xl\:prose-xl h2 code {
- font-size: 0.8611111em;
- }
-
- .xl\:prose-xl h3 code {
- font-size: 0.9em;
- }
-
- .xl\:prose-xl pre {
- font-size: 0.9em;
- line-height: 1.7777778;
- margin-top: 2em;
- margin-bottom: 2em;
- border-radius: 0.5rem;
- padding-top: 1.1111111em;
- padding-right: 1.3333333em;
- padding-bottom: 1.1111111em;
- padding-left: 1.3333333em;
- }
-
- .xl\:prose-xl ol {
- margin-top: 1.2em;
- margin-bottom: 1.2em;
- }
-
- .xl\:prose-xl ul {
- margin-top: 1.2em;
- margin-bottom: 1.2em;
- }
-
- .xl\:prose-xl li {
- margin-top: 0.6em;
- margin-bottom: 0.6em;
- }
-
- .xl\:prose-xl ol > li {
- padding-left: 1.8em;
- }
-
- .xl\:prose-xl ol > li::before {
- left: 0;
- }
-
- .xl\:prose-xl ul > li {
- padding-left: 1.8em;
- }
-
- .xl\:prose-xl ul > li::before {
- width: 0.35em;
- height: 0.35em;
- top: calc(0.9em - 0.175em);
- left: 0.25em;
- }
-
- .xl\:prose-xl > ul > li p {
- margin-top: 0.8em;
- margin-bottom: 0.8em;
- }
-
- .xl\:prose-xl > ul > li > *:first-child {
- margin-top: 1.2em;
- }
-
- .xl\:prose-xl > ul > li > *:last-child {
- margin-bottom: 1.2em;
- }
-
- .xl\:prose-xl > ol > li > *:first-child {
- margin-top: 1.2em;
- }
-
- .xl\:prose-xl > ol > li > *:last-child {
- margin-bottom: 1.2em;
- }
-
- .xl\:prose-xl ul ul, .xl\:prose-xl ul ol, .xl\:prose-xl ol ul, .xl\:prose-xl ol ol {
- margin-top: 0.8em;
- margin-bottom: 0.8em;
- }
-
- .xl\:prose-xl hr {
- margin-top: 2.8em;
- margin-bottom: 2.8em;
- }
-
- .xl\:prose-xl hr + * {
- margin-top: 0;
- }
-
- .xl\:prose-xl h2 + * {
- margin-top: 0;
- }
-
- .xl\:prose-xl h3 + * {
- margin-top: 0;
- }
-
- .xl\:prose-xl h4 + * {
- margin-top: 0;
- }
-
- .xl\:prose-xl table {
- font-size: 0.9em;
- line-height: 1.5555556;
- }
-
- .xl\:prose-xl thead th {
- padding-right: 0.6666667em;
- padding-bottom: 0.8888889em;
- padding-left: 0.6666667em;
- }
-
- .xl\:prose-xl thead th:first-child {
- padding-left: 0;
- }
-
- .xl\:prose-xl thead th:last-child {
- padding-right: 0;
- }
-
- .xl\:prose-xl tbody td {
- padding-top: 0.8888889em;
- padding-right: 0.6666667em;
- padding-bottom: 0.8888889em;
- padding-left: 0.6666667em;
- }
-
- .xl\:prose-xl tbody td:first-child {
- padding-left: 0;
- }
-
- .xl\:prose-xl tbody td:last-child {
- padding-right: 0;
- }
-
- .xl\:prose-xl > :first-child {
- margin-top: 0;
- }
-
- .xl\:prose-xl > :last-child {
- margin-bottom: 0;
- }
-
- .xl\:shadow-md {
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- }
-}
-
-@media (min-width: 1536px) {
- .\32xl\:shadow-md {
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
- }
-}
diff --git a/justfile b/justfile
index 0051722..5211546 100644
--- a/justfile
+++ b/justfile
@@ -1,5 +1,3 @@
-TAILWIND_CSS_VERSION := "2.1.1"
-
@_default:
just --list
@@ -18,18 +16,5 @@ TAILWIND_CSS_VERSION := "2.1.1"
modd --file=modd.conf
bundle exec jekyll serve --drafts --watch --port 8000
-@static:
- JEKYLL_ENV=production \
- npx -p tailwindcss@{{TAILWIND_CSS_VERSION}} tailwindcss build \
- ./src/style.css \
- --config ./tailwind.config.js \
- --output ./assets/style.css
-
- npx -p tailwindcss@{{TAILWIND_CSS_VERSION}} tailwindcss build \
- ./src/style.css \
- --config ./tailwind.config.js \
- --output ./assets/development.css \
- -w
-
@toc:
npx doctoc README.md
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index 33ad091..0000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
- plugins: {
- tailwindcss: {},
- autoprefixer: {},
- },
-}
diff --git a/src/style.css b/src/style.css
deleted file mode 100644
index 7f39374..0000000
--- a/src/style.css
+++ /dev/null
@@ -1,5 +0,0 @@
-@tailwind base;
-
-@tailwind components;
-
-@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 0324592..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,22 +0,0 @@
-module.exports = {
- // mode: 'jit',
- future: {
- removeDeprecatedGapUtilities: true,
- purgeLayersByDefault: true,
- },
- purge: {
- enabled: process.env.JEKYLL_ENV == "production",
- mode: 'all',
- content: [
- '**/*.html'
- ],
- },
- plugins: [
- require("@tailwindcss/typography"),
- require("tailwindcss-debug-screens"),
- ],
- theme: {
- extend: {},
- },
- variants: {},
-}