Updating the Home Page

fabiojansenbr · Jul 19, 2015 · 7d38cb4 · 7d38cb4
1 parent 8f69ee2
commit 7d38cb4
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 178 deletions.
diff --git a/src/Jmelosegui.Mvc.Googlemap.Examples/Content/Site.css b/src/Jmelosegui.Mvc.Googlemap.Examples/Content/Site.css
@@ -7,6 +7,7 @@
 
     .social-button > li {
         float: left;
+         margin-left: 5px;
     }
 
 @media (max-width: 767px) {

diff --git a/src/Jmelosegui.Mvc.Googlemap.Examples/Jmelosegui.Mvc.Googlemap.Examples.csproj b/src/Jmelosegui.Mvc.Googlemap.Examples/Jmelosegui.Mvc.Googlemap.Examples.csproj
@@ -353,7 +353,6 @@
     <Content Include="packages.config">
       <SubType>Designer</SubType>
     </Content>
-    <None Include="Project_Readme.html" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\Jmelosegui.Mvc.Googlemap\Jmelosegui.Mvc.Googlemap.csproj">

diff --git a/src/Jmelosegui.Mvc.Googlemap.Examples/Project_Readme.html b/src/Jmelosegui.Mvc.Googlemap.Examples/Project_Readme.html
diff --git a/src/Jmelosegui.Mvc.Googlemap.Examples/Views/Home/FirstLook.cshtml b/src/Jmelosegui.Mvc.Googlemap.Examples/Views/Home/FirstLook.cshtml
@@ -6,33 +6,50 @@
 <div class="row">
     <div class="col-md-12">
         <img src="~/Images/logo.jpg" alt="Alternate Text" class="pull-left hidden-xs" style="margin-right: 30px" />
-        <p style="margin-top: 30px;">
-            The control wraps Google maps API simplifying the use of Google maps in ASP.NET
+        <h4 style="margin-top: 30px;">
+            Googlemap control for Asp.Net MVC wraps Google maps API simplifying the use of Google maps in ASP.NET
             MVC applications.<br />
-        </p>
+        </h4>
     </div>
 </div>
 
 <div class="row">
-    <ul id="highlights">
-        <li>
-            <h3>
-                Open Source
-            </h3>
-            <p>
-                Feel free to use it under <strong>GPLv2</strong> license
-            </p>
-        </li>
-        <li>
-            <h3>Nuget Package Available</h3>
-            <div class="col-lg-9 col-xs-12 nuget">
-                PM> Install-Package Jmelosegui.Mvc.Googlemap
-            </div>
-            <div class="clearfix"></div>
-            <p>
-                See the <a href="https://github.com/jmelosegui/GooglemapMvc/wiki/Installation">Installation</a> page on github
-            </p>
-
-        </li>
-    </ul>
+    <div class="col-sm-12">
+        <h2>Install</h2>
+        <p>Inside Visual Studio create a new AspNet Mvc Application.</p>
+        <p> Open the package manager console and install the Googlemap Mvc nuget package by typing the following command.</p>
+
+        <div class="col-lg-9 col-xs-12 nuget">
+            PM> Install-Package Jmelosegui.Mvc.Googlemap
+        </div>
+        <div class="clearfix"></div>
+    </div>
+    <br />
+    <div class="col-sm-12">
+
+        <p>Once you have it go to the Views-&gt;Home-&gt;Index.cshtml and include the following</p>
+        <pre class="prettyprint">
+    @@(
+        Html.Googlemap()
+            .Name("map")
+            .Markers(m => m.Add().Title("Hello World!")) 
+    )
+        </pre>
+
+        <p>and at the end of that page add the following</p>
+
+        <pre class="prettyprint">
+    @@section scripts
+    {
+       @@(Html.GoogleMap().ScriptRegistrar())
+    }
+        </pre>
+
+        <p>Now hit F5 and you should see the map rendering on the page </p>
+    </div>
+
+    <div class="col-sm-12">
+        <h2>License</h2>
+        <p>Googlemap control for Asp.Net MVC is released under the <a href="https://raw.githubusercontent.com/jmelosegui/GooglemapMvc/master/LICENSE">GNU GENERAL PUBLIC LICENSE</a> Version 2.</p>
+    </div>
 </div>
diff --git a/src/Jmelosegui.Mvc.Googlemap.Examples/Views/Shared/_Layout.cshtml b/src/Jmelosegui.Mvc.Googlemap.Examples/Views/Shared/_Layout.cshtml
@@ -35,7 +35,7 @@
             <div id="title" class="col-xs-12 col-sm-8"><h2>Googlemap control for Asp.Net MVC</h2></div>
             <div class="col-xs-12 col-sm-4">
                 <ul class="social-button">
-                    <li><iframe src="https://ghbtns.com/github-btn.html?user=jmelosegui&repo=googlemapmvc&type=star&count=true&size=small" frameborder="0" scrolling="0" width="95px" height="20px"></iframe></li>
+                    <li><iframe src="https://ghbtns.com/github-btn.html?user=jmelosegui&repo=googlemapmvc&type=star&count=true&size=small" frameborder="0" scrolling="0" width="80px" height="20px"></iframe></li>
                     <li> @Html.Partial("_TwitterButton")</li>
                     <li>
                         <g:plusone size="medium"></g:plusone>
@@ -60,7 +60,7 @@
             <div class="col-xs-1 visible-xs">
                 <button type="button" class="btn btn-xs" data-toggle="offcanvas" id="btnShow"><i class="glyphicon glyphicon-chevron-right"></i></button>
             </div>
-            <div class="col-xs-11 col-sm-8 col-md-9" style="margin-top: -20px">
+            <div class="col-xs-11 col-sm-8 col-md-9">
                 @RenderBody()
             </div>
         </div>