From 3ad12c5cd321bb36154ff95ce1e54b811b953af0 Mon Sep 17 00:00:00 2001
From: Michael Dorian Bach <mibach@microsoft.com>
Date: Mon, 4 Apr 2011 22:26:07 -0700
Subject: [PATCH] Basic framework and layout for MIX 11' 1.1 dashboard page in
 the admin. Continue styling, work and content writing is needed.

--HG--
branch : 1.x
---
 .../Core/Dashboard/Views/Admin/Index.cshtml   | 27 ++++++++++++++++---
 .../Themes/TheAdmin/Styles/site.css           | 24 ++++++++++++++---
 2 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/src/Orchard.Web/Core/Dashboard/Views/Admin/Index.cshtml b/src/Orchard.Web/Core/Dashboard/Views/Admin/Index.cshtml
index e568ea278..de5e25069 100644
--- a/src/Orchard.Web/Core/Dashboard/Views/Admin/Index.cshtml
+++ b/src/Orchard.Web/Core/Dashboard/Views/Admin/Index.cshtml
@@ -2,9 +2,30 @@
 
 @{ Layout.Title = T("Welcome to Orchard").ToString(); }
 
-<p>@T("This is the place where you can manage your web site, its appearance and its contents. Please take a moment to explore the different menu items on the left of the screen to familiarize yourself with the features of the application. For example, try to change the theme through the “Manage Themes” menu entry. You can also create new pages and manage existing ones through the “Manage Pages” menu entry or create blogs through “Manage Blogs”.")</p>
-<p>@T("Have fun!")<br />@T("The Orchard Team")</p>
-
+<section class="dashboard group">
+    <div class="help-item">
+        <h2>Get up and running.</h2>
+        <p>Start by exploring the menu on the left and familiarize yourself with Orchard. 
+        As for the basics, we suggest <a href="#">changing the theme</a>, <a href="#">adding some pages</a>, <a href="#">setup up a 
+        blog</a>, and <a href="#">configuring basic settings.</a></p>
+    </div>
+    <div class="help-item">
+        <h2>Get more goodies.</h2>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nisl justo, pretium quis suscipit vel, consectetur ac purus. Suscipit vel, consectetur ac purus.</p>    
+    </div>
+    <div class="help-item">
+    <h2>Make friends.</h2>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nisl justo, pretium quis suscipit vel, consectetur ac purus. Suscipit vel, consectetur ac purus.</p>    
+    </div>
+    <div class="help-item">
+        <h2>Read the Docs.</h2>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nisl justo, pretium quis suscipit vel, consectetur ac purus. Suscipit vel, consectetur ac purus.</p>    
+    </div>
+    <div class="help-item">
+        <h2>Contribute back.</h2>
+        <p>Help grow Orchard. We encourage contributions of all sorts, including code submissions, documentation, translations, feature recommendations, and more. <a href=”#”>Here are some ways to give back to the project</a>.</p>    
+    </div>
+</section>
 
 <h2>@T("Advisory from <a href=\"{0}\">{0}</a>", "http://www.orchardproject.net/advisory")</h2>
 <iframe id="advisory" src="http://www.orchardproject.net/advisory" frameborder="0" height="64" width="100%"  >
diff --git a/src/Orchard.Web/Themes/TheAdmin/Styles/site.css b/src/Orchard.Web/Themes/TheAdmin/Styles/site.css
index 489c03610..9ea6888bb 100644
--- a/src/Orchard.Web/Themes/TheAdmin/Styles/site.css
+++ b/src/Orchard.Web/Themes/TheAdmin/Styles/site.css
@@ -158,8 +158,8 @@ hr {border:0; height:1px; color:#e4e5e6; background-color:#e4e5e6;}
     min-height:100%;
 }
 #layout-main {
-    /*display:inline;
-    overflow:auto;*/
+    display:inline;
+    overflow:auto;
     float:right;
     margin-left:-240px;
     width:100%;
@@ -168,7 +168,6 @@ hr {border:0; height:1px; color:#e4e5e6; background-color:#e4e5e6;}
 #main {
     margin-left:260px;
     margin-right:20px;
-    clear:both;
 }
 #menu {
     background:#323232;
@@ -383,7 +382,7 @@ ul.menuItems {margin:6px 0 0 0;}
 #content {
     background-color: #fff;
     padding: 16px 24px;
-    margin-top:8px;
+    margin:8px 0 0 0;
     border: 1px solid #e4e5e6;
     clear:both;
    
@@ -1064,6 +1063,23 @@ fieldset.delete-button {
     margin: 0 0 0 12px;
 }
 
+/* Dashboard */
+
+.dashboard 
+{
+    padding: 10px 0 0 0;
+}
+
+.dashboard .help-item 
+{
+    width: 245px;
+    min-height: 200px;
+    background-color: #fafafa;
+    border: 1px solid #eeeeee;
+    float: left;
+    margin: 0 55px 55px 0;
+}
+
 
 /* Fields
 ***************************************************************/