Fix: force to main

Fix: force to main

Fix: main

Fix: update for final page review

Fix: remove dated image

Author: lwasser

_static/pyos.css

@@ -52,33 +52,28 @@ html, body {
 
 html, body {
     font-size: 1.02rem;
-    font-family: 'Poppins', sans-serif!important;
 }
 
 body p {
 }
 
 .admonition {
-    margin-top: 40px;
-    margin-bottom: 40px;
-}
-
-h2, h3, h4 {
-    font-family: 'Poppins', sans-serif!important;
+    margin-top: 60px!important;
+    margin-bottom: 70px!important;
 }
 
 h1 {
     margin-top: 10px;
     margin-bottom: 40px;
-    font-family: 'Itim'!important;
-    color: #542568;
+    font-family: var(--pyos-font-family-h1) !important;
+    color: var(--pyos-h1-color);
 }
 h2 {
     margin-top: 1em;
 }
 
 h3 {
-    margin-top: 40px}
+    margin-top: 60px}
 
 figcaption .caption-text {
     text-align: left!important;
@@ -96,7 +91,176 @@ figcaption {
 
 
 .admonition p {
-    font-size: 1em;
+    font-size: .9em;
+}
+
+/* Navbar */
+/*
+Don't fill all vertical space beneath TOC, which causes
+readthedocs version selector to fall off the page and the
+ugly scrollbar to show all the time
+*/
+.bd-sidebar-primary .sidebar-primary-items__end {
+  margin-bottom: unset;
+  margin-top: unset;
+}
+
+/* Tutorial block page */
+.left-div {
+    background-color: #3498db;
+    color: #fff;
+    text-align: center;
+    padding: 20px;
+    width: 35%;
+    border-radius: 10px;
+}
+
+.right-div {
+    margin-top: 10px;
+}
+
+.lesson-div {
+    cursor: pointer;
+    transition: background-color 0.3s;
+    margin-bottom: 10px;
+    padding: 10px;
+    border-radius: 5px;
+    text-align: center;
+    color: #333;
+}
+
+.lesson-div a {
+    color: inherit;
+    text-decoration: none;
+    display: block;
+    height: 100%;
+    width: 100%;
+}
+
+.lesson-div:hover {
+    background-color: #ccc;
+}
+
+/* Different colors and their shades */
+.lesson-div:nth-child(1) {
+    background-color: #216A6B;
+    color: #fff;
+}
+
+.lesson-div:nth-child(2) {
+    background-color: #6D597A;
+    color: #fff;
+}
+
+.lesson-div:nth-child(3) {
+    background-color: #B56576;
+    color: #fff;
+}
+
+.lesson-div:nth-child(4) {
+    background-color: #3A8C8E; /* Shade of #216A6B */
+}
+
+.lesson-div:nth-child(5) {
+    background-color: #8F7B8D; /* Shade of #6D597A */
+}
+
+.lesson-div:nth-child(6) {
+    background-color: #D78287; /* Shade of #B56576 */
+}
+
+.lesson-div:nth-child(7) {
+    background-color: #185355; /* Darker shade of #216A6B */
+    color: #fff;
+}
+
+
+
+html[data-theme=light] {
+    --pst-color-primary: var(--pyos-color-primary);
+    --pst-color-primary-text: #fff;
+    --pst-color-primary-highlight: #053f49;
+    --sd-color-primary: var(--pst-color-primary);
+    --sd-color-primary-text: var(--pst-color-primary-text);
+    --sd-color-primary-highlight: var(--pst-color-primary-highlight);
+    --sd-color-primary-bg: #d0ecf1;
+    --sd-color-primary-bg-text: #14181e;
+    --pst-color-secondary: var(--pyos-color-secondary);
+    --pst-color-secondary-text: #fff;
+    --pst-color-secondary-highlight: var(--pyos-color-secondary-highlight);
+    --sd-color-secondary: var(--pst-color-secondary);
+    --sd-color-secondary-text: var(--pst-color-secondary-text);
+    --sd-color-secondary-highlight: var(--pst-color-secondary-highlight);
+    --sd-color-secondary-bg: #e0c7ff;
+    --sd-color-secondary-bg-text: #14181e;
+    --pst-color-success: #00843f;
+    --pst-color-success-text: #fff;
+    --pst-color-success-highlight: #00381a;
+    --sd-color-success: var(--pst-color-success);
+    --sd-color-success-text: var(--pst-color-success-text);
+    --sd-color-success-highlight: var(--pst-color-success-highlight);
+    --sd-color-success-bg: #d6ece1;
+    --sd-color-success-bg-text: #14181e;
+    --pst-color-info: #A66C98; /* general admonition */
+    --pst-color-info-bg: #eac8e2;
+    --pst-heading-color: var(--pyos-color-dark);
+    --pyos-h1-color: var(--pyos-color-dark);
+}
+
+html[data-theme=dark] {
+    --pst-color-primary: var(--pyos-dm-color-primary);
+    --pst-color-link: var(--pyos-color-light);
+    --pst-color-link-hover: var(--pyos-dm-color-primary);
+    --pyos-h1-color: var(--pyos-color-light);
+}
+
+
+/* -------------------------------------- */
+/* Generated by https://gwfh.mranftl.com/ */
+
+/* poppins-regular - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 400;
+  src: url('./fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* poppins-italic - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Poppins';
+  font-style: italic;
+  font-weight: 400;
+  src: url('./fonts/poppins-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* poppins-700 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 700;
+  src: url('./fonts/poppins-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* poppins-700italic - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Poppins';
+  font-style: italic;
+  font-weight: 700;
+  src: url('./fonts/poppins-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* itim-regular - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Itim';
+  font-style: normal;
+  font-weight: 400;
+  src: url('./fonts/itim-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
 /* poppins-500 - latin */

_templates/header.html

@@ -0,0 +1,11 @@
+# Continuous Integration and Data for your package
+
+
+:::{toctree}
+:hidden:
+:caption: CI & Data
+
+
+What is CI?  <ci.md>
+Data  <data.md>
+:::