Dark mode logo

.pre-commit-config.yaml

@@ -19,7 +19,7 @@ repos:
         always_run: true
         require_serial: true
   - repo: https://github.com/pre-commit/pre-commit-hooks
-    rev: v4.5.0
+    rev: v4.6.0
     hooks:
       - id: check-added-large-files
         args:
@@ -57,7 +57,7 @@ repos:
       - id: yamllint
         exclude: tests/optimization/fixtures
   - repo: https://github.com/psf/black
-    rev: 24.3.0
+    rev: 24.4.2
     hooks:
       - id: black
         language_version: python3.10
@@ -79,7 +79,7 @@ repos:
           - --blank
         exclude: src/estimagic/optimization/algo_options.py
   - repo: https://github.com/astral-sh/ruff-pre-commit
-    rev: v0.3.5
+    rev: v0.4.3
     hooks:
       - id: ruff
   - repo: https://github.com/nbQA-dev/nbQA

docs/rtd_environment.yml

@@ -13,10 +13,12 @@ dependencies:
   - sphinxcontrib-bibtex
   - sphinx-copybutton
   - sphinx-panels
+  - sphinx-design
   - ipython
   - ipython_genutils
   - myst-nb
   - pydata-sphinx-theme
+  - furo
   - pybaum
   - matplotlib
   - seaborn

docs/source/_static/css/custom.css

@@ -3,218 +3,35 @@ div.prompt {
   display: none;
 }
 
-/* Getting started index page */
 
-
-.intro-card .card-text {
-  margin: 20px 0px;
-}
-
-
-.card-title {
-  margin-top: 0.25rem;
-}
-
-div#index-container {
-  padding-bottom: 20px;
-}
-
-a#index-link {
-  color: #333;
-  text-decoration: none;
-}
-
-/* reference to user guide */
-.gs-torefguide {
-  align-items: center;
-  font-size: 0.9rem;
-}
-
-.gs-torefguide .badge {
-  background-color: #130654;
-  margin: 10px 10px 10px 0px;
-  padding: 5px;
-}
-
-.gs-torefguide a {
-  margin-left: 5px;
-  color: #130654;
-  border-bottom: 1px solid #FFCA00f3;
-  box-shadow: 0px -10px 0px #FFCA00f3 inset;
-}
-
-.gs-torefguide p {
-  margin-top: 1rem;
-}
-
-.gs-torefguide a:hover {
-  margin-left: 5px;
-  color: grey;
-  text-decoration: none;
-  border-bottom: 1px solid #b2ff80f3;
-  box-shadow: 0px -10px 0px #b2ff80f3 inset;
-}
-
-/* selecting constraints guide */
-.intro-card {
-  background: #fff;
-  border-radius: 0;
-  padding: 20px 5px 5px 0px;
-  margin: 10px 0px;
-  max-height: 85%;
-}
-
-
-
-.intro-card .card-text {
-  margin: 20px 0px;
-  /*min-height: 150px; */
-}
-
-.intro-card .card-img-top {
-  margin: 0px;
-}
-
-.install-block {
-  padding-bottom: 30px;
-}
-
-.install-card .card-header {
-  border: none;
-  background-color: white;
-  color: #150458;
-  font-size: 1.1rem;
-  font-weight: bold;
-  padding: 1rem 1rem 0rem 1rem;
-}
-
-.install-card .card-footer {
-  border: none;
-  background-color: white;
-}
-
-.install-card pre {
-  margin: 0 1em 1em 1em;
+/* Classes for the index page. */
+.index-card-image {
+    padding-top: 1rem;
+    height: 68px;
+    text-align: center;
 }
 
-.custom-button {
-  background-color: #DCDCDC;
-  border: none;
-  color: #484848;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  font-size: 0.9rem;
-  border-radius: 0.5rem;
-  max-width: 120px;
-  padding: 0.5rem 0rem;
-}
-
-.custom-button a {
-  color: #484848;
-}
-
-.custom-button p {
-  margin-top: 0;
-  margin-bottom: 0rem;
-  color: #484848;
-}
-
-/* selecting constraints guide collapsed cards */
-
-.tutorial-accordion {
-  margin-top: 20px;
-  margin-bottom: 20px;
-}
-
-.tutorial-card .card-header.card-link .btn {
-  margin-right: 12px;
-}
-
-.tutorial-card .card-header.card-link .btn:after {
-  content: "-";
-}
-
-.tutorial-card .card-header.card-link.collapsed .btn:after {
-  content: "+";
-}
-
-.tutorial-card-header-1 {
-  justify-content: space-between;
-  align-items: center;
-}
-
-.tutorial-card-header-2 {
-  justify-content: flex-start;
-  align-items: center;
-  font-size: 1.3rem;
-}
-
-.tutorial-card .card-header {
-  cursor: pointer;
-  background-color: white;
-}
-
-.tutorial-card .card-body {
-  background-color: #F0F0F0;
-}
-
-.tutorial-card .badge:hover {
-  background-color: grey;
-}
-
-/* tables in selecting constraints guide */
-
-table.rows th {
-  background-color: #F0F0F0;
-  border-style: solid solid solid solid;
-  border-width: 0px 0px 0px 0px;
-  border-color: #F0F0F0;
-  text-align: center;
-}
-
-table.rows tr:nth-child(even) {
-  background-color: #F0F0F0;
-  text-align: right;
-}
-
-table.rows tr:nth-child(odd) {
-  background-color: #FFFFFF;
-  text-align: right;
-}
-
-
-/* reduce size of dropdown boxes and change color */
-
-/* Title text attributes */
-details.dropdown .summary-title {
-  font-weight: bold !important;
-  font-family: var(--pst-font-family-monospace) !important;
+.index-card-link {
+    color: var(--sd-color-card-text);
+    font-weight: bold;
 }
 
-/* Space of box around the text */
-details.dropdown summary {
-  padding: 0.4rem !important;
+pre {
+  padding-left: 20px
 }
 
-/* Vertical spacing of arrow */
-details.dropdown .summary-up,
-details.dropdown .summary-down {
-  top: 0.5em !important;
+li pre {
+  padding-left: 20px
 }
 
-/* Vertical space between dropdown boxes */
-.mb-3,
-.my-3 {
-  margin-bottom: 0.2rem !important;
+.highlight {
+    background: #f5f5f5
 }
 
-/* Background color of dropdown boxes */
-.card {
-  background-color: white !important;
+.highlight button.copybtn{
+    background-color: #f5f5f5;
 }
 
-/* Color of inline code */
-:root {
-  --pst-color-inline-code: 160, 4, 4 !important;
+.highlight button.copybtn:hover {
+    background-color: #f5f5f5;
 }

docs/source/_static/css/termynal.css

@@ -0,0 +1,110 @@
+/**
+ * termynal.js
+ *
+ * @author Ines Montani <[email protected]>
+ * @version 0.0.1
+ * @license MIT
+ */
+
+:root {
+    --color-bg: #0c0c0c;
+    --color-text: #f2f2f2;
+    --color-text-subtle: #a2a2a2;
+}
+
+[data-termynal] {
+    width: 750px;
+    max-width: 100%;
+    background: var(--color-bg);
+    color: var(--color-text);
+    /* font-size: 18px; */
+    font-size: 15px;
+    /* font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; */
+    font-family: 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
+    border-radius: 4px;
+    padding: 75px 45px 35px;
+    position: relative;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    line-height: 1.2;
+}
+
+[data-termynal]:before {
+    content: '';
+    position: absolute;
+    top: 15px;
+    left: 15px;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    border-radius: 50%;
+    /* A little hack to display the window buttons in one pseudo element. */
+    background: #d9515d;
+    -webkit-box-shadow: 25px 0 0 #f4c025, 50px 0 0 #3ec930;
+            box-shadow: 25px 0 0 #f4c025, 50px 0 0 #3ec930;
+}
+
+[data-termynal]:after {
+    content: 'bash';
+    position: absolute;
+    color: var(--color-text-subtle);
+    top: 5px;
+    left: 0;
+    width: 100%;
+    text-align: center;
+}
+
+a[data-terminal-control] {
+    text-align: right;
+    display: block;
+    color: #aebbff;
+}
+
+[data-ty] {
+    display: block;
+    line-height: 2;
+}
+
+[data-ty]:before {
+    /* Set up defaults and ensure empty lines are displayed. */
+    content: '';
+    display: inline-block;
+    vertical-align: middle;
+}
+
+[data-ty="input"]:before,
+[data-ty-prompt]:before {
+    margin-right: 0.75em;
+    color: var(--color-text-subtle);
+}
+
+[data-ty="input"]:before {
+    content: '$';
+}
+
+[data-ty][data-ty-prompt]:before {
+    content: attr(data-ty-prompt);
+}
+
+[data-ty-cursor]:after {
+    content: attr(data-ty-cursor);
+    font-family: monospace;
+    margin-left: 0.5em;
+    -webkit-animation: blink 1s infinite;
+            animation: blink 1s infinite;
+}
+
+
+/* Cursor animation */
+
+@-webkit-keyframes blink {
+    50% {
+        opacity: 0;
+    }
+}
+
+@keyframes blink {
+    50% {
+        opacity: 0;
+    }
+}