bio layout

harp.json

@@ -3,6 +3,24 @@
     "title": "Angular",
     "description": "Angular is a modern javascript framework for building professional web applications.",
     "jsLatest": "2.0.0-alpha.11",
-    "dartLatest": "2.0.0-alpha.11"
+    "dartLatest": "2.0.0-alpha.11",
+
+    "bios": {
+      "misko": {
+        "name": "Miško Hevery",
+        "picture": "/resources/images/bios/misko.jpg",
+        "twitter": "mhevery",
+        "website": "http://misko.hevery.com",
+        "bio": "Miško Hevery is the creator of AngularJS framework. He has passion for making complex things simple. He currently works at Google, but has previously worked at Adobe, Sun Microsystems, Intel, and Xerox, where he became an expert in building web applications in web related technologies such as Java, JavaScript, Flex and ActionScript."
+      },
+
+      "igor": {
+        "name": "Igor Minar",
+        "picture": "/resources/images/bios/igor-minar.jpg",
+        "twitter": "IgorMinar",
+        "website": "https://google.com/+IgorMinar",
+        "bio": "Igor is a software engineer at Google. He is a lead on the Angular project, practitioner of test driven development, open source enthusiast, hacker. In his free time, Igor enjoys spending time with his wife and two kids, doing outdoor activities (including but not limited to sports, gardening and building retaining walls)."
+      }
+    }
   }
 }

public/_includes/_version-dropdown.jade

@@ -4,11 +4,11 @@ title = "Some Version"
 
 if language == 'js'
   if version == "latest"
-    title = jsLatest
+    title = 'Javascript ' + jsLatest
 
 if language == 'dart'
   if version == "latest"
-    title = dartLatest
+    title = 'Dart ' + dartLatest
 
 h2.hero-subtitle.text-subhead
   button(md-button ng-click="showVersionMenu($event)") #{title}  <span class="icon-arrow-drop-down"></span>

public/about/_data.json

@@ -1,7 +1,7 @@
 {
   "index": {
     "title": "Moving the Web Foward",
-    "subtitle": "The Vision For Angular"
+    "subtitle": "The Angular Core Team"
   },
 
   "presskit": {

public/about/index.jade

@@ -1 +1,32 @@
-h1 About
+.grid-fluid.l-space-bottom-8
+  .c2  
+
+  .c8.text-center
+    h3.text-headline.text-uppercase  Building For the Future
+    p.text-body.
+      Angular is built by a team of engineers who share a passion for
+      making making web development feel effortless. We believe that writing
+      beautiful apps should be joyful and fun. We're building a
+      platform for the future.
+
+  .c2  
+  .clear
+
+.grid-fluid.l-space-bottom-8
+  h3.text-headline.text-uppercase.text-center Current Contributors
+  for person, name in bios
+    div.c3
+      md-card.bio-card
+        img(src="#{person.picture}" class="md-card-image")
+        md-card-content
+          h3.text-headline #{person.name}
+          a(href="https://twitter.com/#{person.twitter}" class="bio-card-twitter") #{person.twitter}
+          p(class="text-body" ng-click="showBio($event)") #{person.bio}
+
+          a(href="#{person.website}" class="button" md-button) Website
+
+md-dialog
+  md-content
+    md-subheader(class="md-sticky-no-effect") Mango
+    p The mango is a juicy stone fruit belonging to the genus Mangifera, consisting of numerous tropical fruiting trees, cultivated mostly for edible fruit. The majority of these species are found in nature as wild mangoes. They all belong to the flowering plant family Anacardiaceae. The mango is native to South and Southeast Asia, from where it has been distributed worldwide to become one of the most cultivated fruits in the tropics.
+

public/docs/js/_quickstart.jade

@@ -41,8 +41,7 @@
   p.
     Create a file named <code>app.es6</code> at the root of the project.
     The <code>.es6</code> extension signifies that the file uses ES6 syntax.
-
-  p Using the ES6 module syntax you can import the required modules from Angular2.
+    Using the ES6 module syntax you can import the required modules from Angular2.
 
   pre.prettyprint.linenums
     code import {Component, Template, bootstrap} from 'angular2/angular2';

public/docs/js/latest/index.jade

@@ -2,7 +2,7 @@
 div.c4
   md-card
     md-card-content
-      h2.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
+      h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
       p.text-body Learn in 5 minutes
 
       footer
@@ -12,7 +12,7 @@ div.c4
 div.c4
   md-card
     md-card-content
-      h2.text-headline.text-uppercase <span class="icon-play-circle-outline"></span> Resources
+      h3.text-headline.text-uppercase <span class="icon-play-circle-outline"></span> Resources
       p.text-body Preview of v2.0
 
       footer
@@ -22,7 +22,7 @@ div.c4
 div.c4
   md-card
     md-card-content
-      h2.text-headline.text-uppercase <span class="icon-book"></span> API Proposal
+      h3.text-headline.text-uppercase <span class="icon-book"></span> API Preview
       p.text-body Proposal for v2.0 API
 
       footer

public/docs/js/latest/resources.jade

@@ -1 +1,14 @@
-h1 resources
+.l-main-section
+  h2 Victor Savkin's blog posts:
+  ul
+    li Change Detection http://victorsavkin.com/post/110170125256/change-detection-in-angular-2
+    li <a href="http://victorsavkin.com/post/108837493941/better-support-for-functional-programming-in">Functional programming </a>
+    li dependency injection http://victorsavkin.com/post/110170125256/change-detection-in-angular-2
+
+Video: David East's intro to the todo app
+GDEs: https://developers.google.com/experts/all/technology/angular-js
+
+Other videos
+ng-europe playlist of videos on angular 2 and future of angular https://www.youtube.com/watch?v=lGdnh8QSPPk&list=PLhc_bKwZngxW_ZlY0NkaGkvKpiA_pzcZ-
+soon: playlist of video from ng-conf 2015
+Anders Hejlsberg's talk on TypeScript from December https://www.youtube.com/watch?v=Ut694dsIa8w

public/resources/css/main.scss

@@ -25,6 +25,7 @@
 @import 'module/buttons';
 @import 'module/code';
 @import 'module/sticker';
+@import 'module/bio-card';
 
 
 /*

public/resources/css/module/_bio-card.scss

@@ -0,0 +1,24 @@
+.bio-card {
+  h3 {
+    margin: 0;
+  }
+
+  .bio-card-twitter {
+    margin-bottom: $unit * 2;
+    font-size: 16px;
+    text-decoration: none;
+    display: block;
+  }
+
+  img {
+    width: 100%;
+  }
+
+  p {
+    max-height: 72px;
+    overflow: hidden;
+    cursor: pointer;
+    font-size: 14px;
+    line-height: 24px;
+  }
+}

public/resources/js/site.js

@@ -14,7 +14,7 @@ var angularIO = angular.module('angularIOApp', ['ngMaterial'])
     });
 });
 
-angularIO.controller('AppCtrl', ['$scope', '$mdSidenav', function($scope, $mdSidenav){
+angularIO.controller('AppCtrl', ['$scope', '$mdSidenav', '$mdDialog', function($scope, $mdSidenav, $mdDialog){
   $scope.toggleSidenav = function(menuId) {
     $mdSidenav(menuId).toggle();
   };
@@ -23,6 +23,20 @@ angularIO.controller('AppCtrl', ['$scope', '$mdSidenav', function($scope, $mdSid
     alert('hi');
   };
 
+  $scope.showBio = function (event) {
+    var bio = angular.element(event.currentTarget).text();
+    console.log(bio);
+
+    $mdDialog.show(
+      $mdDialog.alert()
+        .title('This is an alert title')
+        .content(bio)
+        .ariaLabel('Password notification')
+        .ok('Done')
+        .targetEvent(event)
+    );
+  };
+
   prettyPrint();
 }]);