[#12] Update links to wiki and docs from homepage. (#15)

* Update links to wiki and docs. Co-authored-by: Adi Roiban <[email protected]>
twisted · Jun 23, 2022 · a51a864 · a51a864
1 parent 1c82961
commit a51a864
Show file tree

Hide file tree

Showing 4 changed files with 235 additions and 69 deletions.
diff --git a/README.md b/README.md
@@ -5,12 +5,18 @@ Link to [twisted.github.io](https://twisted.github.io).
 ## Tools used
 
 This project is using [Tailwind v3](https://tailwindcss.com/docs/) in the
-**404.html** page.
+*404.html* page.
 Use the `tw-` prefix with Tailwind CSS classes.
 
 Node/npm is required to update the */build/css/tailwind.css* file.
+
 Use this command when developing for the CSS file to be updated automatically
 with your Tailwind classes:
-`npm run dev`
+```
+npm run dev
+```
+
 To minify the file run:
-`npm run build`
+```
+npm run build
+```
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -30,15 +30,12 @@ body {
 .logo {
   height: 80px;
 }
-.display-4 {
-  font-weight: 600;
-}
 section {
   padding: 6rem 0;
 }
 .ribbon {
   position: absolute;
-  top: 105px;
+  top: 107px;
   right: 0;
 }
 .bd-clipboard {
@@ -126,11 +123,17 @@ pre code.hljs {
   background-color: #388659;
   border-color: #388659;
 }
-.btn-primary:hover {
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:not(:disabled):not(.disabled):active {
   color: #fff;
   background-color: #2d6b47;
   border-color: #296241;
 }
+.btn-primary:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus {
+  box-shadow:  0 0 0.2rem 0.2rem rgb(45 107 71 / 50%)
+}
 .btn {
   font-weight: 600;
 }

diff --git a/build/css/tailwind.css b/build/css/tailwind.css
@@ -42,7 +42,7 @@
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:
+  --tw-backdrop-sepia:  
 }
 
 ::-webkit-backdrop {
@@ -89,7 +89,7 @@
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:
+  --tw-backdrop-sepia:  
 }
 
 ::backdrop {
@@ -136,7 +136,7 @@
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:
+  --tw-backdrop-sepia:  
 }
 
 .tw-m-0 {
@@ -211,4 +211,4 @@
 .tw-dark .dark\:tw-text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity))
-}
+}