Warppi Article, links and bulllet points

src/app/gui/navbar/navbar.component.scss

@@ -85,6 +85,7 @@
 	margin: 0;
 	display: flex;
 	justify-content: center;
+	align-items: flex-end;
 }
 .header-nav li {
 	flex: 0 0 auto;

src/documents/WarpPI.en.md

@@ -1,3 +1,32 @@
 # WarpPI Calculator
 
-https://github.com/Cavallium/WarpPI
+## Step-by-step algebra calculator for Raspberry PI
+
+**This project is experimental and strictly related to my calculator, designed to run on a raspberry PI Zero.**\
+**Many fundamental features are missing, this project is still in its infancy.**
+
+If you really want to build and test it on your computer take account of that.
+
+## Github
+
+This project is hosted on [Github](https://github.com/Cavallium/WarpPI).
+
+## Live preview
+
+The live preview has been built using TeaVM: a JVM made in javascript.
+Obviously it runs slower than the original software and it can have some issues.
+
+<https://local.cavallium.it/calculator/>
+
+## Keypad PCB
+
+The schematics are available on [Circuitmaker](https://workspace.circuitmaker.com/Projects/Details/Andrea-Cavalli/Scientific-calculator-Keypad).
+
+![alt text](https://raw.githubusercontent.com/Cavallium/WarpPI/master/core/src/main/resources/keypad-preview.jpg "Pictures")
+
+## Photos and pictures
+
+![alt text](https://raw.githubusercontent.com/Cavallium/WarpPI/master/core/src/main/resources/algebra_input.gif "Algebra input screen")
+![alt text](https://raw.githubusercontent.com/Cavallium/WarpPI/master/core/src/main/resources/algebra%20variable%20type.gif "Algebra variable type menu")
+![alt text](https://raw.githubusercontent.com/Cavallium/WarpPI/master/core/src/main/resources/decimal.png "Example expression")
+![alt text](https://raw.githubusercontent.com/Cavallium/WarpPI/master/core/src/main/resources/algebra.png "Simplification of an expression")

src/documents/WarpPi.it.md

@@ -1,3 +1,32 @@
-# Calcolatrice WarpPI
+# WarpPI Calculator
 
-https://github.com/Cavallium/WarpPI
+## Step-by-step algebra calculator for Raspberry PI
+
+**This project is experimental and strictly related to my calculator, designed to run on a raspberry PI Zero.**\
+**Many fundamental features are missing, this project is still in its infancy.**
+
+If you really want to build and test it on your computer take account of that.
+
+## Github
+
+This project is hosted on [Github](https://github.com/Cavallium/WarpPI).
+
+## Live preview
+
+The live preview has been built using TeaVM: a JVM made in javascript.
+Obviously it runs slower than the original software and it can have some issues.
+
+<https://local.cavallium.it/calculator/>
+
+## Keypad PCB
+
+The schematics are available on [Circuitmaker](https://workspace.circuitmaker.com/Projects/Details/Andrea-Cavalli/Scientific-calculator-Keypad).
+
+![alt text](https://raw.githubusercontent.com/Cavallium/WarpPI/master/core/src/main/resources/keypad-preview.jpg "Pictures")
+
+## Photos and pictures
+
+![alt text](https://raw.githubusercontent.com/Cavallium/WarpPI/master/core/src/main/resources/algebra_input.gif "Algebra input screen")
+![alt text](https://raw.githubusercontent.com/Cavallium/WarpPI/master/core/src/main/resources/algebra%20variable%20type.gif "Algebra variable type menu")
+![alt text](https://raw.githubusercontent.com/Cavallium/WarpPI/master/core/src/main/resources/decimal.png "Example expression")
+![alt text](https://raw.githubusercontent.com/Cavallium/WarpPI/master/core/src/main/resources/algebra.png "Simplification of an expression")

src/styles.scss

@@ -23,6 +23,17 @@ strong, b, h1, h2, h3, h4, h5, h6, th {
 .article-image {
 	max-width: 100%;
 }
+a.article-link {
+	text-decoration: none !important;
+	color: #2c41b9;
+}
+markdown ul {
+	list-style-type: none;
+	padding-inline-start: 0.5rem;
+}
+markdown ul li {
+	padding-bottom: 0.4rem;
+}
 
 @media only screen and (any-pointer: coarse) {
 	.article-link {