Merge pull request #66 from jeroengerits/master

Change SCSS and HTML (see commits)

Author: Shawn McCool

README.md

@@ -5,6 +5,10 @@ This is the Laravel.IO community portal site. The site is entirely open source a
 ### Requirements
 
 1. PHP 5.4
+2. Vagrant
+3. Chef
+4. Virtualbox
+5. NodeJS
 
 ### Recommended
 
@@ -80,7 +84,7 @@ After pulling down changes, ssh into the vagrant box and run the update_environm
 Because we keep the generated / minified css out of the repository, we must have a workflow for compiling the styles.
 * Install the latest NodeJS
 * Then, go to /public folder and run "npm install"
-* Finally, run "compass watch" in your /public folder and the minified css will be generated and also your filesystem will watch for file changes (and overwrites the .css). You can also run "compass compile" as a single one-time command to generate the css.
+* Finally, run "compass watch" in your /public folder and the minified css will be generated and also your filesystem will watch for file changes (and overwrites the .css). You can also run "compass compile" as a single one-time command to generate the css and don't watch the filesystem.
 
 ### Contribution
 

app/views/contributors/_member_card.blade.php

@@ -1,5 +1,8 @@
 <div class="contributor member">
 	<h2>{{ $contributor->name }}</h2>
+	<p class="github-link">
+		<a href="{{ $contributor->github_url }}">Github profile</a>
+	</p>	
 	<p class="avatar">
 		<img src="{{ $contributor->user->image_url }}" alt="{{ $contributor->name }}">
 	</p>

app/views/contributors/_nonmember_card.blade.php

@@ -1,7 +1,12 @@
 <div class="contributor nonMember">
 	<h2>{{ $contributor->name }}</h2>
+	<p class="github-link">
+		<a href="{{ $contributor->github_url }}">Github profile</a>
+	</p>
 	<p class="avatar">
 		<img src="{{ $contributor->avatar_url }}" alt="{{ $contributor->name }}">
 	</p>
-	<p class="count">Count: {{ $contributor->contribution_count }}</p>
+	<p class="count">
+		Count: {{ $contributor->contribution_count }}
+	</p>
 </div>

app/views/home/index.blade.php

@@ -9,6 +9,9 @@
         @foreach($articles as $article)
             @include('articles._small_summary')
         @endforeach
+        <p>
+            <a href="{{ action('Controllers\ArticlesController@getIndex') }}">See all articles</a>
+        </p>
     </div>
 </section>
 

public/scss/modules/_hero-section.scss

@@ -16,13 +16,28 @@
         h1 {
             color: #fff;
         }
+        a {
+            color:#fff;
+            text-decoration: underline;
+            &:hover {
+                color: $lioGrey;
+                text-shadow:none;
+            }            
+        }
     }
     .posts {
         float: left;
         color: #fff;
         width: 60%;
         padding: 4% 5% 2% 5%;
-
+        a {
+            color:#fff;
+            text-decoration: underline;
+            &:hover {
+                color: $lioGrey;
+                text-shadow:none;
+            }            
+        }
     }
 }
 

public/stylesheets/app.css

@@ -7423,20 +7423,40 @@ header {
 .hero-section .description h1 {
   color: #fff;
 }
-/* line 20, ../scss/modules/_hero-section.scss */
+/* line 19, ../scss/modules/_hero-section.scss */
+.hero-section .description a {
+  color: #fff;
+  text-decoration: underline;
+}
+/* line 22, ../scss/modules/_hero-section.scss */
+.hero-section .description a:hover {
+  color: #524f4f;
+  text-shadow: none;
+}
+/* line 28, ../scss/modules/_hero-section.scss */
 .hero-section .posts {
   float: left;
   color: #fff;
   width: 60%;
   padding: 4% 5% 2% 5%;
 }
+/* line 33, ../scss/modules/_hero-section.scss */
+.hero-section .posts a {
+  color: #fff;
+  text-decoration: underline;
+}
+/* line 36, ../scss/modules/_hero-section.scss */
+.hero-section .posts a:hover {
+  color: #524f4f;
+  text-shadow: none;
+}
 
-/* line 29, ../scss/modules/_hero-section.scss */
+/* line 44, ../scss/modules/_hero-section.scss */
 .hero-section .dark {
   background-color: #ef4531;
 }
 
-/* line 33, ../scss/modules/_hero-section.scss */
+/* line 48, ../scss/modules/_hero-section.scss */
 .hero-section .darker {
   background-color: #ee3823;
 }