Initial commit

Author: Marko Iskander

.gitignore

@@ -0,0 +1,5 @@
+.sass-cache/
+*.css.map
+node_modules/
+bundle.js
+.idea/

Gruntfile.js

@@ -0,0 +1,66 @@
+var jsFiles = ['./js/modules/**/*.js'];
+var scssFile = 'scss/style.scss';
+var watchFiles = jsFiles.concat([scssFile, 'scss/font-variations.scss']);
+
+module.exports = function(grunt) {
+    grunt.initConfig({
+        pkg: grunt.file.readJSON('package.json'),
+        sass: {
+            dist: {
+                options: {
+                    style: 'compressed'
+                },
+                files: {
+                    'css/style.css': scssFile
+                }
+            }
+        },
+        autoprefixer: {
+            options: {
+                map: true
+            },
+            dist: {
+                files: {
+                    'css/style.css': 'css/style.css'
+                }
+            }
+        },
+        watch: {
+            css: {
+                files: watchFiles,
+                tasks: ['sass', 'autoprefixer', 'browserify']
+            },
+            options: {
+              livereload: true
+            }
+        },
+        connect: {
+          server: {
+            options: {
+              port: 8443,
+              hostname: '*',
+              protocol: 'https'
+            }
+          }
+        },
+        browserify: {
+            dist: {
+                files: {
+                    './bundle.js': jsFiles
+                }
+            },
+            options: {
+                browserifyOptions: {
+                    debug: true
+                }
+            }
+        }
+    });
+    grunt.loadNpmTasks('grunt-contrib-sass');
+    grunt.loadNpmTasks('grunt-contrib-watch');
+    grunt.loadNpmTasks('grunt-autoprefixer');
+    grunt.loadNpmTasks('grunt-contrib-connect');
+    grunt.loadNpmTasks('grunt-browserify');
+    grunt.registerTask('default', ['connect', 'sass', 'autoprefixer', 'browserify', 'watch']);
+    grunt.registerTask('compile', ['autoprefixer', 'browserify']);
+}

README.md

@@ -0,0 +1,31 @@
+# Typekit Platform API Font Browser Demo App
+This app is built to validate the Typekit Platform API and set an example to show integration partners how to use the Platform API properly. This demo app covers the following endpoints and features:
+* `/families`
+* `/filter`
+* Typekit Preview Kit
+* IMS Authentication API
+
+### See the example
+
+* [A running example of this demo app](https://demo.typekit.io)
+
+### Documentation
+
+* [Typekit Platform documentation at Adobe I/O](http://adobe.io/products/typekit)
+* [API endpoint documentation](https://docs.typekit.io)
+
+### Installation
+* You need to have `grunt cli` tool first. If you already have it, skip this step
+```
+$ npm install -g grunt-cli
+```
+* You need `grunt` installed:
+```
+$ npm install
+```
+* Run grunt
+```
+$ grunt
+```
+* Go [`https://localhost:8443`](https://localhost:8443) in the browser
+

config.rb

@@ -0,0 +1,25 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "css"
+sass_dir = "scss"
+images_dir = "images"
+javascripts_dir = "js"
+fonts_dir = "fonts"
+
+output_style = :expanded
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+color_output = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass css scss && rm -rf sass && mv scss sass

config/demo-app-config.json

@@ -0,0 +1,8 @@
+
+{
+  "typekit_preview": {
+    "auth_id": "pda2",
+    "auth_token": "+dWpSpvT9ekd5/AnOgS4WnY1c0pqhwpehaQavQGfPH++6nj2gJimVtkGpB6rglRsbRFpsns6KLCHuSWmXcPLAcykN7h1qhcXRfZ6cQkJacopBI6xkhllv3GabDxNItuL",
+    "default_subset": "default"
+  }
+}

css/reset.css

@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol, ul {
+  list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}