From df3c33896b2c70f1aa8997093e5f8c7cffd06fe4 Mon Sep 17 00:00:00 2001 From: Wesley Moore Date: Tue, 13 Jul 2010 08:03:43 +1000 Subject: [PATCH] Add New Design post --- content/technical/2010/07/new-design.html | 38 +++++++++++++++++++++++ content/technical/2010/07/new-design.yaml | 7 +++++ 2 files changed, 45 insertions(+) create mode 100644 content/technical/2010/07/new-design.html create mode 100644 content/technical/2010/07/new-design.yaml diff --git a/content/technical/2010/07/new-design.html b/content/technical/2010/07/new-design.html new file mode 100644 index 0000000..5ab17b6 --- /dev/null +++ b/content/technical/2010/07/new-design.html @@ -0,0 +1,38 @@ +Welcome to the all new WezM.net. I've been working on this new version on and +off for the past 8 months, I hope you like it. The new site is more than just a +new design. I've also migrated away from [Wordpress][wp] to static HTML files, +with content written in [Markdown][markdown]. That doesn't mean I have to +manage everything by hand though. I use a [Ruby][ruby] tool, [nanoc][nanoc], to +compile the content, ERB templates and [SASS][sass] CSS into the site you see. +Some of the benefits of this arrangement are: + +* Pages are fast to load, cache headers are set automatically +* No need for a database, cheap to host +* No need to keep up with Wordpress and PHP security vulnerabilities +* Content can be revision controlled (in [Git][git]) +* I can easily write and preview posts offline on the train + +[wp]: http://www.wordpress.org/ +[markdown]: http://daringfireball.net/projects/markdown/ +[nanoc]: http://nanoc.stoneship.org/ +[git]: http://www.kernel.org/pub/software/scm/git/ +[ruby]: http://ruby-lang.org/ +[sass]: http://haml-lang.com/ + +The new site supports many of the features of the old one, with one exception: +comments. The new site has no built-in commenting. I considered adding comments +via [Disqus][disqus] but their commenting form feels very heavy and there was't +a mobile optimised version at the time I checked. In place of comments I have a +direct email and Twitter link at the end of each post. + +[disqus]: http://disqus.com/ + +The aims for the new design were to provide more separation between the +technical and personal posts that I write, whilst at the same time allowing +them to co-exist on the same site. I also wanted a more minimal design with +some attention to the typography used. + +The design is also partially fluid in that it will adapt to most screens, +however the width of the posts is capped at a maximum to prevent the line +becoming long and difficult to read. The design also adapts to the smaller +screen when viewed on a mobile device. diff --git a/content/technical/2010/07/new-design.yaml b/content/technical/2010/07/new-design.yaml new file mode 100644 index 0000000..208591f --- /dev/null +++ b/content/technical/2010/07/new-design.yaml @@ -0,0 +1,7 @@ +--- +title: New Design +extra: Details of the switch from Wordpress and the design goals for this site. +kind: article +section: technical +created_at: 2010-07-13 00:00:00 +short_url: pending \ No newline at end of file