intro capabilities doc

beforesemicolon · Oct 27, 2024 · deea02f · deea02f
1 parent 684b0d0
commit deea02f
Show file tree

Hide file tree

Showing 4 changed files with 105 additions and 156 deletions.
diff --git a/docs/documentation/capabilities/index.md b/docs/documentation/capabilities/index.md
@@ -7,3 +7,28 @@ layout: document
 ---
 
 ## Capabilities
+
+Markup is a powerful templating system from which you can build anything upon. From simple applications to enterprise size applications, Markup is simple enough to support the building blocks to build anything.
+
+Before Semicolon already offers additional libraries you can use to build web applications all built on top of Markup:
+
+-   [Web Component](./web-component.md);
+-   [Router](./router.md);
+
+Additionally, here are example of things you can build using just the Markup APIs:
+
+-   [Function Component](./function-component.md);
+-   [State Management Store](./state-store.md);
+-   [Server Side Rendering](./server-side-rendering.md);
+
+### Examples
+
+Here are more examples you can draw inspiration from:
+
+-   [Node SSR website](https://stackblitz.com/edit/stackblitz-starters-a6rvq7)
+-   [ToDo App with Localstorage](https://codepen.io/beforesemicolon/pen/BaXJxwx?editors=0010)
+-   [ToDo App with State Management](https://stackblitz.com/edit/web-platform-lvonxr)
+-   [Tic Tac Toe app](https://codepen.io/beforesemicolon/pen/eYqyreO?editors=0010)
+-   [Calculator app](https://codepen.io/beforesemicolon/pen/abeEGMB)
+-   [Counter App](https://stackblitz.com/edit/web-platform-ixypdh)
+-   [Timer App](https://codepen.io/beforesemicolon/pen/yLQzQZV)
diff --git a/docs/stylesheets/documentation.css b/docs/stylesheets/documentation.css
@@ -17,7 +17,7 @@
     left: 0;
     min-height: 100%;
     border-right: 0.001rem solid coral;
-    padding-bottom: 50px;
+    padding-bottom: 20px;
 }
 
 #documentation nav::after {