index

Author: jpsca

docs/assets/css/base.css

@@ -845,12 +845,6 @@ html.cs-dark .highlight {
   padding-top: 0.1em;
 }
 
-.page__content h1,
-.page__content h2,
-.page__content h3 {
-  font-family: var(--font-family-mono);
-}
-
 .page__content h1,
 .page__content h2 {
   text-shadow: 1px 1px 0 rgb(255 255 255 / 50%);

docs/assets/css/index.css docs/assets/css/custom.cssdocs/assets/css/index.css renamed to docs/assets/css/custom.css

@@ -1,3 +1,9 @@
+.page__content h1,
+.page__content h2,
+.page__content h3 {
+  font-family: var(--font-family-mono);
+}
+
 .page-index {
   background-image: linear-gradient(rgba(var(--rgb-base), 0.4) 4px, transparent 4px);
   background-size: 8px 8px;
@@ -28,7 +34,7 @@
       }
 
       @media (min-width: 64rem) {
-        padding: 4rem;
+        padding: 4rem 4rem 0;
 
         h1 { font-size: 3rem; }
         h2 { font-size: 2rem; }
@@ -102,18 +108,22 @@
   .btn-start {
     display: block;
     width: fit-content;
-    margin: 5rem auto 3rem;
+    margin: 3rem auto;
     text-decoration: none;
     font-family: monospace;
     font-weight: 700;
     background: var(--color-white);
-    padding: 0.75rem 1.5rem;
+    padding: 1rem 2rem;
     border: 2px solid var(--color-accent);
     border-radius: 8px;
     line-height: 1;
     text-align: center;
     cursor: pointer;
     transition: all var(--transition-slow);
+
+    @media (max-width: 36rem) {
+      width: 100%;
+    }
   }
   .btn-start:hover {
     background: var(--color-gray);

docs/assets/css/nested-form-demo.css

@@ -3,7 +3,7 @@
   border: 1px solid rgba(226, 232, 240, 0.5);
   padding: 1.5rem;
   line-height: 1.4;
-  margin: 2rem auto;
+  margin: 1rem auto;
   width: 100%;
   max-width: 48rem;
   background: var(--color-base);

docs/content/index.md

@@ -7,6 +7,7 @@ title: Formidable
   method="post"
   data-controller="nested-form"
   novalidate
+  markdown="0"
 >
   <h2>Nested Forms</h2>
 
@@ -38,6 +39,7 @@ title: Formidable
   </div>
 </form>
 
+[Get started! »](/docs/){.btn-start}
 
 ## Features
 
@@ -91,7 +93,7 @@ However, in the world of Python web frameworks there is a problem: web forms had
 That's why I built **Formidable**, a library that, although small, can handle all the advanced scenarios like subforms, dynamic nested forms, custom validators, translatable messages, integration with any ORM and template system, and more. I hope you enjoy it.
 
 
-[Get started!](/docs/){.btn-start}
+[Get started! »](/docs/){.btn-start}
 
 
 ## Contributing Back

docs/views/layout.jinja

@@ -16,8 +16,8 @@
 
 <script src="/assets/js/color-scheme.js"></script>
 <link rel="stylesheet" href="/assets/css/base.css" />
-<link rel="stylesheet" href="/assets/css/index.css" />
 <link rel="stylesheet" href="/assets/css/layout.css" />
+<link rel="stylesheet" href="/assets/css/custom.css" />
 <link rel="stylesheet" href="/assets/css/nested-form-demo.css" />
 
 <Metadata />