implemented generation of pages for each data in json

example/webInput/templates/projectTemplate.html

@@ -0,0 +1,6 @@
+<div class="class1">
+    <div id="{{idAuthor}}" class="class2">Project {{title}}</div>
+    <div class="classAuthor">Developed by: {{author}}</div>
+    <div class="class3">{{description}}</div>
+    <a href="{{link}}" target="_blank">View project page</a>
+</div>

example/webInput/templates/projectTemplate.json

@@ -0,0 +1,33 @@
+[{
+        "title": "Smartphone App",
+        "idAuthor": "author1",
+        "author": "User1",
+        "description": "This is the first project",
+        "link": "https://github.com",
+        "pageName": "smartphoneApp"
+    },
+    {
+        "title": "Botnet",
+        "idAuthor": "author2",
+        "author": "User2",
+        "description": "This project is a botnet",
+        "link": "https://github.com",
+        "pageName": "botnet"
+    },
+    {
+        "title": "Webpage",
+        "idAuthor": "author3",
+        "author": "User1",
+        "description": "This project is a webpage",
+        "link": "https://github.com",
+        "pageName": "webpage"
+    },
+    {
+        "title": "Script",
+        "idAuthor": "author4",
+        "author": "User1",
+        "description": "This project is a script to save time",
+        "link": "https://github.com",
+        "pageName": "script"
+    }
+]

example/webInput/templates/userTemplate.html

@@ -0,0 +1,5 @@
+<div class="class1" id="user[[i]]">
+    <div id="username[[i]]" class="class2">{{username}}</div>
+    <div id="description[[i]]" class="class2">{{description}}</div>
+    <div class="class2">{{phone}}</div>
+</div>

example/webInput/templates/userTemplate.json

@@ -0,0 +1,16 @@
+[{
+        "username": "Michaela Doe",
+        "description": "Hi, I'm here to code",
+        "phone": "456456456"
+    },
+    {
+        "username": "John Doe",
+        "description": "Hi, I'm here",
+        "phone": "123456789"
+    },
+    {
+        "username": "Myself",
+        "description": "How are you",
+        "phone": "no phone"
+    }
+]