Adjust main page layout based on The New Group design

Laurie0131 · Jul 10, 2015 · 77c0693 · 77c0693
1 parent 11c8a5f
commit 77c0693
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 19 deletions.
diff --git a/css/main.css b/css/main.css
@@ -39,9 +39,38 @@ body {
     width: 9em;
 }
 
+div.main-page.content {
+    float: left;
+    width: 35em;
+}
+
+div.main-page.news {
+    float: right;
+    width: 20em;
+}
+
+div.main-page.news h2 {
+    border-top: 10px solid #ff6600;
+    border-bottom: 1px solid #333333;
+    color: #333333;
+    padding: 0.5em;
+    margin: 0;
+}
+
+div.main-page.news ul {
+    margin: 0;
+    list-style: none;
+    list-style-image: none;
+}
+
+div.main-page.news ul li {
+    border-bottom: 1px solid #333333;
+    padding: 0.5em;
+}
+
 #content {
     margin: 0px;
-    padding: 1em;
+    padding: 2em 1em;
     font-family: verdana;
     color: #40494d;
     background-color: #fff;
@@ -51,6 +80,17 @@ body {
     float: left;
 }
 
+#content #buttons a {
+  background: #ff6600;
+  color: #333333;
+  font-family: "canada-type-gibson";
+  text-transform: uppercase;
+  font-size: 15px;
+  display: inline-block;
+  padding: 8px 25px;
+  margin: 10px 20px 10px 0;
+}
+
 #footer {
   background: #999999;
   margin-bottom: 60px;

diff --git a/index.md b/index.md
@@ -4,31 +4,41 @@ title: Welcome
 ---
 {% include site-links.md %}
 
+<!-- parse_block_html causes the markdown to be processed inside <div> -->
+{::options parse_block_html="true" /}
+
+<div class="main-page content">
+
+# Welcome to the open source community of UEFI
+
 This is the community site surrounding the open source components of
-Intel's implementation of
-[UEFI]({{wiki}}/UEFI).
-To learn how to use UEFI see our
-[start using UEFI]({{wiki}}/start-using-UEFI)
-page.
+Intel's implementation of [UEFI]({{wiki}}/UEFI). Our [EDK II] is a
+modern, feature-rich, cross-platform firmware development environment
+for the UEFI and PI specifications. We hope that you'll delve into our
+work, get excited to use Tianocore, and contribute to the community.
 
-To learn more about getting involved in the community see our
-[how to contribute]({{wiki}}/How-To-Contribute)
-page. [EDK II] is a modern, feature-rich, cross-platform
-firmware development environment for the UEFI and PI specifications.
+<div id="buttons">
+  <a href="https://github.com/tianocore/tianocore.github.io/wiki/How_To_Contribute" target="_blank">How to Contribute</a>
+  <a href="https://github.com/tianocore/tianocore.github.io/wiki/Getting_Started" target="_blank">Getting Started</a>
+</div>
 
-If you have any comments for this site please see the
-[community admins]({{wiki}}/Community_Admins)
-page.
+</div>
 
-For the full list of our community projects, visit the
-[Projects]({{wiki}}/Projects)
-page.
+<div class="main-page news">
 
-## News
+## Community News
 
 <ul class="posts">
 {% for post in site.posts limit:3 %}
-  <li><a href="{{baseurl}}{{ post.url }}">{{ post.title }}</a>, {{ post.date | date: "%B %-d, %Y" }}</li>
+  <li>
+    <a href="{{baseurl}}{{ post.url }}">{{ post.title }}</a><br>
+    {{ post.date | date: "%B %-d, %Y" }}
+  </li>
 {% endfor %}
-  <li>Read older <a href="news/">news here</a>, or <a href="news/feed.xml">subscribe with rss</a></li>
+  <li>
+    Read more <a href="news/">community news »</a><br>
+    Subscribe with <a href="news/feed.xml">rss</a>
+  </li>
 </ul>
+
+</div>