From c6848a60e4910a382ae68407a1dd94d8105dd24b Mon Sep 17 00:00:00 2001
From: Deepansh Srivastava <deepansh2012@gmail.com>
Date: Fri, 26 Feb 2021 13:11:57 -0500
Subject: [PATCH 1/3] docs style update.

---
 .pre-commit-config.yaml     |  21 +++--
 docs/_static/style.css      | 172 ++++++++++++++++++------------------
 docs/_templates/layout.html |   4 +-
 docs/conf.py                |  79 ++++-------------
 docs/requirements.rst       |   4 +-
 environment-dev.yml         |   4 +-
 requirements-dev.txt        |   4 +-
 7 files changed, 121 insertions(+), 167 deletions(-)

diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 65f8f84de..6d50c516b 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -1,28 +1,26 @@
 default_language_version:
-  python: python3.7
+  python: python
 default_stages: [commit, push, manual]
 repos:
   - repo: https://github.com/ambv/black
-    rev: stable
+    rev: 20.8b1
     hooks:
       - id: black
         name: black
         entry: black
-        language_version: python3.7
         require_serial: true
         types: [python]
         files: \.pyi?$
 
   - repo: https://github.com/asottile/blacken-docs
-    rev: v1.0.0
+    rev: v1.9.2
     hooks:
       - id: blacken-docs
         additional_dependencies: [black==19.3b0]
         language: python
-        language_version: python3.7
 
   - repo: https://github.com/pre-commit/pre-commit-hooks
-    rev: v1.2.3
+    rev: v3.4.0
     hooks:
       - id: check-yaml
         language: python
@@ -32,8 +30,6 @@ repos:
         language: python
       - id: check-docstring-first
         language: python
-      - id: flake8
-        language: python
       - id: end-of-file-fixer
         language: python
         exclude: docs/notebooks/
@@ -46,8 +42,15 @@ repos:
         entry: debug-statement-hook
         language: python
         types: [python]
+
+  - repo: https://gitlab.com/pycqa/flake8
+    rev: "6de8252c035844f1e679f509b5f37340b44d5c39"
+    hooks:
+      - id: flake8
+        language: python
+
   - repo: https://github.com/asottile/reorder_python_imports
-    rev: v1.4.0
+    rev: v2.4.0
     hooks:
       - id: reorder-python-imports
         name: Reorder python imports
diff --git a/docs/_static/style.css b/docs/_static/style.css
index ab7a20c5e..6dae3fb6e 100755
--- a/docs/_static/style.css
+++ b/docs/_static/style.css
@@ -113,6 +113,12 @@ img.sphx-glr-single-img:hover,
   padding-right: 3.5em;
 }
 
+table thead,
+table tbody,
+table caption,
+table colgroup {
+  width: 100%;
+}
 table caption:hover {
   position: relative;
   color: gray;
@@ -148,7 +154,7 @@ table caption:hover {
   width: auto;
 }
 .highlighttable .code {
-  max-width: 100%;
+  width: 100%;
 }
 .highlighttable .linenos {
   width: auto;
@@ -179,30 +185,30 @@ table caption:hover {
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.7);
 }
 
-#content-wrapper {
+/* #content-wrapper {
   margin-left: var(--max-sidebar-width);
   box-sizing: border-box;
   width: calc(100% - var(--max-sidebar-width));
   min-height: 100%;
   padding-bottom: 0;
   margin-bottom: 0;
-}
+} */
 
 /* sidebar */
-#sidebar-wrapper {
-  position: fixed;
-  top: 3.5em;
-  bottom: 0;
-  left: 0;
-  height: calc(100% - 3.5em);
-  width: var(--max-sidebar-width);
-  padding: 0;
-  background-color: #333333;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  z-index: 50;
-}
-
+/* #sidebar-wrapper { */
+/* position: fixed; */
+/* top: 3.5em; */
+/* bottom: 0; */
+/* left: 0; */
+/* height: calc(100% - 3.5em); */
+/* width: var(--max-sidebar-width); */
+/* padding: 0; */
+/* background-color: #333333; */
+/* overflow-x: hidden; */
+/* overflow-y: hidden; */
+/* z-index: 50; */
+/* } */
+/*
 .sidebar.hidden-xs {
   position: relative;
   overflow-x: hidden;
@@ -210,32 +216,39 @@ table caption:hover {
   width: calc(100% + 16px);
   height: calc(100% - 2em);
   padding-top: 1em;
-  /* margin-bottom: 2em; */
   box-sizing: border-box;
   padding-bottom: 0.5em;
+} */
+.bd-sidebar {
+  background: #f1f1f1;
 }
 
+.bd-sidebar .logo {
+  filter: invert(1);
+  max-width: 100%;
+  height: auto;
+}
 /* logo */
-.sidebar > .logo {
+/* .sidebar > .logo {
   margin: auto;
-  /* padding: 1em; */
+  padding: 1em;
   padding-right: 16px;
   width: 100%;
   max-width: 275px;
   padding-bottom: 1em;
   padding-top: 1em;
-  /* padding-left: 0.5em;
-  padding-right: 1.5em; */
-}
+  padding-left: 0.5em;
+  padding-right: 1.5em;
+  background-color: #333333;
+} */
 
 /* searchbar */
-#searchbox > h3,
+/* #searchbox > h3,
 #searchbox > p {
   display: none;
-}
+} */
 
-#searchbox {
-  /* box-sizing: border-box; */
+/* #searchbox {
   display: flex;
   justify-content: space-around;
   padding-right: 16px;
@@ -246,14 +259,14 @@ table caption:hover {
   width: 30vw;
   padding-left: 24px;
   padding-right: 24px;
-}
-.sidebar.hidden-xs > h3 {
+} */
+/* .sidebar.hidden-xs > h3 {
   display: none;
-}
-.toctree-wrapper.compound > p.caption {
+} */
+/* .toctree-wrapper.compound > p.caption {
   display: none;
-}
-.sidebar.hidden-xs > p.caption {
+} */
+/* .sidebar.hidden-xs > p.caption {
   padding-left: 24px;
   padding-top: 2px;
   padding-bottom: 2px;
@@ -261,38 +274,39 @@ table caption:hover {
   font-weight: 400;
   color: #6e6e6e;
   margin: 10px 0 0;
-}
-.sidebar.hidden-xs > ul {
+} */
+/* .sidebar.hidden-xs > ul {
   padding: 0;
 }
 .sidebar.hidden-xs > ul:last-child {
   padding-bottom: 1em;
   margin-bottom: 1em;
-}
-
-.sidebar.hidden-xs > h3 > a,
-.sidebar.hidden-xs > div > h3 {
+} */
+/* .bd-sidebar.hidden-xs > h3 > a,
+.bd-sidebar.hidden-xs > div > h3 {
   display: block;
   padding-left: 24px;
   color: white;
   text-decoration: none;
-}
-.sidebar > ul > li > a > code {
+} */
+/* .bd-links p {
   color: white;
 }
-.sidebar > ul > li.current > a > code {
-  color: #c7254e;
+.bd-links ul li {
+  color: #d3d3d3;
 }
-.sidebar > ul > li:hover {
-  background-color: rgb(66, 66, 66);
+.bd-links ul li.current {
+  color: white;
 }
+.bd-links ul li:hover {
+  background-color: #777777;
+} */
 
-.sidebar > ul > li.current,
-.sidebar > ul > li.current:hover {
+/* .bd-sidebar > ul > li.current,
+.bd-sidebar > ul > li.current:hover {
   background-color: rgb(255, 255, 255);
 }
-
-.sidebar > ul > li > a {
+.bd-sidebar > ul > li > a {
   display: block;
   padding-top: 0.15em;
   padding-bottom: 0.15em;
@@ -302,32 +316,22 @@ table caption:hover {
   text-decoration: none;
   cursor: pointer;
 }
-
-/* selected list item header */
-.sidebar > ul > li.current > a {
+.bd-sidebar > ul > li.current > a {
   color: black;
   font-weight: 500;
 }
-
-/* selected list item's sub-list */
-.sidebar > ul > li.current > ul {
+.bd-sidebar > ul > li.current > ul {
   padding: 0;
 }
-
-/* selected list item's sub-list items */
-.sidebar > ul > li.current > ul > li {
+.bd-sidebar > ul > li.current > ul > li {
   list-style: none;
   background-color: rgb(235, 235, 235);
   color: gray;
 }
-
-/* selected list item's sub-list's item on hover */
-.sidebar > ul > li.current > ul > li:hover {
+.bd-sidebar > ul > li.current > ul > li:hover {
   background-color: rgb(214, 214, 214);
 }
-
-/* selected list item's sub-list's item a tags */
-.sidebar > ul > li.current > ul > li > a {
+.bd-sidebar > ul > li.current > ul > li > a {
   display: block;
   padding-left: 48px;
   padding-right: 48px;
@@ -337,11 +341,10 @@ table caption:hover {
   text-decoration: none;
   cursor: pointer;
 }
-/* selected list item's sub-list's item selected a tags */
-.sidebar > ul > li.current > ul > li > a.current {
+.bd-sidebar > ul > li.current > ul > li > a.current {
   color: black;
   font-weight: 500;
-}
+} */
 
 ul.this-page-menu {
   padding-left: 0;
@@ -358,22 +361,19 @@ ul.this-page-menu a {
 
 /* footer */
 footer {
-  margin-left: calc(var(--max-sidebar-width) + 0.6em);
+  /* margin-left: calc(var(--max-sidebar-width) + 0.6em); */
   box-sizing: border-box;
-  min-height: 100%;
-  /* width: calc(75% - 0.35em); */
-  width: calc(100% - var(--max-sidebar-width) - 0.55em);
-  max-width: 900px;
-  padding-left: 2em;
-  padding-right: 2em;
-  padding-top: 1.5em;
-  padding-bottom: 2.25em;
+  /* min-height: 100%; */
+  /* width: calc(100% - var(--max-sidebar-width) - 0.55em); */
+  /* margin-left: -1.1em;
+  padding-right: 1.1em; */
+  padding-bottom: 0.1em;
   color: whitesmoke;
   background-color: #333333;
   box-shadow: 0 0 30px 0 rgb(128, 128, 128, 0.3);
 }
 
-footer .flex {
+/* footer .flex {
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -389,7 +389,7 @@ footer a:visited {
 footer a:hover,
 footer a:active {
   color: rgb(255, 205, 164);
-}
+} */
 
 table:not([class]):not([id]) {
   display: flex;
@@ -449,11 +449,11 @@ tr td {
     max-width: 992px;
   }
 
-  footer {
+  /* footer {
     width: calc(100vw - 2em);
     margin-left: 0;
     max-width: 992px;
-  }
+  } */
   #content-wrapper {
     margin: 0;
     width: 100%;
@@ -464,19 +464,19 @@ tr td {
     max-width: 992px;
   }
 
-  #sidebar-wrapper {
+  /* #sidebar-wrapper {
     display: none;
-  }
+  } */
 }
 
 @media screen and (max-width: 650px) {
-  #content-wrapper {
+  /* #content-wrapper {
     padding: 0;
-  }
-  footer {
+  } */
+  /* footer {
     margin-left: -15px;
     width: calc(100% + 30px);
-  }
+  } */
   table:not([class]):not([id]) {
     width: 100%;
   }
diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
index fd228adc7..bd6073dbb 100644
--- a/docs/_templates/layout.html
+++ b/docs/_templates/layout.html
@@ -12,7 +12,7 @@
 
 {%- block footer %}
 <footer class="footer">
-  <p class="flex">
+  <!-- <p class="flex">
     {%- if edit_on_github %}
     <a href="{{ edit_on_github }}">{{ edit_on_github_page_message }}</a> &nbsp;
     {%- endif %}
@@ -44,7 +44,7 @@
     {% trans last_updated=last_updated|e %} Last built {{ last_updated }}. {% endtrans %}
     <br />
     {%- endif %}
-  </p>
+  </p> -->
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-JBH6ETN31Z"></script>
diff --git a/docs/conf.py b/docs/conf.py
index 8b609b841..42336a31c 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -62,7 +62,7 @@
     "sphinx_copybutton",
     # "sphinxcontrib.bibtex",
     "breathe",
-    "sphinxjp.themes.basicstrap",
+    "sphinx_book_theme",
     "sphinx_gallery.gen_gallery",
     "sphinx.ext.intersphinx",
     "sphinx_tabs.tabs",
@@ -213,13 +213,8 @@
 
 # Tell sphinx what the primary language being documented is.
 primary_domain = "py"
-
-# Tell sphinx what the pygments highlight language should be.
 highlight_language = "c"
 
-# Add any paths that contain templates here, relative to this directory.
-templates_path = ["_templates"]
-
 # The suffix(es) of source filenames.
 # You can specify multiple suffix as a list of string:
 #
@@ -246,7 +241,7 @@
 exclude_patterns = ["_build", "Thumbs.db", ".DS_Store", "**.ipynb_checkpoints"]
 
 # The name of the Pygments (syntax highlighting) style to use.
-pygments_style = None
+pygments_style = "default"
 
 
 # -- Options for HTML output -------------------------------------------------
@@ -256,75 +251,31 @@
 #
 # Some html_theme options are 'alabaster', 'bootstrap', 'sphinx_rtd_theme',
 # 'classic', 'basicstrap'
-html_theme = "basicstrap"
+html_theme = "sphinx_book_theme"
 
 # Theme options are theme-specific and customize the look and feel of a theme
 # further.  For a list of options available for each theme, see the
 # documentation.
 #
 html_theme_options = {
-    # Set the lang attribute of the html tag. Defaults to 'en'
-    "lang": "en",
-    # Disable showing the sidebar. Defaults to 'false'
-    "nosidebar": False,
-    # Show header searchbox. Defaults to false. works only "nosidebar=True",
-    "header_searchbox": False,
-    # Put the sidebar on the right side. Defaults to false.
-    "rightsidebar": False,
-    # Set the width of the sidebar. Defaults to 3
-    "sidebar_span": 3,
-    # Fix navbar to top of screen. Defaults to true
-    "nav_fixed_top": True,
-    # Fix the width of the sidebar. Defaults to false
-    "nav_fixed": True,
-    # Set the width of the sidebar. Defaults to '900px'
-    "nav_width": "300px",
-    # Fix the width of the content area. Defaults to false
-    "content_fixed": False,
-    # Set the width of the content area. Defaults to '900px'
-    "content_width": "900px",
-    # Fix the width of the row. Defaults to false
-    "row_fixed": False,
-    # Disable the responsive design. Defaults to false
-    "noresponsive": False,
-    # Disable the responsive footer relbar. Defaults to false
-    "noresponsiverelbar": False,
-    # Disable flat design. Defaults to false.
-    # Works only "bootstrap_version = 3"
-    "noflatdesign": False,
-    # Enable Google Web Font. Defaults to false
-    # "googlewebfont": True,
-    # Set the URL of Google Web Font's CSS.
-    # Defaults to 'http://fonts.googleapis.com/css?family=Text+Me+One'
-    # "googlewebfont_url": "http://fonts.googleapis.com/css?family=Roboto+Script+One",  # NOQA
-    # Set the Style of Google Web Font's CSS.
-    # Defaults to "font-family: 'Text Me One', sans-serif;"
-    "googlewebfont_style": "font-family: Helvetica",
-    # Set 'navbar-inverse' attribute to header navbar. Defaults to false.
-    "header_inverse": True,
-    # Set 'navbar-inverse' attribute to relbar navbar. Defaults to false.
-    "relbar_inverse": False,
-    # Enable inner theme by Bootswatch. Defaults to false
-    "inner_theme": False,
-    # Set the name of inner theme. Defaults to 'bootswatch-simplex'
-    # "inner_theme_name": "bootswatch-Yeti",
-    # Select Twitter bootstrap version 2 or 3. Defaults to '3'
-    "bootstrap_version": "3",
-    # Show "theme preview" button in header navbar. Defaults to false.
-    "theme_preview": False,
+    "repository_url": "https://github.com/DeepanshS/mrsimulator",
+    "use_repository_button": True,
+    "use_issues_button": True,
+    "use_download_button": True,
+    "launch_buttons": {
+        "notebook_interface": "jupyterlab",
+        "binderhub_url": "https://mybinder.org",
+        "colab_url": "https://colab.research.google.com",
+    },
 }
 
-html_style = "style.css"
-html_title = f"mrsimulator:doc v{__version__}"
+
+# html_style = "style.css"
+html_title = ""
 html_logo = "_static/mrsimulator.png"
 html_favicon = "_static/favicon.ico"
 html_last_updated_fmt = ""
 
-html_sidebars = {
-    "**": ["searchbox.html", "globaltoc.html"],
-    "using/windows": ["searchbox.html", "windowssidebar.html"],
-}
-
 # Add any paths that contain custom static files (such as style sheets) here,
 # relative to this directory. They are copied after the builtin static files,
 # so a file named "default.css" will overwrite the builtin "default.css".
diff --git a/docs/requirements.rst b/docs/requirements.rst
index 0d589fe90..ba3c4f846 100644
--- a/docs/requirements.rst
+++ b/docs/requirements.rst
@@ -25,6 +25,6 @@ Package dependencies
 - pytest>=4.5.0 for unit tests.
 - pre-commit for code formatting
 - sphinx>=2.0 for generating the documentation
-- sphinxjp.themes.basicstrap for documentation.
-- breathe==4.23 for generating C documentation
+- sphinx-book-theme for documentation.
+- breathe==4.26 for generating C documentation
 - sphinx-copybutton
diff --git a/environment-dev.yml b/environment-dev.yml
index 9c8d2a286..8b60273b8 100644
--- a/environment-dev.yml
+++ b/environment-dev.yml
@@ -27,11 +27,11 @@ dependencies:
       - sympy
       # building docs
       - sphinx>=2.0
-      - sphinxjp.themes.basicstrap
+      - sphinx-book-theme
       - sphinx-copybutton>=0.2.12
       - sphinx-gallery>0.6.2
       - pillow>=7.1.2
-      - breathe==4.23
+      - breathe==4.26
       - sphinx-tabs>=1.1.13
       - recommonmark
       - sphinx-version-warning
diff --git a/requirements-dev.txt b/requirements-dev.txt
index e1adfcbf4..f64edad26 100644
--- a/requirements-dev.txt
+++ b/requirements-dev.txt
@@ -23,11 +23,11 @@ pytest>=5.3
 pytest-cov
 
 # Building Docs requirements
-sphinxjp.themes.basicstrap
+sphinx-book-theme
 sphinx>=2.0
 sphinx-gallery>0.6.2
 pillow>=7.1.2
-breathe==4.23
+breathe==4.26
 sphinx_copybutton>=0.3.0
 sphinx-tabs>=1.1.13
 recommonmark

From 275d23955683aa43bea190605b6f51ee929a40b6 Mon Sep 17 00:00:00 2001
From: Deepansh Srivastava <deepansh2012@gmail.com>
Date: Sun, 7 Nov 2021 17:16:43 -0500
Subject: [PATCH 2/3] theme update

---
 docs/_static/style.css      | 263 +-----------------------------------
 docs/_templates/layout.html |  65 ---------
 docs/conf.py                |   2 +-
 docs/index.rst              |   4 +-
 fitting_source/README.rst   |   6 +-
 5 files changed, 11 insertions(+), 329 deletions(-)
 delete mode 100644 docs/_templates/layout.html

diff --git a/docs/_static/style.css b/docs/_static/style.css
index 94c291364..985909dcc 100755
--- a/docs/_static/style.css
+++ b/docs/_static/style.css
@@ -1,55 +1,21 @@
 :root {
-  --max-sidebar-width: 30%;
+  --max-sidebar-width: 35%;
 }
 body {
-  padding-top: 4em;
+  padding-top: 3em;
   padding-bottom: 0;
 }
 
-h1 {
-  font-size: 2.2em;
-  font-weight: 700;
-  padding: 0 0 0.3em;
-  border-bottom: 1px solid silver;
-  margin-bottom: 0.8em;
-}
-
-h2 {
-  font-size: 1.6em;
-  font-weight: 500;
-  color: #70360f;
-  border-bottom: 1px solid silver;
-  margin: 1.25em 0 0.6em;
-  padding: 8px 0;
-  /* border-radius: 8px; */
-  /* box-shadow: 0 0 1px 0 #4e4e4e57; */
-  /* background-color: #e7e7f3; */
-}
-
 .output_html.output_result h2 {
   font-size: 1.2em;
-  color: #663d3d;
 }
 
 h3 {
-  font-size: 1.3em;
   text-decoration: underline;
-  color: #3f3f3f;
 }
 
 h4 {
   margin-top: 1.4em;
-  font-size: 1.2em;
-  color: #663d3d;
-}
-
-h5 {
-  font-size: 1.1em;
-  color: #353535;
-}
-
-h6 {
-  font-size: 1em;
 }
 
 pre {
@@ -118,6 +84,9 @@ img.sphx-glr-single-img:hover,
   padding-right: 3.5em;
 }
 
+table {
+  display: contents;
+}
 table thead,
 table tbody,
 table caption,
@@ -190,40 +159,6 @@ table caption:hover {
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.7);
 }
 
-/* #content-wrapper {
-  margin-left: var(--max-sidebar-width);
-  box-sizing: border-box;
-  width: calc(100% - var(--max-sidebar-width));
-  min-height: 100%;
-  padding-bottom: 0;
-  margin-bottom: 0;
-} */
-
-/* sidebar */
-/* #sidebar-wrapper { */
-/* position: fixed; */
-/* top: 3.5em; */
-/* bottom: 0; */
-/* left: 0; */
-/* height: calc(100% - 3.5em); */
-/* width: var(--max-sidebar-width); */
-/* padding: 0; */
-/* background-color: #333333; */
-/* overflow-x: hidden; */
-/* overflow-y: hidden; */
-/* z-index: 50; */
-/* } */
-/*
-.sidebar.hidden-xs {
-  position: relative;
-  overflow-x: hidden;
-  overflow-y: scroll;
-  width: calc(100% + 16px);
-  height: calc(100% - 2em);
-  padding-top: 1em;
-  box-sizing: border-box;
-  padding-bottom: 0.5em;
-} */
 .bd-sidebar {
   background: #f1f1f1;
 }
@@ -233,123 +168,6 @@ table caption:hover {
   max-width: 100%;
   height: auto;
 }
-/* logo */
-/* .sidebar > .logo {
-  margin: auto;
-  padding: 1em;
-  padding-right: 16px;
-  width: 100%;
-  max-width: 275px;
-  padding-bottom: 1em;
-  padding-top: 1em;
-  padding-left: 0.5em;
-  padding-right: 1.5em;
-  background-color: #333333;
-} */
-
-/* searchbar */
-/* #searchbox > h3,
-#searchbox > p {
-  display: none;
-} */
-
-/* #searchbox {
-  display: flex;
-  justify-content: space-around;
-  padding-right: 16px;
-}
-
-.search.form-inline > .input-append.input-group {
-  display: flex;
-  width: 30vw;
-  padding-left: 24px;
-  padding-right: 24px;
-} */
-/* .sidebar.hidden-xs > h3 {
-  display: none;
-} */
-/* .toctree-wrapper.compound > p.caption {
-  display: none;
-} */
-/* .sidebar.hidden-xs > p.caption {
-  padding-left: 24px;
-  padding-top: 2px;
-  padding-bottom: 2px;
-  font-size: 1.11em;
-  font-weight: 400;
-  color: #6e6e6e;
-  margin: 10px 0 0;
-} */
-/* .sidebar.hidden-xs > ul {
-  padding: 0;
-}
-.sidebar.hidden-xs > ul:last-child {
-  padding-bottom: 1em;
-  margin-bottom: 1em;
-} */
-/* .bd-sidebar.hidden-xs > h3 > a,
-.bd-sidebar.hidden-xs > div > h3 {
-  display: block;
-  padding-left: 24px;
-  color: white;
-  text-decoration: none;
-} */
-/* .bd-links p {
-  color: white;
-}
-.bd-links ul li {
-  color: #d3d3d3;
-}
-.bd-links ul li.current {
-  color: white;
-}
-.bd-links ul li:hover {
-  background-color: #777777;
-} */
-
-/* .bd-sidebar > ul > li.current,
-.bd-sidebar > ul > li.current:hover {
-  background-color: rgb(255, 255, 255);
-}
-.bd-sidebar > ul > li > a {
-  display: block;
-  padding-top: 0.15em;
-  padding-bottom: 0.15em;
-  padding-left: 24px;
-  padding-right: 24px;
-  color: rgb(209, 209, 209);
-  text-decoration: none;
-  cursor: pointer;
-}
-.bd-sidebar > ul > li.current > a {
-  color: black;
-  font-weight: 500;
-}
-.bd-sidebar > ul > li.current > ul {
-  padding: 0;
-}
-.bd-sidebar > ul > li.current > ul > li {
-  list-style: none;
-  background-color: rgb(235, 235, 235);
-  color: gray;
-}
-.bd-sidebar > ul > li.current > ul > li:hover {
-  background-color: rgb(214, 214, 214);
-}
-.bd-sidebar > ul > li.current > ul > li > a {
-  display: block;
-  padding-left: 48px;
-  padding-right: 48px;
-  padding-top: 0.1em;
-  padding-bottom: 0.1em;
-  color: rgb(58, 58, 58);
-  text-decoration: none;
-  cursor: pointer;
-}
-.bd-sidebar > ul > li.current > ul > li > a.current {
-  color: black;
-  font-weight: 500;
-} */
 
 ul.this-page-menu {
   padding-left: 0;
@@ -364,38 +182,6 @@ ul.this-page-menu a {
   display: none;
 }
 
-/* footer */
-footer {
-  /* margin-left: calc(var(--max-sidebar-width) + 0.6em); */
-  box-sizing: border-box;
-  /* min-height: 100%; */
-  /* width: calc(100% - var(--max-sidebar-width) - 0.55em); */
-  /* margin-left: -1.1em;
-  padding-right: 1.1em; */
-  padding-bottom: 0.1em;
-  color: whitesmoke;
-  background-color: #333333;
-  box-shadow: 0 0 30px 0 rgb(128, 128, 128, 0.3);
-}
-
-/* footer .flex {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: 0.5em;
-}
-footer .flex a {
-  text-decoration: none;
-}
-footer a,
-footer a:visited {
-  color: rgb(255, 166, 94);
-}
-footer a:hover,
-footer a:active {
-  color: rgb(255, 205, 164);
-} */
-
 table:not([class]):not([id]) {
   display: block;
   font-size: small;
@@ -429,31 +215,12 @@ tr td {
   background-blend-mode: soft-light, screen;
 }
 
-/* @media screen and (max-width: 1300px) {
-  #sidebar-wrapper {
-    width: 30%;
-  }
-  #content-wrapper {
-    margin-left: 30%;
-    width: 70%;
-  }
-  .bodywrapper > .body {
-    width: calc(70vw - 2em);
-    max-width: 992px;
-  }
-} */
-
 @media screen and (max-width: 992px) {
   .bodywrapper > .body {
     width: calc(100vw - 2em);
     max-width: 992px;
   }
 
-  /* footer {
-    width: calc(100vw - 2em);
-    margin-left: 0;
-    max-width: 992px;
-  } */
   #content-wrapper {
     margin: 0;
     width: 100%;
@@ -463,20 +230,9 @@ tr td {
     width: 100%;
     max-width: 992px;
   }
-
-  /* #sidebar-wrapper {
-    display: none;
-  } */
 }
 
 @media screen and (max-width: 650px) {
-  /* #content-wrapper {
-    padding: 0;
-  } */
-  /* footer {
-    margin-left: -15px;
-    width: calc(100% + 30px);
-  } */
   table:not([class]):not([id]) {
     width: 100%;
   }
@@ -504,12 +260,6 @@ tr td {
   align-items: center;
   justify-content: center;
 }
-/* .sim-gallery a:first-child {
-  background-color: #ffeeee;
-}
-.sim-gallery a:last-child {
-  background-color: #e5f6fd;
-} */
 .sim-gallery div {
   display: block;
   justify-content: center;
@@ -517,7 +267,6 @@ tr td {
   padding: 1em;
   border-radius: 0.5em;
   border: 1px solid silver;
-  /* cursor: pointer; */
   box-shadow: 0 0 15px 0 #3b3b3b8a;
 }
 .sim-gallery div:first-child p {
@@ -535,8 +284,6 @@ tr td {
   background-size: 170px 160px;
 }
 .sim-gallery a {
-  /* margin: 1em; */
-  /* padding: 3em 1.5em; */
   text-decoration: none;
   font-size: 1.2em;
   text-align: center;
diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
deleted file mode 100644
index 09b3a8db7..000000000
--- a/docs/_templates/layout.html
+++ /dev/null
@@ -1,65 +0,0 @@
-{% extends "!layout.html" %}
-
-{# Add the google webfonts needed for the logo #}
-{% block extrahead %}
-<meta property="og:image" content="https://repository-images.githubusercontent.com/179185241/91e60680-c139-11eb-97de-d8b2deb04dc9" />
-<meta property="og:image:alt" content="A fast solid-state NMR spectrum simulation and analysis library." />
-<meta property="og::title" content="Welcome to mrsimulator Documentation" />
-<meta name="twitter:image:src" content="https://repository-images.githubusercontent.com/179185241/91e60680-c139-11eb-97de-d8b2deb04dc9"/>
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:title" content="Welcome to mrsimulator Documentation" />
-<meta name="twitter:description" content="A fast solid-state NMR spectrum simulation and analysis library." />
-<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,600" rel="stylesheet" type="text/css" />
-{% endblock %}
-
-{# Silence the bottom relbar. #}
-{% block relbar2 %} {% endblock %}
-
-{%- block footer %}
-<footer class="footer">
-  <!-- <p class="flex">
-    {%- if edit_on_github %}
-    <a href="{{ edit_on_github }}">{{ edit_on_github_page_message }}</a> &nbsp;
-    {%- endif %}
-    {%- if show_source and has_source and sourcename %}
-    <a href="{{ pathto('_sources/' + sourcename, true)|e }}" rel="nofollow">{{ _('Page Source') }}</a>
-    {%- endif %} &nbsp;
-    <a href="#">Back to Top</a>
-  </p>
-  <p>
-    {%- if show_copyright %}
-    {%- if hasdoc('copyright') %}
-    {% trans path=pathto('copyright'), copyright=copyright|e %}&copy;
-    <a href="{{ path }}">Copyright</a> {{ copyright }}.
-    {% endtrans %}
-    <br />
-    {%- else %}
-    {% trans copyright=copyright|e %}&copy; Copyright {{ copyright }}. {% endtrans %}
-    <br />
-    {%- endif %}
-    {%- endif %}
-
-    {%- if show_sphinx %}
-    {% trans sphinx_version=sphinx_version|e %}
-    Created using <a href="http://www.sphinx-doc.org/en/stable/">Sphinx</a> {{ sphinx_version }}.
-    {% endtrans %} &nbsp;
-    {%- endif %}
-
-    {%- if last_updated %}
-    {% trans last_updated=last_updated|e %} Last built {{ last_updated }}. {% endtrans %}
-    <br />
-    {%- endif %}
-  </p> -->
-
-  <!-- Global site tag (gtag.js) - Google Analytics -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=G-JBH6ETN31Z"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag() { dataLayer.push(arguments); }
-    gtag('js', new Date());
-
-    gtag('config', 'G-JBH6ETN31Z');
-  </script>
-</footer>
-
-{%- endblock %}
diff --git a/docs/conf.py b/docs/conf.py
index 168e0dfe3..13ddd37e6 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -296,7 +296,7 @@
 
 # html_style = "style.css"
 html_title = ""  # f"mrsimulator:docs v{__version__}"
-html_logo = "_static/mrsimulator.png"
+html_logo = "_static/mrsimulator_logo.png"
 html_favicon = "_static/favicon.ico"
 html_last_updated_fmt = ""
 
diff --git a/docs/index.rst b/docs/index.rst
index 8ba30da26..92b1ed697 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -94,13 +94,13 @@ amorphous materials.
           <div>
             <a href="examples/index.html">Gallery
               <p></p>
-              Simulation Examples
+              Simulation
             </a>
           </div>
           <div>
             <a href="fitting/index.html">Gallery
               <p></p>
-              <a href="fitting/index.html">Fitting Examples
+              <a href="fitting/index.html">OLS Fitting
             </a>
           </div>
         </div>
diff --git a/fitting_source/README.rst b/fitting_source/README.rst
index 45b05fe91..8304071b3 100644
--- a/fitting_source/README.rst
+++ b/fitting_source/README.rst
@@ -1,8 +1,8 @@
 .. _fitting_examples:
 
-================================
-Fitting Examples (Least Squares)
-================================
+=========================================
+Fitting Examples (Ordinary Least Squares)
+=========================================
 
 The ``mrsimulator`` library is easily integrable with other python-based libraries.
 In the following examples, we illustrate the use of LMFIT non-linear least-squares

From fe7dc8466466e9130bbeea9cf1c9b4c689af3e86 Mon Sep 17 00:00:00 2001
From: Deepansh Srivastava <deepansh2012@gmail.com>
Date: Sat, 12 Mar 2022 18:35:51 -0500
Subject: [PATCH 3/3] add sphinx_book_theme to docs requirements.

---
 docs/requirements.txt | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/requirements.txt b/docs/requirements.txt
index d21a1781a..1e1844627 100644
--- a/docs/requirements.txt
+++ b/docs/requirements.txt
@@ -12,7 +12,7 @@ joblib>=1.0.0
 cython>=0.29.11
 
 # Building Docs requirements
-sphinxjp.themes.basicstrap
+sphinx_book_theme
 sphinx>=2.0
 sphinx-gallery>0.6.2
 pillow>=7.1.2