download page

This commit is contained in:
Alex Wolfe 2015-03-04 06:29:50 -08:00
parent c77e4850f1
commit d6e901caa0
7 changed files with 124 additions and 7 deletions

View File

@ -1,3 +1,3 @@
.cta-bar
a(href="/docs/js/latest/quickstart.html" class="button button-large button-shield md-raised md-primary" md-button) Learn in 5 Min
a(href="download.html" class="button button-large button-secondary" md-button) Download
a(href="download/" class="button button-large button-secondary" md-button) Download

View File

@ -4,7 +4,7 @@ header(class="background-sky")
.hero-cta
a(href="/docs/js/latest/quickstart.html" class="md-raised button button-large button-plain" md-button) Learn in 5 mins
a(href="/download.html" class="button button-large button-navy" md-button) Download
a(href="/download/" class="button button-large button-navy" md-button) Download
!= partial("_social-icons")

View File

@ -7,4 +7,4 @@ md-toolbar(class="main-nav background-regal l-pinned-top l-layer-5")
li <a class="main-nav-button" href="/docs/js/latest/" md-button>Docs</a>
li <a class="main-nav-button" href="/about/" md-button>About</a>
li <a class="main-nav-button" href="/contribute.html" md-button>Contribute</a>
a(class="cta main-nav-button has-icon" href="/download.html" md-button) <span class="icon icon-cloud-download"></span> Download
a(class="cta main-nav-button has-icon" href="/download/" md-button) <span class="icon icon-cloud-download"></span> Download

View File

@ -1,13 +1,52 @@
{
"index": {
"title": "Angular Docs",
"subtitle": "Choose a language for Angular",
"title": "Setup & Install Angular",
"subtitle": "Choose from our list of Frameworks",
"downloads": {
"angular2": {
"Angular_2": {
"description": "Angular 2.0 is currently in alpha preview. Angular 2 is a development platform for building mobile and desktop web applications",
"2.0.0-alpha.11": {
"npm": "https://www.npmjs.com/package/angular2"
}
},
"AngularDart_2": {
"description": "AngularDart 2.0 is currently in alpha preview. AngularDart 2.0 is a development platform for building mobile and desktop web applications",
"2.0.0-alpha.12": {
"npm": "https://pub.dartlang.org/packages/angular2"
}
},
"Angular_1.X": {
"description": "The production ready version of Angular JS",
"1.X": {
"file": "https://code.angularjs.org/"
}
},
"AngularDart_1.X": {
"description": "The production ready version of AngularDart",
"1.X": {
"file": "https://angulardart.org/"
}
},
"AngularFire_1.X": {
"description": "AngularFire is the officially supported AngularJS binding for Firebase.",
"1.X": {
"file": "https://www.firebase.com/docs/web/libraries/angular/index.html"
}
},
"AngularMaterial_1.X": {
"description": "The Angular Material project is an implementation of Material Design in Angular.js.",
"1.X": {
"file": "https://material.angularjs.org/#/getting-started"
}
}
}
}
}

View File

@ -0,0 +1,23 @@
.grid-fluid.l-space-bottom-8
for versions, framework in downloads
div.c9.card
frameworkName = framework.replace(/\_/gm, ' ')
header
h2.text-headline #{frameworkName}
for version, name in versions
if name == "description"
p #{version}
else
.card-content
h3.text-body Version #{name}
ul
if version.file
li <a href="#{version.file}"> Download for #{name}</a>
if version.npm
li <a href="#{version.npm}"> NPM installion for #{name}</a>

View File

@ -29,6 +29,7 @@
@import 'module/bio-card';
@import 'module/overlay';
@import 'module/alert';
@import 'module/card';
/*

View File

@ -0,0 +1,54 @@
.card {
margin-bottom: $unit * 4;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
border-radius: 2px;
header {
background: $mist;
padding: $unit * 2;
border-radius: 2px 2px 0px 0px;
h2 {
margin: ($unit * 2) 0px 0px 0px;
}
}
p {
padding: 0px ($unit * 2);
margin-bottom: 0px;
}
.card-content {
border-bottom: 1px solid $mist;
padding: $unit * 2;
&:last-child {
border-bottom: none;
}
h3 {
margin: 0px;
}
ul {
padding: 0px;
margin: 0px 0px 0px ($unit * 4);
a {
font-size: 14px;
display: block;
line-height: 24px;
text-decoration: none;
padding: 0px 4px;
&:hover {
text-decoration: underline;
background: $mist;
}
}
}
}
}