Added fonts + do it responsive

README.md

@@ -1,6 +1,7 @@
 # meteor-boilerplate
 
-This boilerplate is here to give you a structure for typical meteor projects, with a console tool to ease up some tasks. 
+This boilerplate is here to give you a structure for typical meteor projects, with a console tool to ease up some tasks.
+Here's what the boilerplate looks like: [boilerplate.meteor.com](http://boilerplate.meteor.com)
 
 ## How to install
 
@@ -17,6 +18,19 @@ meteor
 ./meteor-boilerplate # Lists all possible commands 
 ```
 
+### Packages used
+
+* semantic-ui
+* collection2
+* less
+* jquery
+* underscore
+* handlebar-helpers
+* iron-router
+* iron-router-progress
+* accounts-password
+* accounts-ui
+
 ## What's in this boilerplate
 
 The "insecure" and "autopublish" packages are removed by default. Several other packages are added, which are listed on the bottom. There's already a lot of predefined code in this boilerplate, to show you the possible functionality.
@@ -58,21 +72,6 @@ meteor-boilerplate.bat  # Command line tool for windows
 
 (*) = the command line tool creates files in these folders
 
-### Packages used
-
-* standard-app-packages
-* preserve-inputs
-* less
-* jquery
-* underscore
-* handlebar-helpers
-* iron-router
-* iron-router-progress
-* bootstrap3-less
-* accounts-password
-* accounts-entry
-* accounts-ui
-
 ## Projects created with this boilerplate
 [places](https://github.com/matteodem/places)
 

client/config/accounts.js

@@ -1,8 +1,3 @@
 Accounts.ui.config({
     passwordSignupFields: 'USERNAME_AND_EMAIL'
 });
-
-AccountsEntry.config({
-    homeRoute: '/',
-    dashboardRoute : '/'
-});

client/stylesheets/content.less

@@ -1,5 +1,5 @@
 @import 'variables.less';
 
 .padding-wrapper {
-    padding: 30px 20px;
+    padding: 20px;
 }

client/stylesheets/main.less

@@ -10,31 +10,42 @@ body, #main {
     margin: 0px;
     padding: 0px;
     font-family: 'Fauna One', serif;
+}
 
-    .divider:before {
-        margin-right: 0px;
-    }
+#main {
+    margin: 0px 4px 0px 0px;
 }
 
 a {
     color: inherit;
     transition: 0.3s color;
 
     &:hover {
-        color: @purple;
+        color: @primaryLinkHoverColor;
     }
 }
 
 .icon {
     &.orange {
-        color: @orange;
+        color: @html5Orange;
     }
 }
 
 .ui.header {
     font-family: 'Glegoo', serif;
 }
 
+/* -------------------
+    Footer
+   ------------------- */
+.padding-wrapper.footer {
+    border-radius: 0px;
+
+    a:hover {
+        color: @secondaryLinkHoverColor;
+    }
+}
+
 /* -------------------
     Progress bar
    ------------------- */

client/stylesheets/variables.less

@@ -1,10 +1,14 @@
 // Declare variables for use in all the template specific / main less files
 
-@purple: #682d71;
-@lightPurple: #bd6ddb;
-@white: #f6eff4;
-@veryLightGray: #DDDDDD;
-@lightestGray: #eeeeee;
-@blue: #1b3fc3;
+@primaryLinkHoverColor: #682d71;
+@secondaryLinkHoverColor: #bd6ddb;
+@secondaryFontColor: #f6eff4;
+@secondaryFontColorVariation: #DDDDDD;
+@primaryIconColor: #1b3fc3;
 
-@orange: #F06529;
+@html5Orange: #F06529;
+
+// Responsive variables
+@largeDesktopWidth: 1200px;
+@mediumDesktopWidth: 992px;
+@tabletWidth: 768px;

client/views/common/footer.html

@@ -1,9 +1,7 @@
 <template name="footer">
-    <div class="padding-wrapper">pictures by <a href="http://www.flickr.com/photos/dexxus/">Paul Bica</a></div>
-    {{#if currentUser}}
-        <!-- p>You're logged in as {{currentUser.username}}, <a href="{{urlFor 'entrySignOut'}}">sign out here</a></p -->
-    {{else}}
-        <!-- a href="{{urlFor 'entrySignIn'}}">Sign in here</a> (or if you have no account <a href="{{urlFor 'entrySignUp'}}">sign up)</a -->
-    {{/if}}
+    <div class="ui inverted padding-wrapper footer segment">
+        project by <a href="https://github.com/matteodem">Matteo De Micheli</a>,
+        pictures by <a href="http://www.flickr.com/photos/dexxus/">Paul Bica</a>
+    </div>
 </template>
 

client/views/header/header.less

@@ -7,14 +7,14 @@
     height: 450px;
     background-position: 100% 100%;
     transition: height 0.8s;
-    color: @white;
+        color: @secondaryFontColor;
 
     .ui.header {
         font-size: 3em;
         padding-top: 160px;
 
         > .sub.header {
-            color: @veryLightGray;
+            color: @secondaryFontColorVariation;
         }
     }
 
@@ -24,11 +24,11 @@
     }
 
     .angle.icon {
-        color: @white;
+        color: @secondaryFontColor;
     }
 
     a:hover {
-        color: @lightPurple;
+        color: @secondaryLinkHoverColor;
     }
 
     &.active {