Merge branch 'rules_parts'

src/App.vue

@@ -54,6 +54,7 @@ function onClick(e: any) {
 </script>
 
 <template>
+  <div>
     <div class="calculator">
       <div class="display" data-cy="screen_value">
         <div v-if="show_result">{{ screen_value }}</div>
@@ -71,6 +72,19 @@ function onClick(e: any) {
         </button>
       </div>
     </div>
+    <div>
+      <aside class="aside">
+        <h1>Wellcome !</h1>
+        <ul>
+          <li>This calculator deals with positive & negative values</li>
+          <li>
+            You can do simple operation (+, -, *, /, =) or cumul many operations
+          </li>
+          <li>Only integer values are allowed</li>
+        </ul>
+      </aside>
+    </div>
+  </div>
 </template>
 
 <style scoped>
@@ -88,4 +102,9 @@ function onClick(e: any) {
   background-color: #333;
   color: white;
 }
+.aside {
+  position: absolute;
+  top: -300px;
+  right: -550px;
+}
 </style>