Skip to content
This repository has been archived by the owner on May 20, 2020. It is now read-only.

Commit

Permalink
First stage of rebranding
Browse files Browse the repository at this point in the history 
Signed-off-by: Kenneth Nordahl <kenneth@nordahl.me>
  • Loading branch information
Kenneth Nordahl committed Jul 29, 2012
1 parent a57e00b commit 31c2289
Show file tree
Hide file tree
Showing 8 changed files with 154 additions and 129 deletions.
10 changes: 5 additions & 5 deletions Gemfile.lock
View file
@@ -1,7 +1,7 @@
GEM
remote: http://rubygems.org/
specs:
bourbon (2.1.0)
bourbon (2.1.1)
sass (>= 3.1)
coffee-script (2.2.0)
coffee-script-source
Expand All @@ -15,26 +15,26 @@ GEM
hike (1.2.1)
libv8 (3.3.10.4)
multi_json (1.3.6)
nokogiri (1.5.4)
nokogiri (1.5.5)
rack (1.4.1)
rack-protection (1.2.0)
rack
rdiscount (1.6.8)
sass (3.1.19)
sass (3.1.20)
sinatra (1.3.2)
rack (~> 1.3, >= 1.3.6)
rack-protection (~> 1.2)
tilt (~> 1.3, >= 1.3.3)
sinatra-content-for (0.1)
sinatra
sprockets (2.4.3)
sprockets (2.4.5)
hike (~> 1.2)
multi_json (~> 1.0)
rack (~> 1.0)
tilt (~> 1.1, != 1.3.0)
therubyracer (0.10.1)
libv8 (~> 3.3.10)
thin (1.3.1)
thin (1.4.1)
daemons (>= 1.0.9)
eventmachine (>= 0.12.6)
rack (>= 1.0.0)
Expand Down
4 changes: 4 additions & 0 deletions app.rb
View file
@@ -1,10 +1,14 @@
require 'bundler'
Bundler.require
require 'sinatra/content_for'
# require 'sinatra/sprockets'

# Set standard views path
set :views, settings.root + '/app/views'

# register Sinatra::Sprockets


# Define root path
ROOT_DIR = File.expand_path(File.dirname(__FILE__))
def root_path(*args)
Expand Down
20 changes: 10 additions & 10 deletions app/assets/javascripts/functionality.coffee
View file
Expand Up @@ -10,14 +10,14 @@ class window.FunctionalityController
# Fire onload javascript
#@upperCaseHeaderHandler()

upperCaseHeaderHandler: ->
@heading.each ->
$this = $(this)
words = $this.text().split(" ")
newHtml = ""
i = 0
while i < words.length
newHtml += "<span>" + words[i].substring(0, 1) + "</span>" + words[i].substring(1) + " "
i++
$this.html newHtml
# upperCaseHeaderHandler: ->
# @heading.each ->
# $this = $(this)
# words = $this.text().split(" ")
# newHtml = ""
# i = 0
# while i < words.length
# newHtml += "<span>" + words[i].substring(0, 1) + "</span>" + words[i].substring(1) + " "
# i++
# $this.html newHtml

82 changes: 57 additions & 25 deletions app/assets/stylesheets/design.sass
View file
Expand Up @@ -20,6 +20,7 @@ a
color: #ff6262
&:hover
text-decoration: underline
color: #ff6262
&:active
top: 1px
// a[rel=external]
Expand All @@ -41,42 +42,73 @@ h1 a
// Header design
#header
background: #fff
height: 14rem
height: 12rem
background: url(/assets/kdn-avatar-100x100.png) 0px 15px no-repeat
a
h1
margin-top: 35px
margin-top: 3.5rem
margin-top: 40px
margin-top: 4rem
//text-decoration: underline
h1, h2
h1
line-height: 2rem
padding: 0
span
+transition (color, .25s, ease-in-out)
&.gray
color: #454545
&.blue
color: #ff6262
&.red
color: #79a6af
&:hover
text-decoration: none

span
&.gray
color: #79a6af
&.blue
color: #454545
&.red
color: #ff6262
h1, span
float: left
display: block
span
margin-top: .5rem


// Portfolio design
.portfolio
ul
li
list-style: none
a
margin-right: 10px
margin-right: 1rem
padding: 5px 10px
padding: .5rem 1rem
float: left
border: 1px solid rgba(0,0,0,.1)
border-radius: 5px
border-radius: .5rem
+transition (color, .25s, ease-in-out)
&[rel=internal]
margin-right: 10px
margin-right: 1rem
&:hover
text-decoration: none
color: #111





// Content
.introduction
padding-bottom: 100px
padding-bottom: 10rem


.button
margin-right: 10px
margin-right: 1rem
padding: 5px 10px
padding: .5rem 1rem
float: left
border: 1px solid rgba(0,0,0,.1)
border-radius: 5px
border-radius: .5rem
+transition (color, .25s, ease-in-out)
&[rel=internal]
margin-right: 10px
margin-right: 1rem
&:hover
text-decoration: none
// color: #111
#recent-work
text-align: center
display: block

.articles, .projects
//height: 300px
Expand Down
43 changes: 43 additions & 0 deletions app/sprockets.rb
View file
Expand Up @@ -25,6 +25,7 @@
assets.append_path(File.join(root_path, 'vendor', 'assets', 'javascripts'))
assets.append_path(File.join(root_path, 'vendor', 'assets', 'stylesheets'))

# assets.compress = true

module AssetHelpers
def asset_path(name)
Expand All @@ -43,9 +44,51 @@ def asset_path(name)
end


# module Sinatra
# module Sprockets
# def self.configure
# yield config
# end

# def self.config
# @config ||= Configuration.new
# end

# def self.environment
# @environment
# end

# def self.registered app
# config.app = app

# @environment = ::Sprockets::Environment.new app.root

# config.paths.each do |path|
# environment.append_path File.join(config.app.root, config.prefix, path)
# environment.append_path File.join(config.app.root, 'lib', config.prefix, path)
# end

# if config.compress
# environment.css_compressor = config.css_compressor
# environment.js_compressor = config.js_compressor
# end

# app.helpers Helpers
# environment.context_class.instance_eval do
# include Helpers
# end
# end
# end
# end


# Sinatra::Sprockets.configure do |config|
# config.compile = true # On-the-fly compilation
# config.compress = true # Compress assets
# config.digest = true # Append a digest to URLs
# config.css_compressor = true # CSS compressor instance
# config.js_compressor = true # JS compressor instance
# end



Expand Down
68 changes: 4 additions & 64 deletions app/views/index.haml
View file
@@ -1,70 +1,10 @@
%article.introduction.clearfix
%h1 Hello world, this is me
%p
I am always at the forefront when it comes to taking advantage of new technics and technologies in my work. I’m an expert in the front end field juggling the latest advances in HTML, CSS and Javascript to create an immersive experiences for the visitor.
%blockquote
%p
Kenneth was a quick learner and picked up the necessary new technologies (coffeescript & haml) in order to be an effective contributor to the Wheelz project. Working with a small team of engineer, designer and product manager, we were able to iterate quickly to improve the website frontend user experience.
%cite
\- Yu-Shan Fung, Lead developer, <a href="http://wheelz.com" title="" rel="external">Wheelz Inc</a>.
-#%blockquote
-# %p
-# A quote with some lorem text2
-# %cite
-# \- Tore-Petter Engen, Information chief, <a href="www.hiof.no/eng/english/" title="" rel="external">Østfold university collage</a>.
%p
You can <a href="mailto:kenneth@nordahl.me?subject=I want to hire you">hire me for a fulltime gig</a> or get in touch with me so I can <a href="mailto:kenneth@nordahl.me?subject=I want you to work on my project">bring your ideas alive</a>.
%p
Check out my selected projects below.
%section.projects.clearfix
-#%h1 Projects
%article.portfolio.development.design
%h1
%a{:href => '/articles/responsive-design-of-hiof', :title => 'The story of Høgskolen i Østfold', :rel => "internal"} Østfold University College
%p
Østfold University College is known for being one of the pioner IT educators in Norway.
%p
I currently have the pleasure of working at their information and communication department as the lead developer of their next generation web platform.
%ul
%li
%a{:href => '/articles/responsive-design-of-hiof', :title => 'The story of Høgskolen i Østfold', :rel => "internal"} Continue reading
%li
%a{:href => 'http://hiof.no', :title => 'Høgskolen i Østfold', :rel => "external"} Visit the website
%article.portfolio.research
%h1
%a{:href => '/articles/small-screen-first-a-design-process-using-the-scalable-grid-system', :title => 'Scalable Grid System', :rel => "internal"} Small screen first. A design process using the Scalable Grid System
%p
This paper describes the fragmentation in the current design of web content and looks at a possible solution to ease the entry point for cross browser and multi screen size development. It takes a step back from the discussion regarding the design aesthetics and focuses on the overall layout.
%ul
%li
%a{:href => '/articles/small-screen-first-a-design-process-using-the-scalable-grid-system', :title => 'Scalable Grid System', :rel => "internal"} Read the research paper
%article.portfolio.development
%h1
%a{:href => 'http://minimalrb.com', :title => 'Minimalisting Sinatra framework for starting off with an asset pipeline with Haml, Sass and CoffeeScript', :rel => "external"} minimalRB
%p
minimalRB is a minimalistic starting point for anyone who want to get up and running with a Ruby based application that include an asset pipeline that renders Haml, Sass and CoffeeScript.
%ul
%li
%a{:href => 'http://minimalrb.com', :title => 'Minimalisting Sinatra framework for starting off with an asset pipeline with Haml, Sass and CoffeeScript', :rel => "external"} Visit the website
My name is Kenneth Dahlstrøm & I am a product designer currently working out of Halden, Norway. A perfectionist advocating a mobile first user experience built with the latest web technologies and technics. I am available to discuss new oppertuneties, products, ideas; <a href="mailto:hi@dpd.im">get in touch</a>.

%article.portfolio.development
%h1
%a{:href => 'http://scalable.gs', :title => 'Scalable Grid System', :rel => "external"} Scalable Grid System
%p
The Scalable Grid System or scalable.gs for short, is a device independent and cross screen size web development framework. The system use a range of technologies to optimize the user experience of a website on a range of different platforms.
%ul
%li
%a{:href => 'http://scalable.gs', :title => 'Scalable Grid System', :rel => "external"} Visit the website
-#%section.articles.clearfix
-# %h1 Articles
-# %article
-# %h2 Responsive design
-# %article
-# %h2 Preprosessors
-# %article
-# %h2 HTML5
-# %article
-# %h2 CSS3
%p
<a href="/work" id="recent-work" class="button
">Recent work</a>


- #content_for :js_onload do
Expand Down

0 comments on commit 31c2289

Please sign in to comment.