updates

commonDBnet.md

@@ -63,8 +63,9 @@ Sebastià Freixa Povo - Valentina Messeri
   - [Identity layers](#identity)
   - [Reputation layers](#reputa)
   - [Encryption layers](#encrypt)
-  - [The backend layer](#backend)
-  - [The frontend layer](#frontend)
+- [Backend](#backend)
+- [Frontend](#frontend)
+  - [Mockups](#mockups)
 - [Nodes](#nodes)
   - [Agents](#agents)
   - [Membranes](#membranes)
@@ -325,21 +326,9 @@ Some layers of encryption for the parts of the agent’s data:
 
 </div>
 
-### The backend layer:<a name="backend"></a>
-<!-- <div align="right">
- <figure align="right">
-  <img width="500px" src="https://commondb.net/images/CDB_node-parts.png"/>
-  <figcaption>
-
-*Fig. 1: Node Parts (https://commondb.net/images/CDB_node-parts.png)*
-
-  </figcaption>
- </figure>
-</div>
+&nbsp;
 
-<img width="500px" src="https://commondb.net/images/CDB_node-parts.png" align="right" title="Diagram 1: Node Parts" alt="node_parts"/>
-*https://commondb.net/images/CDB_node-parts.png*
--->
+## Backend:<a name="backend"></a>
 
 This meta-projects based on a concept of full flexibility and modularity totally Agent-centred, therefore what we call 'the back-end' is basically the database because nearly all the logic and code is also inserted as db records. To render a page the system gathers some objects from the db, not only the requested information but also the HTML template, js, css or any code snippet or lib needed to show the data. This way, to improve some code or fix a bug, it's only needed to edit a db record and all uses of it will change its behaviour globally. So, the code required to run any logic is gathered from the db, and then the only function of the back-end layer is the databases management and the interpretation of the code coming from the ddb.
 
@@ -374,7 +363,7 @@ See the [Node Parts](#nodeparts) diagram for a visual draft of the main parts.
 
 </div>
 
-### The frontend layer:<a name="frontend"></a>
+## Frontend:<a name="frontend"></a>
 
 The GUI can be developed mainly as a multiplatform app, for mobiles and computers. We can develop also a web version if we find good ways to identify users safely enough and trust at least some browsers.
 
@@ -417,23 +406,30 @@ Many more functionalities can be added through adding plugins to the app, availa
 
 See the [Node Parts](#nodeparts) diagram for a visual draft of the main parts.
 
-#### Mockups
+<div align="right">
 
-Some mockups of a possible first GUI for small screens. See them as slides in the [presentation slider](https://commondb.net/slider.html) on the penultimate  page (use vertical arrows to move).
-You can also click any image to see it full size.
+[^ index](#index)
+
+</div>
+
+
+### Mockups:<a name="mockup"></a>
+
+Some mockups to define a first **GUI for small screens**. See them as slides in the presentation [Slider](https://commondb.net/slides.html) on the penultimate page (use vertical arrows to move). 
+You can also click on the link below every image to see it full size.
 
 | | | |
 |:-:|:-:|:-:|
 | ![](https://commondb.net/images/android1_x3.png) | ![](https://commondb.net/images/android2_x3.png) | ![](https://commondb.net/images/android3_x3.png) |
-| Mock.1 ([full size](https://commondb.net/images/android1_x3.png)) | Mock.2 ([full size](https://commondb.net/images/android2_x3.png)) | Mock.3 ([full size](https://commondb.net/images/android3_x3.png)) |
+| *__Mock.1__: Login ([full size](https://commondb.net/images/android1_x3.png))* | *__Mock.2__: Register Start ([full size](https://commondb.net/images/android2_x3.png))* | *__Mock.3__: Confirm email/phone ([full size](https://commondb.net/images/android3_x3.png))* |
 | ![](https://commondb.net/images/android4_x3.png) | ![](https://commondb.net/images/android5_x3.png) | ![](https://commondb.net/images/android6_x3.png) |
-| Mock.4 ([full size](https://commondb.net/images/android4_x3.png)) | Mock.5 ([full size](https://commondb.net/images/android5_x3.png)) | Mock.6 ([full size](https://commondb.net/images/android6_x3.png)) |
+| *__Mock.4__: Register End ([full size](https://commondb.net/images/android4_x3.png))* | *__Mock.5__: Upload Image ([full size](https://commondb.net/images/android5_x3.png))* | *__Mock.6__: Dashboard, Toolbox, Profile ([full](https://commondb.net/images/android6_x3.png))* |
 | ![](https://commondb.net/images/android7_x3.png) | ![](https://commondb.net/images/android8_x3.png) | ![](https://commondb.net/images/android9_x3.png) |
-| Mock.7 ([full size](https://commondb.net/images/android7_x3.png)) | Mock.8 ([full size](https://commondb.net/images/android8_x3.png)) | Mock.9 ([full size](https://commondb.net/images/android9_x3.png)) |
+| *__Mock.7__: Scan Contacts ([full size](https://commondb.net/images/android7_x3.png))* | *__Mock.8__: Search Projects ([full size](https://commondb.net/images/android8_x3.png))* | *__Mock.9__: Create Trust Groups ([full size](https://commondb.net/images/android9_x3.png))* |
 | ![](https://commondb.net/images/android10_x3.png) | ![](https://commondb.net/images/android11_x3.png) | 
-| Mock.10 ([full size](https://commondb.net/images/android10_x3.png)) | Mock.11 ([full size](https://commondb.net/images/android11_x3.png)) |
-
+| *__Mock.10__: Group Peers, Shared Data ([full](https://commondb.net/images/android10_x3.png))* | *__Mock.11__: Settings ([full size](https://commondb.net/images/android11_x3.png))* |
 
+&nbsp;
 
 
 <div align="right">
@@ -496,7 +492,7 @@ All nodes will have the main parts represented in the diagram:
 | |
 |:-:|
 | <img width="850px" src="https://commondb.net/images/CDB_node-parts.png"/> |
-| *Fig. 1: Node Parts ([full size](https://commondb.net/images/CDB_node-parts.png))* |
+| *__Fig.1__: Node Parts ([full size](https://commondb.net/images/CDB_node-parts.png))* |
 
 <div align="right">
 
@@ -549,14 +545,14 @@ See [Seq4](https://commondb.net/images/CDB-nodes-atoms-4.png) diagram.
 | | |
 |:-:|:-:|
 | <img width="410px" src="https://commondb.net/images/CDB-nodes-atoms-1.png" title="Seq 1: Node's Data Spaces and Atoms"> | <img width="410px" src="https://commondb.net/images/CDB-nodes-atoms-2.png" align="right" title="Seq 2: Data Atoms in Nodes"> |
-| *Seq.1: Node's Data Spaces and Atoms ([full size](https://commondb.net/images/CDB-nodes-atoms-1.png))* | *Seq.2: Data Atoms in Nodes ([full size](https://commondb.net/images/CDB-nodes-atoms-2.png))* |
+| *__Seq.1__: Node's Data Spaces and Atoms ([full size](https://commondb.net/images/CDB-nodes-atoms-1.png))* | *__Seq.2__: Data Atoms in Nodes ([full size](https://commondb.net/images/CDB-nodes-atoms-2.png))* |
 
 &nbsp;
 
 | | |
 |:-:|:-:|
 | <img width="410px" src="https://commondb.net/images/CDB-nodes-atoms-3.png" title="Seq 3: Data Atoms in Nodes"> | <img width="410px" src="https://commondb.net/images/CDB-nodes-atoms-4.png" align="right" title="Seq 4: Data Atoms in Nodes and Supernodes"> |
-| *Seq.3: Data Atoms in more Nodes ([full size](https://commondb.net/images/CDB-nodes-atoms-3.png))* | *Seq.4: Data Atoms in Nodes and Supernodes ([full size](https://commondb.net/images/CDB-nodes-atoms-4.png))* |
+| *__Seq.3__: Data Atoms in more Nodes ([full size](https://commondb.net/images/CDB-nodes-atoms-3.png))* | *__Seq.4__: Data Atoms in Nodes and Supernodes ([full size](https://commondb.net/images/CDB-nodes-atoms-4.png))* |
 
 &nbsp;