stylesheets mostly done; figuring out content and components.

rcreasey · rcreasey · commit e503a512e757 · 2015-05-05T22:31:56.000-07:00
diff --git a/app/app.coffee b/app/app.coffee
@@ -0,0 +1,15 @@
+`import Ember from 'ember'`
+`import Resolver from 'ember/resolver'`
+`import loadInitializers from 'ember/load-initializers'`
+`import config from './config/environment'`
+
+Ember.MODEL_FACTORY_INJECTIONS = true
+
+App = Ember.Application.extend
+  modulePrefix: config.modulePrefix,
+  podModulePrefix: config.podModulePrefix,
+  Resolver: Resolver
+
+loadInitializers(App, config.modulePrefix)
+
+`export default App`
diff --git a/app/app.js b/app/app.js
diff --git a/app/components/prompt.js b/app/components/prompt.js
@@ -0,0 +1,5 @@
+import Ember from "ember";
+
+export default Ember.TextField.extend({
+
+});
diff --git a/app/router.coffee b/app/router.coffee
@@ -0,0 +1,10 @@
+`import Ember from 'ember'`
+`import config from './config/environment'`
+
+Router = Ember.Router.extend
+  location: config.locationType
+
+Router.map ->
+  @route 'about'
+
+`export default Router`
diff --git a/app/router.js b/app/router.js
diff --git a/app/routes/about.coffee b/app/routes/about.coffee
@@ -0,0 +1,5 @@
+`import Ember from 'ember'`
+
+AboutRoute = Ember.Route.extend()
+
+`export default AboutRoute`
diff --git a/app/styles/app.styl b/app/styles/app.styl
@@ -1,51 +1,63 @@
 @import url(http://fonts.googleapis.com/css?family=Droid\+Sans\+Mono)
+@import 'bower_components/nib'
+
+$foreground = white
+$background = black
 
 body
+  background linear-gradient(top, 
+    transparent 0px, 
+    transparent 1px, 
+    alpha($foreground, 0.25) 1px, 
+    alpha($foreground, 0.25) 2px)
+  -webkit-background-size 100% 2px
+  -moz-background-size 100% 2px
   font-family 'Droid Sans Mono', Monaco, "Lucida Console", monospace
   font-size 10pt
-  text-shadow 0px 0px 10px #fff
+  text-shadow 0px 0px 10px $foreground
   padding 2px
-  background-color #000
-  color #fff
+  background-color $background
+  color $foreground
   
-#terminal
-  background: -webkit-repeating-linear-gradient(
-    top,
-    transparent 0px,
-    transparent 1px,
-    rgba(0,0,0,0.25) 1px,
-    rgba(0,0,0,0.25) 2px
-  );
-  -webkit-background-size: 100% 2px;
-
-  background: -moz-repeating-linear-gradient(
-    top,
-    transparent 0px,
-    transparent 1px,
-    rgba(0,0,0,0.25) 1px,
-    rgba(0,0,0,0.25) 2px
-  );
-  -moz-background-size: 100% 2px;
-
 pre
   margin-top 0 !important
 
 a
-  color #FFF
+  color $foreground
   &:visited
-    color #CCC
+    color lightness($foreground, 80%)
 
 span
   &.symlink
-    color #F00
+    color lightness($foreground, 20%)
 
 .prompt, #prompt
-  background-color #ccc
-  color #000
+  background-color lightness($foreground, 80%)
+  background linear-gradient(top, 
+    transparent 0px, 
+    transparent 1px, 
+    alpha($foreground, 0.5) 1px, 
+    alpha($foreground, 0.5) 2px)
+  color $background
+  text-shadow none
 
 .command
   margin-left .5em
 
 #cursor
   font-weight normal
-  background-color #000
+  background-color $background
+  -webkit-animation 1s blink step-end infinite
+  -moz-animation 1s blink step-end infinite
+  -ms-animation 1s blink step-end infinite
+  -o-animation 1s blink step-end infinite
+  animation 1s blink step-end infinite
+
+@keyframes blink {
+  from,to {
+    color transparent
+  }
+  50% { 
+    color $foreground
+  }
+}
diff --git a/app/templates/about.emblem b/app/templates/about.emblem
@@ -0,0 +1,4 @@
+.prompt#1
+  span kaneda.net %
+  span.command#2 cat about.md
+#3
diff --git a/app/templates/application.emblem b/app/templates/application.emblem
@@ -0,0 +1,2 @@
+#terminal
+  == outlet
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
diff --git a/app/templates/components/prompt.hbs b/app/templates/components/prompt.hbs
@@ -1 +1,3 @@
+{{ log this }}
+{{ log foobar }}
 <div id="prompt"><span>kaneda.net %</span><span id="cursor" class="command" style="visibility: visible;">&nbsp;</span></div>
diff --git a/app/templates/includes/about.markdown b/app/templates/includes/about.markdown
@@ -0,0 +1,29 @@
+# About Me
+
+## The Site
+
+Contrary to what most of you might think, this site has nothing to do with what you came here to find.
+
+It has nothing to do with [this movie](http://www.imdb.com/title/tt0094625/), [this math professor](http://math.uci.edu/~mkaneda/) or even [the dog](http://kaneda.com).
+
+Remember when the intar-web was nothing more than a few bbs tied loosely together and the first time you dialed up your old analog modem? Well, being indecisive and just seeing [Shogun](http://www.imdb.com/title/tt0080274/), I asked a japanese friend of mine for a common japanese name. "I have a brother named 'Kaneda'," he offered. I've been typing 'kaneda' at login prompts ever since.
+
+However, it wasn't until my sophomore year in college that I finally decided to get a webpage, and luckily the domain wasn't squatted (well, if you want to call the $75 domain registration those pirates over at NetSol were charging). As of Feb 2007, kaneda.net is eight years old and has now sprung up into many different aspects.
+
+## Ryan C. Creasey
+
+I'm a graduate of [UC Irvine](http://www.uci.edu) majoring in Information and Computer Science, with a specialization in Networks and Distributed Systems.
+
+I'm employed as a Senior Systems Engineer II for the [battle.net](http://battle.net) team at [Blizzard Entertainment](http://blizzard.com). I'm not able to disclose much about my current role, but it's a pretty awesome gig.  You can check out [my LinkedIn profile](http://www.linkedin.com/in/ryancreasey), if you're really that interested in my current or previous employment.
+
+I'm married to my beautiful wife, Michelle, and together we have a miniature pinscher, Mr. T.
+
+## The Site
+
+This site has seen several iterations, some more painful and hollow than others, but hopefully this time I'll have gotten it right. Besides, what is more eternal than a stylized [zsh-esque](https://github.com/robbyrussell/oh-my-zsh) command prompt?
+
+It's currently an extremely light [express](http://expressjs.com/) [node.js application](http://nodejs.org/).  If you want to see the source code for this site, check out its [github page](https://github.com/rcreasey/kaneda.net).
+
+This site is currently running on [heroku.com](http://heroku.com) on a [cedar](https://devcenter.heroku.com/articles/cedar) stack.
+
+[kaneda.net](http://kaneda.net) is the personal site of Ryan Creasey. There's not a whole lot to see here, other than random technical blatherings and comments about being a nerd.  If you want to see some of the code I've written, check out [my github page](https://github.com/rcreasey).
diff --git a/app/templates/includes/tree.hbs b/app/templates/includes/tree.hbs
@@ -1,7 +1,3 @@
-<div id="1"><span>localhost %</span><span id="2" class="command">ssh ryan@kaneda.net</span></div>
-<div id="3">ryan@kaneda.net's password:</div>
-<div id="4" class="prompt"><span>kaneda.net %</span><span id="5" class="command">tree -d ~</span></div>
-<pre id="6">
 /home/ryan
 ├─ <a href="/about">about.md</a>
 ├─ code
@@ -16,4 +12,3 @@
     ├─ <a href="https://www.facebook.com/ryan.creasey">facebook</a>
     ├─ <a href="https://www.linkedin.com/in/ryancreasey">linkedin</a>
     └─ <a href="https://twitter.com/rcreasey">twitter</a>
-</pre>
diff --git a/app/templates/index.emblem b/app/templates/index.emblem
@@ -0,0 +1,10 @@
+#1
+  span localhost %
+  span.command#2 ssh ryan@kaneda.net
+#3 ryan@kaneda.net's password:
+.prompt#4
+  span kaneda.net %
+  span.command#5 tree -d ~
+#6
+  pre {{{ partial "includes/tree" }}}
+#7 {{{ partial "components/prompt" }}}
diff --git a/bower.json b/bower.json
@@ -12,5 +12,8 @@
     "jquery": "^1.11.1",
     "loader.js": "ember-cli/loader.js#3.2.0",
     "qunit": "~1.17.1"
+  },
+  "devDependencies": {
+    "nib": "~1.1.0"
   }
 }
diff --git a/config/environment.js b/config/environment.js
@@ -19,7 +19,7 @@ module.exports = function(environment) {
        'font-src': "'self' data: fonts.gstatic.com",
        'connect-src': "'self'",
        'img-src': "'self'",
-       'style-src': "'self' fonts.googleapis.com",
+       'style-src': "'self' 'unsafe-inline' fonts.googleapis.com",
        'media-src': "'self'"
     },
     
@@ -31,9 +31,9 @@ module.exports = function(environment) {
   if (environment === 'development') {
     // ENV.APP.LOG_RESOLVER = true;
     // ENV.APP.LOG_ACTIVE_GENERATION = true;
-    // ENV.APP.LOG_TRANSITIONS = true;
+    ENV.APP.LOG_TRANSITIONS = true;
     // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
-    // ENV.APP.LOG_VIEW_LOOKUPS = true;
+    ENV.APP.LOG_VIEW_LOOKUPS = true;
   }
 
   if (environment === 'test') {
diff --git a/package.json b/package.json
@@ -19,11 +19,14 @@
   },
   "devDependencies": {
     "broccoli-asset-rev": "^2.0.2",
+    "broccoli-coffee": "^0.4.1",
     "ember-cli": "0.2.3",
     "ember-cli-app-version": "0.3.3",
     "ember-cli-babel": "^5.0.0",
+    "ember-cli-coffeescript": "0.11.0",
     "ember-cli-content-security-policy": "0.4.0",
     "ember-cli-dependency-checker": "0.0.8",
+    "ember-cli-emblem": "0.2.5",
     "ember-cli-htmlbars": "0.7.4",
     "ember-cli-ic-ajax": "0.1.1",
     "ember-cli-inject-live-reload": "^1.3.0",
diff --git a/tests/unit/routes/about-test.coffee b/tests/unit/routes/about-test.coffee
@@ -0,0 +1,10 @@
+`import { test, moduleFor } from 'ember-qunit'`
+
+moduleFor 'route:about', {
+  # Specify the other units that are required for this test.
+  # needs: ['controller:foo']
+}
+
+test 'it exists', (assert) ->
+  route = @subject()
+  assert.ok route

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +import Ember from "ember";
++
 +export default Ember.TextField.extend({
++
 +});