Skip to content

Commit

Permalink
Reformat and bootstrappify the client home view.
Browse files Browse the repository at this point in the history
  • Loading branch information
MichaelJCole committed May 13, 2014
1 parent 9503720 commit 46092dd
Show file tree
Hide file tree
Showing 2 changed files with 62 additions and 31 deletions.
7 changes: 5 additions & 2 deletions public/modules/core/controllers/home.client.controller.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
'use strict';

angular.module('core').controller('HomeController', ['$scope', 'Authentication', function ($scope, Authentication) {
angular.module('core')
.controller('HomeController', ['$scope', 'Authentication', function ($scope, Authentication) {
// This provides Authentication context.
// see /public/modules/users/services/authentication.client.service.js
$scope.authentication = Authentication;
}]);
}]);
86 changes: 57 additions & 29 deletions public/modules/core/views/home.client.view.html
Original file line number Diff line number Diff line change
@@ -1,32 +1,60 @@
<section data-ng-controller="HomeController">
<h1 class="text-center">THANK YOU FOR DOWNLOADING MEAN.JS</h1>
<section>

<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="jumbotron">
<h1>
That's some<br><img alt="140x140" src="http://meanjs.org/img/logo.png" />
</h1>
<p>
Open-Source Full-Stack Solution For MEAN Applications
</p>
<p>
<a class="btn btn-primary btn-large" href="http://meanjs.org" target="_blank">Learn more</a>
</p>
</div>
</div>
</div>
<h2>Congrats, you've configured and run the sample application.</h2>
<p>MEAN.JS is a web application boilerplate. That means start changing everything. Here's some docs to get your started.</p>
<div id="techTable" class="row clearfix">
<div class="col-md-3 column">
<h2><em>M</em>ongoDB</h2>
<p><a target="_blank" href="http://mongodb.org/">MongoDB</a> is a database. MongoDB's <a target="_blank" href="http://docs.mongodb.org/manual/">great manual</a>, to get started with NoSQL and MongoDB.</p>
</div>
<div class="col-md-3 column">
<h2><em>E</em>xpress</h2>
<p><a target="_blank" href="http://expressjs.com/"> Express</a> is an app server. Check out <a target="_blank" href="http://expressjs.com/guide.html">The Express Guide</a> or <a target="_blank" href="http://stackoverflow.com/questions/8144214/learning-express-for-node-js">StackOverflow</a> for more info.</p>
</div>
<div class="col-md-3 column">
<h2><em>A</em>ngularJS</h2>
<p>AngularJS is web app framework. <a target="_blank" href="http://angularjs.org/">Angular's webiste</a> offers alot. The <a target="_blank" href="http://www.thinkster.io/">Thinkster Popular Guide</a> and <a target="_blank" href="https://egghead.io/">Egghead Videos</a> are great resources.</p>
</div>
<div class="col-md-3 column">
<h2><em>N</em>ode.js</h2>
<p><a target="_blank" href="http://nodejs.org/">Node.js</a> is a web server. Node's website and this <a target="_blank" href="http://stackoverflow.com/questions/2353818/how-do-i-get-started-with-node-js">stackOverflow thread</a>, are great resources.</p>
</div>
</div>
<br>
<div class="well">
<h2>MEAN.JS Documentation</h2>
<p>
Before you begin we recommend you read about the basic building blocks that assemble a MEAN.JS application:
Once you're familiar with the foundation technology, check out the MEAN.JS Documentation:
<ul>
<li><a target="_blank" href="http://meanjs.org/docs.html">MEAN.JS Documentation</a></li>
<li><a target="_blank" href="http://meanjs.org/generator.html">Yoeman Generator</a></li>
<li><a target="_blank" href="http://meanjs.org/modules.html">Modules</a></li>
<li><a target="_blank" href="http://meanjs.org/changelog.html">Changelog</a></li>
<li><a target="_blank" href="http://meanjs.org/community.html">Community</a></li>
<li><a target="_blank" href="http://blog.meanjs.org">Blog</a></li>
</ul>
</p>
<dl>
<dt>MongoDB</dt>
<dd>
Go through <a target="_blank" href="http://mongodb.org">MongoDB Official Website</a> and proceed to its <a target="_blank" href="http://docs.mongodb.org/manual/">Great Manual</a>, which should help you understand NoSQL and MongoDB better.
</dd>
<dt>Express</dt>
<dd>
The best way to understand Express is through its <a target="_blank" href="http://expressjs.com"> Official Website</a>, particularly <a target="_blank" href="http://expressjs.com/guide.html">The Express Guide</a>; you can also go through this <a target="_blank" href="http://stackoverflow.com/questions/8144214/learning-express-for-node-js">StackOverflow Thread</a> for more resources.
</dd>
<dt>AngularJS</dt>
<dd>
Angular's <a target="_blank" href="http://angularjs.org">Official Website</a> is a great starting point. You can also use <a target="_blank" href="http://www.thinkster.io/">Thinkster Popular Guide</a>, and the <a target="_blank" href="https://egghead.io/">Egghead Videos</a>.
</dd>
<dt>Node.js</dt>
<dd>
Start by going through <a target="_blank" href="http://nodejs.org">Node.js Official Website</a> and this <a target="_blank" href="http://stackoverflow.com/questions/2353818/how-do-i-get-started-with-node-js">StackOverflow Thread</a>, which should get you going with the Node.js platform in no time.
</dd>
</dl>
<p class="alert alert-info">
When you're done with those resources and feel you understand the basic principles continue to the <a target="_blank" href="http://meanjs.org/docs.html">MEAN.JS Documentation</a>.
</p>
<br>
<br>Enjoy &amp; Keep Us Updated,
<br>The MEAN.JS Team.
</section>
</section>
</div>
<br>Enjoy &amp; Keep Us Updated,
<br>The MEAN.JS Team.
<br>
<br>
<br>
</div>
</section>

0 comments on commit 46092dd

Please sign in to comment.