Skip to content

Commit

Permalink
update index
Browse files Browse the repository at this point in the history
  • Loading branch information
@dzhou121
dzhou121 committed Apr 16, 2024
1 parent fef6148 commit 5205f95
Show file tree
Hide file tree
Showing 4 changed files with 237 additions and 22 deletions.
163 changes: 143 additions & 20 deletions docs/static/styles/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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;
Expand All @@ -755,8 +763,8 @@ video {
display: grid;
}

.hidden {
display: none;
.h-16 {
height: 4rem;
}

.h-\[100vh\] {
Expand All @@ -767,10 +775,6 @@ video {
height: 64px;
}

.h-16 {
height: 4rem;
}

.min-h-\[calc\(100vh-64px\)\] {
min-height: calc(100vh - 64px);
}
Expand All @@ -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%;
}
Expand Down Expand Up @@ -827,6 +859,10 @@ video {
flex-direction: column;
}

.items-end {
align-items: flex-end;
}

.items-center {
align-items: center;
}
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -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;
}
Expand All @@ -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));
Expand Down Expand Up @@ -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) {
Expand Down Expand Up @@ -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;
}
Expand Down
6 changes: 4 additions & 2 deletions docs/templates/base.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,15 +11,17 @@
</head>

<body>
{% block header %}
<header class="w-full border-b flex flex-row h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:z-10 dark:shadow-light/1 bg-white dark:bg-dark">
<div class="container mx-auto gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between px-4 sm:px-6 md:px-8 page-full-width:max-w-full">
<a class="group/headerlogo flex-1 flex flex-row items-center shrink-0" href="/docs">
<a class="group/headerlogo flex-1 flex flex-row items-center shrink-0" href="/">
<h1 class="text-pretty line-clamp-3 leading-[1.1] tracking-tight max-w-[18ch] lg:max-w-[24ch] lg:text-lg/tight font-semibold ms-3 text-dark dark:text-light">
Tiron Docs
Tiron
</h1>
</a>
</div>
</header>
{% endblock %}
<section class="section">
<div class="container mx-auto">
{% block content %} {% endblock %}
Expand Down
12 changes: 12 additions & 0 deletions docs/templates/docs/section.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,16 @@
{% extends "base.html" %}

{% block header %}
<header class="w-full border-b flex flex-row h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:z-10 dark:shadow-light/1 bg-white dark:bg-dark">
<div class="container mx-auto gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between px-4 sm:px-6 md:px-8 page-full-width:max-w-full">
<a class="group/headerlogo flex-1 flex flex-row items-center shrink-0" href="/docs">
<h1 class="text-pretty line-clamp-3 leading-[1.1] tracking-tight max-w-[18ch] lg:max-w-[24ch] lg:text-lg/tight font-semibold ms-3 text-dark dark:text-light">
Tiron Docs
</h1>
</a>
</div>
</header>
{% endblock %}

{% block content %}
<div class="flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]">
Expand Down
78 changes: 78 additions & 0 deletions docs/templates/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
{% extends "base.html" %}

{% block content %}
<section class="container mx-auto px-4 py-12 flex flex-col lg:flex-row lg:px-12">
<div class="w-full flex flex-col lg:w-1/3">
<div class="w-full mb-8">
<h1 class="text-4xl font-bold mb-4">Reasonable Automation Engine</h1>
<p class="text-lg">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.</p>
</div>
<div class="w-full mb-8 flex flex-col">
<pre class="flex flex-col text-sm">
<code class="flex flex-row">
<span style="color:#A626A4">use </span>
<span style="color:#986801">"jobs/job.tr" </span>
<span>{ </span>
</code>
<code class="flex flex-row">
<span style="color:#A626A4"> job </span>
<span style="color:#986801">"job1" </span>
<span>{}</span>
</code>
<code class="flex flex-row">
<span>} </span>
</code>
<code class="flex flex-row">
<span style="color:#A626A4">group </span>
<span style="color:#986801">"production" </span>
<span>{ </span>
</code>
<code class="flex flex-row">
<span style="color:#A626A4"> host </span>
<span style="color:#986801">"machine1" </span>
<span>{}</span>
</code>
<code class="flex flex-row">
<span>} </span>
</code>
<code class="flex flex-row">
<span style="color:#A626A4">run </span>
<span style="color:#986801">"production" </span>
<span>{</span>
</code>
<code class="flex flex-row">
<span style="color:#A626A4"> action </span>
<span style="color:#4078F2">"copy" </span>
<span>{</span>
</code>
<code class="flex flex-row">
<span style="color:#A626A4"> params </span>
<span>{</span>
</code>
<code class="flex flex-row">
<span style="color:#E45649"> src</span>
<span> = </span>
<span style="color:#50A14F">"src_file"</span>
</code>
<code class="flex flex-row">
<span style="color:#E45649"> dest</span>
<span> = </span>
<span style="color:#50A14F">"/tmp/dest_path"</span>
</code>
<code class="flex flex-row">
<span> }</span>
</code>
<code class="flex flex-row">
<span> }</span>
</code>
<code class="flex flex-row">
<span>}</span>
</code>
</pre>
</div>
</div>
<div class="flex flex-col items-center w-full lg:w-2/3">
<img class="w-full" src="https://github.com/lapce/tiron/assets/1169480/0c53b83e-901b-410e-afc3-3a4aa4917b93">
</div>
</section>
{% endblock %}

0 comments on commit 5205f95

Please sign in to comment.