Update Project list

index.html

@@ -62,7 +62,10 @@
 					<!--<p>A fully responsive site template designed by <a href="https://html5up.net">HTML5 UP</a> and
 						released<br />
 						for free under the <a href="https://html5up.net/license">Creative Commons</a> license.</p>-->
-					<p>Join the blockchain revolution by being part of RanchiMall's <br>World Class Internship projects, <br>curated under <a href="https://medium.com/ranchimall/ranchi-mall-internship-blockchain-contract-b00193fd188c" target="_blank">RanchiMall Internship Blockchain Contract</a></p>
+					<p>Join the blockchain revolution by being part of RanchiMall's <br>World Class Internship projects,
+						<br>curated under <a
+							href="https://medium.com/ranchimall/ranchi-mall-internship-blockchain-contract-b00193fd188c"
+							target="_blank">RanchiMall Internship Blockchain Contract</a></p>
 				</div>
 			</div>
 			<nav>
@@ -99,14 +102,9 @@
 			<article id="work">
 				<h2 class="major">Projects</h2>
 				<span class="image main"><img src="images/pic02.jpg" alt="" /></span>
-				<p>Adipiscing magna sed dolor elit. Praesent eleifend dignissim arcu, at eleifend sapien imperdiet ac.
+				<p>This is some random text which will be replaced with much more creative introduction to the Project List</p>
-					Aliquam erat volutpat. Praesent urna nisi, fringila lorem et vehicula lacinia quam. Integer
+				<div id='projectlist'>
-					sollicitudin mauris nec lorem luctus ultrices.</p>
+				</div>
-				<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna
-					sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas
-					laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat
-					tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet feugiat
-					tempus.</p>
 			</article>
 
 			<!-- About -->
@@ -430,8 +428,8 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
 			<ul class="icons">
 				<li><a href="https://twitter.com/ranchimallFLO" target="_blank" class="icon brands fa-twitter"><span
 							class="label">Twitter</span></a></li>
-				<li><a href="https://facebook.com/ranchimall/" target="_blank"
+				<li><a href="https://facebook.com/ranchimall/" target="_blank" class="icon brands fa-facebook-f"><span
-						class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
+							class="label">Facebook</span></a></li>
 				<!--<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>-->
 				<li><a href="https://github.com/ranchimall/" target="_blank" class="icon brands fa-github"><span
 							class="label">GitHub</span></a></li>
@@ -7406,9 +7404,11 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
 					}
 				});
 
-		if(obj.constructor.toString().indexOf("Array") != -1)  {obj = obj.filter(function (el) {
+				if (obj.constructor.toString().indexOf("Array") != -1) {
+					obj = obj.filter(function (el) {
 						return el != null;
-		});}
+					});
+				}
 
 				return obj;
 			}
@@ -9544,6 +9544,17 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
 		reactor.registerEvent("startUpErrorLog");
 		reactor.addEventListener("startUpErrorLog", log => console.error(log))
 	</script>
+
+
+	<script>
+
+		async function loadRIBC(){
+			floCloudAPI.requestObjectData('RIBC', options = { senderIDs: false, receiverID: "FMeiptdJNtYQEtzyYAVNP8fjsDJ1i4EPfE", application: 'RIBC' })
+		}
+	
+	</script>
+
+
 	<script id="onLoadStartUp">
 		function onLoadStartUp() {
 
@@ -9554,7 +9565,25 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
 			floDapps.launchStartUp().then(result => {
 				console.log(result)
 				alert(`Welcome FLO_ID: ${myFloID}`)
+
 				//App functions....
+				loadRIBC()
+				.then(loadres => {
+					let projectDetails = floGlobals.appObjects.RIBC.projectDetails
+					let projectDetailsKeys = Object.keys(projectDetails)
+					console.log('hey im here')
+
+					let projectlistContainer = document.getElementById('projectlist')
+
+					for(let i=0; i<projectDetailsKeys.length; i++){
+
+						newHtml = `<h4>${projectDetails[projectDetailsKeys[i]].projectName}</h4>
+								   <p>${projectDetails[projectDetailsKeys[i]].projectDescription}</p>`
+
+						projectlistContainer.innerHTML = projectlistContainer.innerHTML + newHtml
+					}
+
+				})
 			}).catch(error => console.error(error))
 		}
 	</script>