diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
index 8dc0c12..25e9d12 100644
--- a/.github/workflows/docs.yml
+++ b/.github/workflows/docs.yml
@@ -6,6 +6,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
       - name: Setup Python
         uses: actions/setup-python@v2
         with:
diff --git a/.gitignore b/.gitignore
index 4d1dce6..9e7341e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,6 +9,7 @@
 .history
 .svn/
 /site/
+.venv/
 
 # IntelliJ related
 *.iml
diff --git a/assets/simulations/BubbleSortDark.png b/assets/simulations/BubbleSortDark.png
deleted file mode 100644
index 1c354a9..0000000
Binary files a/assets/simulations/BubbleSortDark.png and /dev/null differ
diff --git a/assets/simulations/BubbleSortLight.png b/assets/simulations/BubbleSortLight.png
deleted file mode 100644
index 797190c..0000000
Binary files a/assets/simulations/BubbleSortLight.png and /dev/null differ
diff --git a/assets/simulations/Epicycloid.png b/assets/simulations/Epicycloid.png
deleted file mode 100644
index 46dcec1..0000000
Binary files a/assets/simulations/Epicycloid.png and /dev/null differ
diff --git a/assets/simulations/Epicycloid1Dark.png b/assets/simulations/Epicycloid1Dark.png
deleted file mode 100644
index ca0a515..0000000
Binary files a/assets/simulations/Epicycloid1Dark.png and /dev/null differ
diff --git a/assets/simulations/Epicycloid1Light.png b/assets/simulations/Epicycloid1Light.png
deleted file mode 100644
index d542b2d..0000000
Binary files a/assets/simulations/Epicycloid1Light.png and /dev/null differ
diff --git a/assets/simulations/EpicycloidDark.png b/assets/simulations/EpicycloidDark.png
deleted file mode 100644
index eada572..0000000
Binary files a/assets/simulations/EpicycloidDark.png and /dev/null differ
diff --git a/assets/simulations/FourierSeriesDark.png b/assets/simulations/FourierSeriesDark.png
deleted file mode 100644
index fe9ca5e..0000000
Binary files a/assets/simulations/FourierSeriesDark.png and /dev/null differ
diff --git a/assets/simulations/FourierSeriesLight.png b/assets/simulations/FourierSeriesLight.png
deleted file mode 100644
index a566f22..0000000
Binary files a/assets/simulations/FourierSeriesLight.png and /dev/null differ
diff --git a/assets/simulations/InsertionSortDark.png b/assets/simulations/InsertionSortDark.png
deleted file mode 100644
index f6c45b6..0000000
Binary files a/assets/simulations/InsertionSortDark.png and /dev/null differ
diff --git a/assets/simulations/InsertionSortLight.png b/assets/simulations/InsertionSortLight.png
deleted file mode 100644
index 920721c..0000000
Binary files a/assets/simulations/InsertionSortLight.png and /dev/null differ
diff --git a/assets/simulations/LissajousCurveDark.png b/assets/simulations/LissajousCurveDark.png
deleted file mode 100644
index 7867ce8..0000000
Binary files a/assets/simulations/LissajousCurveDark.png and /dev/null differ
diff --git a/assets/simulations/LissajousCurveLight.png b/assets/simulations/LissajousCurveLight.png
deleted file mode 100644
index 689c917..0000000
Binary files a/assets/simulations/LissajousCurveLight.png and /dev/null differ
diff --git a/assets/simulations/MaurerRoseDark.png b/assets/simulations/MaurerRoseDark.png
deleted file mode 100644
index fb75afc..0000000
Binary files a/assets/simulations/MaurerRoseDark.png and /dev/null differ
diff --git a/assets/simulations/MaurerRoseLight.png b/assets/simulations/MaurerRoseLight.png
deleted file mode 100644
index 8d7718c..0000000
Binary files a/assets/simulations/MaurerRoseLight.png and /dev/null differ
diff --git a/assets/simulations/RosePatternDark.png b/assets/simulations/RosePatternDark.png
deleted file mode 100644
index 34715bf..0000000
Binary files a/assets/simulations/RosePatternDark.png and /dev/null differ
diff --git a/assets/simulations/RosePatternLight.png b/assets/simulations/RosePatternLight.png
deleted file mode 100644
index 45b74c6..0000000
Binary files a/assets/simulations/RosePatternLight.png and /dev/null differ
diff --git a/assets/simulations/ToothpickPatternDark.png b/assets/simulations/ToothpickPatternDark.png
deleted file mode 100644
index 1dfddcb..0000000
Binary files a/assets/simulations/ToothpickPatternDark.png and /dev/null differ
diff --git a/assets/simulations/ToothpickPatternLight.png b/assets/simulations/ToothpickPatternLight.png
deleted file mode 100644
index c7a596f..0000000
Binary files a/assets/simulations/ToothpickPatternLight.png and /dev/null differ
diff --git a/docs/contributing.md b/docs/contributing.md
index 8174703..fd4100b 100644
--- a/docs/contributing.md
+++ b/docs/contributing.md
@@ -42,7 +42,7 @@ git checkout -b [BRANCH NAME]
 
 1. Install mkdocs and its requirements
 ```bash
-python3 -m  pip install mkdocs pymdown-extensions mkdocs-material mkdocs-git-revision-date-localized-plugin
+python3 -m  pip install -r requirements-docs.txt
 ```
 2. Check the installations by:
 ```bash
diff --git a/docs/doc/index.md b/docs/doc/index.md
deleted file mode 100644
index f87f5c1..0000000
--- a/docs/doc/index.md
+++ /dev/null
@@ -1 +0,0 @@
-# TODO
\ No newline at end of file
diff --git a/lib/src/custom_items/home_page.dart b/lib/src/custom_items/home_page.dart
index f59844d..79dd412 100644
--- a/lib/src/custom_items/home_page.dart
+++ b/lib/src/custom_items/home_page.dart
@@ -13,8 +13,9 @@ class HomePage extends StatelessWidget {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 850.0),
-            allowFontScaling: false,
+            minTextAdapt: false,
           );
           return Container(
             child: ListView(
diff --git a/lib/src/custom_items/simulation_card.dart b/lib/src/custom_items/simulation_card.dart
index 5ca7149..32bc08a 100644
--- a/lib/src/custom_items/simulation_card.dart
+++ b/lib/src/custom_items/simulation_card.dart
@@ -1,3 +1,4 @@
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
@@ -59,9 +60,11 @@ class _SimulationCardState extends State<SimulationCard> {
                 flex: 10,
                 child: Container(
                   padding: EdgeInsets.fromLTRB(5, 10, 5, 0),
-                  child: Image.asset(
-                    widget.image,
-                    fit: BoxFit.fill,
+                  child:CachedNetworkImage(
+                    imageUrl: widget.image,
+                    progressIndicatorBuilder: (context, url, downloadProgress) =>
+                        CircularProgressIndicator(value: downloadProgress.progress),
+                    errorWidget: (context, url, error) => Icon(Icons.error),
                   ),
                 ),
               ),
diff --git a/lib/src/data/simulations.dart b/lib/src/data/simulations.dart
index ad14e7d..900015a 100644
--- a/lib/src/data/simulations.dart
+++ b/lib/src/data/simulations.dart
@@ -12,6 +12,7 @@ import 'package:shared_preferences/shared_preferences.dart';
 import 'package:simulate/src/simulations/lissajous_curve.dart';
 import 'package:simulate/src/simulations/epicycloid_curve.dart';
 import 'package:simulate/src/simulations/maurer_rose.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 
 class Simulations with ChangeNotifier {
   static var _favorites = [-1, -1, -1, -1, -1, -1, -1, -1, -1, -1];
@@ -57,8 +58,8 @@ class Simulations with ChangeNotifier {
         id: 0,
         simulationName: 'Toothpick Pattern',
         image: theme.darkTheme
-            ? 'assets/simulations/ToothpickPatternDark.png'
-            : 'assets/simulations/ToothpickPatternLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/ToothpickPatternDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/ToothpickPatternLight.png',
         direct: ToothpickPattern(),
         infoLink: 'https://en.wikipedia.org/wiki/Toothpick_sequence',
         fav: _favorites[0],
@@ -67,8 +68,8 @@ class Simulations with ChangeNotifier {
         id: 1,
         simulationName: 'Bubble Sort (Bars)',
         image: theme.darkTheme
-            ? 'assets/simulations/BubbleSortDark.png'
-            : 'assets/simulations/BubbleSortLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/BubbleSortDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/BubbleSortLight.png',
         direct: BubbleSortBars(),
         infoLink: 'https://en.wikipedia.org/wiki/Bubble_sort',
         fav: _favorites[1],
@@ -77,8 +78,8 @@ class Simulations with ChangeNotifier {
         id: 2,
         simulationName: 'Insertion Sort',
         image: theme.darkTheme
-            ? 'assets/simulations/InsertionSortDark.png'
-            : 'assets/simulations/InsertionSortLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/InsertionSortDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/InsertionSortLight.png',
         direct: InsertionHome(),
         infoLink: 'https://en.wikipedia.org/wiki/Insertion_sort',
         fav: _favorites[2],
@@ -87,8 +88,8 @@ class Simulations with ChangeNotifier {
         id: 3,
         simulationName: 'Rose Pattern',
         image: theme.darkTheme
-            ? 'assets/simulations/RosePatternDark.png'
-            : 'assets/simulations/RosePatternLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/RosePatternDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/RosePatternLight.png',
         direct: RosePattern(),
         infoLink: 'https://en.wikipedia.org/wiki/Rose_(mathematics)',
         fav: _favorites[3],
@@ -97,8 +98,8 @@ class Simulations with ChangeNotifier {
         id: 4,
         simulationName: 'Fourier Series',
         image: theme.darkTheme
-            ? 'assets/simulations/FourierSeriesDark.png'
-            : 'assets/simulations/FourierSeriesLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/FourierSeriesDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/FourierSeriesLight.png',
         direct: FourierSeries(),
         infoLink: 'https://en.wikipedia.org/wiki/Fourier_series',
         fav: _favorites[4],
@@ -107,8 +108,8 @@ class Simulations with ChangeNotifier {
         id: 5,
         simulationName: 'Lissajous Pattern',
         image: theme.darkTheme
-            ? 'assets/simulations/LissajousCurveDark.png'
-            : 'assets/simulations/LissajousCurveLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/LissajousCurveDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/LissajousCurveLight.png',
         direct: LissajousCurve(),
         infoLink: 'https://en.wikipedia.org/wiki/Lissajous_curve',
         fav: _favorites[5],
@@ -117,8 +118,8 @@ class Simulations with ChangeNotifier {
         id: 6,
         simulationName: 'Epicycloid Pattern (Pencil of Lines)',
         image: theme.darkTheme
-            ? 'assets/simulations/Epicycloid1Dark.png'
-            : 'assets/simulations/Epicycloid1Light.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/Epicycloid1Dark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/Epicycloid1Light.png',
         direct: EpicycloidCurve(),
         infoLink: 'https://en.wikipedia.org/wiki/Epicycloid',
         fav: _favorites[6],
@@ -127,8 +128,8 @@ class Simulations with ChangeNotifier {
         id: 7,
         simulationName: 'Epicycloid Curve',
         image: theme.darkTheme
-            ? 'assets/simulations/EpicycloidDark.png'
-            : 'assets/simulations/Epicycloid.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/EpicycloidDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/Epicycloid.png',
         direct: NormalEpicycloidCurve(),
         infoLink: 'https://en.wikipedia.org/wiki/Epicycloid',
         fav: _favorites[7],
@@ -137,8 +138,8 @@ class Simulations with ChangeNotifier {
         id: 8,
         simulationName: 'Maurer Rose Pattern',
         image: theme.darkTheme
-            ? 'assets/simulations/MaurerRoseDark.png'
-            : 'assets/simulations/MaurerRoseLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/MaurerRoseDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/MaurerRoseLight.png',
         direct: MaurerRoseCurve(),
         infoLink: 'https://en.wikipedia.org/wiki/Maurer_rose',
         fav: _favorites[8],
@@ -147,8 +148,8 @@ class Simulations with ChangeNotifier {
         id: 9,
         simulationName: 'Selection Sort',
         image: theme.darkTheme
-            ? 'assets/simulations/InsertionSortDark.png'
-            : 'assets/simulations/InsertionSortLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/InsertionSortDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/InsertionSortLight.png',
         direct: SelectionSortBars(),
         infoLink: 'https://en.wikipedia.org/wiki/Selection_sort',
         fav: _favorites[9],
diff --git a/lib/src/simulations/bubble_sort.dart b/lib/src/simulations/bubble_sort.dart
index cebf95a..44b3972 100644
--- a/lib/src/simulations/bubble_sort.dart
+++ b/lib/src/simulations/bubble_sort.dart
@@ -144,8 +144,9 @@ class _BubbleSortBarsState extends State<BubbleSortBars> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(
diff --git a/lib/src/simulations/epicycloid.dart b/lib/src/simulations/epicycloid.dart
index d1cd2fb..70ef728 100644
--- a/lib/src/simulations/epicycloid.dart
+++ b/lib/src/simulations/epicycloid.dart
@@ -44,8 +44,9 @@ class _NormalEpicycloidCurveState extends State<NormalEpicycloidCurve> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(720.0, 1600.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(
diff --git a/lib/src/simulations/epicycloid_curve.dart b/lib/src/simulations/epicycloid_curve.dart
index 20b7ee5..182521c 100644
--- a/lib/src/simulations/epicycloid_curve.dart
+++ b/lib/src/simulations/epicycloid_curve.dart
@@ -36,8 +36,9 @@ class _EpicycloidCurveState extends State<EpicycloidCurve> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(434.0, 924.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(
diff --git a/lib/src/simulations/fourier_series.dart b/lib/src/simulations/fourier_series.dart
index dfed02c..2ce4bc5 100644
--- a/lib/src/simulations/fourier_series.dart
+++ b/lib/src/simulations/fourier_series.dart
@@ -62,8 +62,9 @@ class _FourierSeriesState extends State<FourierSeries> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(1024.0, 512.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(
@@ -122,7 +123,8 @@ class _FourierSeriesState extends State<FourierSeries> {
                           Slider(
                             min: 1,
                             max: 100,
-                            activeColor: Theme.of(context).colorScheme.secondary,
+                            activeColor:
+                                Theme.of(context).colorScheme.secondary,
                             inactiveColor: Colors.grey,
                             onChanged: (value) {
                               setState(() {
@@ -140,7 +142,8 @@ class _FourierSeriesState extends State<FourierSeries> {
                           Slider(
                             min: 10,
                             max: 200,
-                            activeColor: Theme.of(context).colorScheme.secondary,
+                            activeColor:
+                                Theme.of(context).colorScheme.secondary,
                             inactiveColor: Colors.grey,
                             onChanged: (value) {
                               setState(() {
@@ -158,7 +161,8 @@ class _FourierSeriesState extends State<FourierSeries> {
                           Slider(
                             min: 0,
                             max: 0.3,
-                            activeColor: Theme.of(context).colorScheme.secondary,
+                            activeColor:
+                                Theme.of(context).colorScheme.secondary,
                             inactiveColor: Colors.grey,
                             onChanged: (value) {
                               setState(() {
diff --git a/lib/src/simulations/insertion_sort.dart b/lib/src/simulations/insertion_sort.dart
index 061acce..aed9fdb 100644
--- a/lib/src/simulations/insertion_sort.dart
+++ b/lib/src/simulations/insertion_sort.dart
@@ -123,8 +123,9 @@ class _InsertionHomeState extends State<InsertionHome> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(
diff --git a/lib/src/simulations/lissajous_curve.dart b/lib/src/simulations/lissajous_curve.dart
index 0a47851..5d1b52b 100644
--- a/lib/src/simulations/lissajous_curve.dart
+++ b/lib/src/simulations/lissajous_curve.dart
@@ -38,8 +38,9 @@ class _LissajousCurveState extends State<LissajousCurve> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(
diff --git a/lib/src/simulations/maurer_rose.dart b/lib/src/simulations/maurer_rose.dart
index 4ef6b55..eb2fed5 100644
--- a/lib/src/simulations/maurer_rose.dart
+++ b/lib/src/simulations/maurer_rose.dart
@@ -38,8 +38,9 @@ class MaurerRoseCurveState extends State<MaurerRoseCurve> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(
diff --git a/lib/src/simulations/rose_pattern.dart b/lib/src/simulations/rose_pattern.dart
index 131359c..d4936d3 100644
--- a/lib/src/simulations/rose_pattern.dart
+++ b/lib/src/simulations/rose_pattern.dart
@@ -37,8 +37,9 @@ class _RosePatternState extends State<RosePattern> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(
diff --git a/lib/src/simulations/toothpick.dart b/lib/src/simulations/toothpick.dart
index f00b7c2..1893042 100644
--- a/lib/src/simulations/toothpick.dart
+++ b/lib/src/simulations/toothpick.dart
@@ -144,8 +144,9 @@ class _ToothpickPatternState extends State<ToothpickPattern> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(
diff --git a/mkdocs.yml b/mkdocs.yml
index 6025ad5..ee9440d 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -1,79 +1,78 @@
-site_name: 'Simulate'
-site_description: 'Official site for Simulate'
-site_author: 'Yash Lamba'
-site_url: 'https://builtree.github.io/simulate/'
+site_name: "Simulate"
+site_description: "Official site for Simulate"
+site_author: "Yash Lamba"
+site_url: "https://builtree.github.io/simulate/"
 
 # Repository
-repo_name: 'builtree/simulate'
-repo_url: 'https://github.com/builtree/simulate'
+repo_name: "builtree/simulate"
+repo_url: "https://github.com/builtree/simulate"
 
 # Copyright
 nav:
-  - Home: 'index.md'
-  - Contributing: 'contributing.md'
-  - Documentation: 
-    - Home: 'doc/index.md'
-  - Simulations: 
-    - All Simulations: 'simulations/index.md'
-    - Algorithms: 
-      - Toothpick Pattern: 'simulations/algorithms/ToothpickPattern.md'
-    - Mathematics: 
-      - Lissajous Pattern: 'simulations/mathematics/LissajousPattern.md'
-      - Maurer Rose Pattern: 'simulations/mathematics/MaurerRosePattern.md'
-      - Fourier Series: 'simulations/mathematics/FourierSeries.md'
-  - Simulate Web:
-    - Home: 'https://builtree.github.io/simulate/web'
+    - Home: "index.md"
+    - Contributing: "contributing.md"
+    # - Documentation:
+    #   - Home: 'doc/index.md'
+    - Simulations:
+          - All Simulations: "simulations/index.md"
+          - Algorithms:
+                - Toothpick Pattern: "simulations/algorithms/ToothpickPattern.md"
+          - Mathematics:
+                - Lissajous Pattern: "simulations/mathematics/LissajousPattern.md"
+                - Maurer Rose Pattern: "simulations/mathematics/MaurerRosePattern.md"
+                - Fourier Series: "simulations/mathematics/FourierSeries.md"
+    - Simulate Web:
+          - Home: "https://builtree.github.io/simulate/web"
 
 # Configuration
 theme:
-  name: 'material'
-  features:
-    - navigation.tabs
-  palette:
-    primary: 'black'
-    accent: 'white'
-  font:
-    text: 'Ubuntu'
-    code: 'Ubuntu Mono'
-  icon:
-    logo: material/atom
-    repo: octicons/mark-github-16
+    name: "material"
+    features:
+        - navigation.tabs
+    palette:
+        primary: "black"
+        accent: "white"
+    font:
+        text: "Ubuntu"
+        code: "Ubuntu Mono"
+    icon:
+        logo: material/atom
+        repo: octicons/mark-github-16
 
 # Customization
 
 # Extensions
 markdown_extensions:
-  - admonition
-  - codehilite:
-      guess_lang: false
-  - toc:
-      permalink: true
-  - pymdownx.arithmatex
-  - pymdownx.betterem:
-      smart_enable: all
-  - pymdownx.caret
-  - pymdownx.critic
-  - pymdownx.details
-  - pymdownx.emoji:
-      emoji_generator: !!python/name:pymdownx.emoji.to_svg
-  - pymdownx.inlinehilite
-  - pymdownx.magiclink
-  - pymdownx.mark
-  - pymdownx.smartsymbols
-  - pymdownx.superfences
-  - footnotes
-  - pymdownx.tasklist:
-      custom_checkbox: true
-  - pymdownx.tabbed
-  - pymdownx.tilde
-  - attr_list
+    - admonition
+    - codehilite:
+          guess_lang: false
+    - toc:
+          permalink: true
+    - pymdownx.arithmatex
+    - pymdownx.betterem:
+          smart_enable: all
+    - pymdownx.caret
+    - pymdownx.critic
+    - pymdownx.details
+    - pymdownx.emoji:
+          emoji_generator: !!python/name:pymdownx.emoji.to_svg
+    - pymdownx.inlinehilite
+    - pymdownx.magiclink
+    - pymdownx.mark
+    - pymdownx.smartsymbols
+    - pymdownx.superfences
+    - footnotes
+    - pymdownx.tasklist:
+          custom_checkbox: true
+    - pymdownx.tabbed
+    - pymdownx.tilde
+    - attr_list
 
-  # Plugins
+    # Plugins
 plugins:
-  - search
-  - git-revision-date-localized:
-      type: date
-  
-extra_javascript:
-  - https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML
+    - search
+    - git-revision-date-localized:
+          type: date
 
+extra_javascript:
+    - https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML
diff --git a/pubspec.yaml b/pubspec.yaml
index 5e7e744..ef40fe8 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -4,30 +4,30 @@ description: A collection of simulations and visualizations
 version: 1.0.0+1
 
 environment:
-    sdk: ">=2.1.0 <3.0.0"
+  sdk: ">=2.1.0 <3.0.0"
 
 dependencies:
-    flutter:
-        sdk: flutter
+  flutter:
+    sdk: flutter
 
-    cupertino_icons: ^1.0.4
-    url_launcher: ^6.0.17
-    provider: ^6.0.2
-    shared_preferences: ^2.0.11
-    flutter_screenutil: ^4.0.3+2
+  cupertino_icons: ^1.0.4
+  url_launcher: ^6.0.18
+  provider: ^6.0.2
+  shared_preferences: ^2.0.12
+  flutter_screenutil: ^5.1.0
+  cached_network_image: ^3.2.0
 
 dev_dependencies:
-    flutter_test:
-        sdk: flutter
+  flutter_test:
+    sdk: flutter
 
 flutter:
-    uses-material-design: true
+  uses-material-design: true
 
-    assets:
-        - assets/simulations/
-        - android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
+  assets:
+    - android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
 
-    fonts:
-        - family: Ubuntu
-          fonts:
-              - asset: fonts/Ubuntu-Regular.ttf
+  fonts:
+    - family: Ubuntu
+      fonts:
+        - asset: fonts/Ubuntu-Regular.ttf
diff --git a/requirements-docs.txt b/requirements-docs.txt
new file mode 100644
index 0000000..f74605d
--- /dev/null
+++ b/requirements-docs.txt
@@ -0,0 +1,4 @@
+mkdocs>=1.1.2
+pymdown-extensions>=8.0.1
+mkdocs-git-revision-date-localized-plugin>=0.7.3
+mkdocs-material>=8.1.6