intro update to new feeds and small text

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>

themes/openpowerfoundation/assets/css/style.css

@@ -231,9 +231,9 @@ h1, h2, h3, h4, h5, h6 {
 
 #intro {
 	width: 100%;
-	margin: 80px 0px 0px 0;
+	margin: 95px 0px 0px 0;
 	min-height: 100px;
-	background: #eeeeee;
+	background: #ffffff;
 	position: relative;
 }
 #intro .intro-text {
@@ -248,18 +248,30 @@ h1, h2, h3, h4, h5, h6 {
 	text-align: center;
 	flex-direction: column;
 }
-#intro h2 {
+#intro h1 {
 	margin: 20px 0 5px 0;
 	padding: 0 15px;
-	font-size: 48px;
+	font-size: 24px;
 	font-weight: 400;
 	line-height: 36px;
-	color: #ffffff;
+	color: #007aad;
+	text-decoration: underline;
+}
+#intro h2 {
+	margin: 5px 0 5px 0;
+	padding: 0 15px;
+	font-size: 12px;
+	font-weight: 400;
+}
+#intro h2 a {
+	color: black;
 }
 @media (max-width: 768px) {
+	#intro h1 {
+		font-size: 12px;
+	}
 	#intro h2 {
-		font-size: 28px;
+		font-size: 8px;
-		line-height: 36px;
 	}
 }
 #intro p {
@@ -275,6 +287,10 @@ h1, h2, h3, h4, h5, h6 {
 		margin-bottom: 20px;
 	}
 }
+#intro #intro-column {
+	border: 5px solid #6ccce3;
+	border-radius: 25px;
+}
 #intro .btn-get-started {
 	font-family: "Montserrat", sans-serif;
 	font-weight: 400;

themes/openpowerfoundation/layouts/partials/intro.html

@@ -3,14 +3,53 @@
 <section id="intro">
 <div class="container">
 	<div class="row">
-		<div class="col-lg-4">
+		<div class="col-lg-3" id="intro-column">
+			<h1>OPF Intro</h1>
+			The goal of the OpenPOWER Foundation is to create an open ecosystem,
+			using the POWER Architecture to share expertise, investment,
+			and server-class intellectual property to serve the evolving needs of customers and industry.
 		</div>
-		<div class="col-lg-4">
+		<div class="col-lg-1"></div>
+		<div class="col-lg-3" id="intro-column">
+			<h1>OPF Planet Feed</h1>
+			<div id="feed-planet-content"></div>
 		</div>
-		<div class="col-lg-4">
+		<div class="col-lg-1"></div>
+		<div class="col-lg-3" id="intro-column">
+			<h1>OPF Blog Feed</h1>
+			<div id="feed-blog-content"></div>
 		</div>
 	</div>
 </div>
 </section>
 
 </main>
+
+<script>
+window.onload = function() {
+	var blogfeed = "https://openpowerfoundation.org/category/blogs/feed/";
+	var planetfeed = "https://planet.openpower.foundation/feed/";
+	$.ajax(planetfeed, {
+		accepts:{ xml:"application/rss+xml" },
+		dataType: "xml",
+		success:function(data) {
+			html = "";
+			$(data).find("item").each(function () {
+				html += "<h2><a href='"+$(this).find("link").text()+"'>"+$(this).find("title").text()+"</a></h2>";
+			});
+			document.getElementById("feed-planet-content").innerHTML=html;
+		}
+	});
+	$.ajax(blogfeed, {
+		accepts:{ xml:"application/rss+xml" },
+		dataType: "xml",
+		success:function(data) {
+			html = "";
+			$(data).find("item").each(function () {
+				html += "<h2><a href='"+$(this).find("link").text()+"'>"+$(this).find("title").text()+"</a></h2>";
+			});
+			document.getElementById("feed-blog-content").innerHTML=html;
+		}
+	});
+};
+</script>