diff --git a/docs/static/styles/styles.css b/docs/static/styles/styles.css index abc9281..2debefa 100644 --- a/docs/static/styles/styles.css +++ b/docs/static/styles/styles.css @@ -711,22 +711,18 @@ video { position: sticky; } -.-top-4 { - top: -1rem; -} - .top-0 { top: 0px; } -.z-\[1\] { - z-index: 1; -} - .z-10 { z-index: 10; } +.z-\[1\] { + z-index: 1; +} + .mx-auto { margin-left: auto; margin-right: auto; @@ -736,6 +732,18 @@ video { margin-inline-start: 0.75rem; } +.mb-2 { + margin-bottom: 0.5rem; +} + +.mb-4 { + margin-bottom: 1rem; +} + +.mb-8 { + margin-bottom: 2rem; +} + .line-clamp-3 { overflow: hidden; display: -webkit-box; @@ -755,8 +763,8 @@ video { display: grid; } -.hidden { - display: none; +.h-16 { + height: 4rem; } .h-\[100vh\] { @@ -767,10 +775,6 @@ video { height: 64px; } -.h-16 { - height: 4rem; -} - .min-h-\[calc\(100vh-64px\)\] { min-height: calc(100vh - 64px); } @@ -779,14 +783,42 @@ video { width: 100%; } -.max-w-screen-2xl { - max-width: 1536px; +.w-\[64rem\] { + width: 64rem; +} + +.w-\[32rem\] { + width: 32rem; +} + +.w-\[36rem\] { + width: 36rem; +} + +.w-\[40rem\] { + width: 40rem; +} + +.w-\[50rem\] { + width: 50rem; +} + +.w-2\/3 { + width: 66.666667%; +} + +.w-1\/3 { + width: 33.333333%; } .max-w-\[18ch\] { max-width: 18ch; } +.max-w-screen-2xl { + max-width: 1536px; +} + .flex-1 { flex: 1 1 0%; } @@ -827,6 +859,10 @@ video { flex-direction: column; } +.items-end { + align-items: flex-end; +} + .items-center { align-items: center; } @@ -909,6 +945,16 @@ video { padding-bottom: 2rem; } +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} + +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} + .pb-1 { padding-bottom: 0.25rem; } @@ -947,6 +993,21 @@ video { line-height: 1.25rem; } +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + .font-bold { font-weight: 700; } @@ -967,14 +1028,14 @@ video { line-height: 1.1; } -.tracking-wide { - letter-spacing: 0.025em; -} - .tracking-tight { letter-spacing: -0.025em; } +.tracking-wide { + letter-spacing: 0.025em; +} + .text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); @@ -1029,10 +1090,52 @@ video { } @media (min-width: 768px) { + .md\:mb-0 { + margin-bottom: 0px; + } + + .md\:w-1\/2 { + width: 50%; + } + + .md\:flex-row { + flex-direction: row; + } + + .md\:flex-col { + flex-direction: column; + } + + .md\:items-end { + align-items: flex-end; + } + .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } + + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .md\:pr-6 { + padding-right: 1.5rem; + } + + .md\:pr-12 { + padding-right: 3rem; + } + + .md\:pl-12 { + padding-left: 3rem; + } } @media (min-width: 1024px) { @@ -1060,6 +1163,26 @@ video { height: calc(100vh - 4rem); } + .lg\:w-1\/2 { + width: 50%; + } + + .lg\:w-96 { + width: 24rem; + } + + .lg\:w-full { + width: 100%; + } + + .lg\:w-1\/3 { + width: 33.333333%; + } + + .lg\:w-2\/3 { + width: 66.666667%; + } + .lg\:max-w-\[24ch\] { max-width: 24ch; } diff --git a/docs/templates/base.html b/docs/templates/base.html index 552431f..639cfbf 100644 --- a/docs/templates/base.html +++ b/docs/templates/base.html @@ -11,15 +11,17 @@
+ {% block header %}Tiron is an automation tool that's easy to use and aims to be as fast as possible. It’s agentless by using SSH and has a TUI for the outputs of the tasks.
++++ use + "jobs/job.tr" + { +
++ job + "job1" + {} +
++ } +
++ group + "production" + { +
++ host + "machine1" + {} +
++ } +
++ run + "production" + { +
++ action + "copy" + { +
++ params + { +
++ src + = + "src_file" +
++ dest + = + "/tmp/dest_path" +
++ } +
++ } +
++ } +
+