diff --git a/src/app/gui/navbar/navbar.component.scss b/src/app/gui/navbar/navbar.component.scss
index 8affc72..dbca45c 100644
--- a/src/app/gui/navbar/navbar.component.scss
+++ b/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;
diff --git a/src/documents/WarpPI.en.md b/src/documents/WarpPI.en.md
index 7affc0b..8ccca61 100644
--- a/src/documents/WarpPI.en.md
+++ b/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.
+
+
+
+## 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")
\ No newline at end of file
diff --git a/src/documents/WarpPi.it.md b/src/documents/WarpPi.it.md
index a44310a..8ccca61 100644
--- a/src/documents/WarpPi.it.md
+++ b/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.
+
+
+
+## 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")
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index 4e4fe7c..8fc1b24 100644
--- a/src/styles.scss
+++ b/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 {