Add PR link

Author: alfonsogarciacaro

src/App.fs

@@ -116,8 +116,14 @@ let view (model:Model) dispatch =
                     Column.Width (Screen.All, Column.IsThreeFifths)
                     Column.Offset (Screen.All, Column.IsOneFifth)
                 ] [
-                    Heading.h4 [Heading.CustomClass "intro-text"] [
-                        str "Find resources from the community!"                        
+                    div [Class "intro-text"] [
+                        Heading.h4 [] [str "Find resources from the community!"]
+                        Heading.h6 [Heading.IsSubtitle] [
+                            str "Let's grow together. Send us a PR to "
+                            a [Href "https://github.com/fable-compiler/community/edit/master/public/community.json"] [str "add your awesome project"]
+                            str "."
+                        ]
+
                     ]
                     searchBox model dispatch
                     ul [Class "resource-list"]

src/style.scss

@@ -30,13 +30,16 @@ body {
 }
 
 .main-section {
- flex: 1 0 auto;
- .intro-text {
-     color: darken($fable-blue, 10%);
- }
- .resource-item {
-     margin: 20px 0;
- }
+  flex: 1 0 auto;
+  .intro-text {
+    .title.is-4 {
+      color: darken($fable-blue, 15%);
+    }
+    margin-bottom: 40px;
+  }
+  .resource-item {
+    margin: 20px 0;
+  }
 }
 
 .footer {
@@ -87,7 +90,7 @@ body {
   .navbar-end {
     //   background-color: $body-background;
     .navbar-item:hover {
-        color: $fable-blue !important;
-      }
+      color: $fable-blue !important;
+    }
   }
 }