Permalink
Browse files

Update the style.

  • Loading branch information...
1 parent ede945a commit 9576942e46770ee09a35bb15540c8dc77c5b51b1 @creationix committed Apr 9, 2010
Showing with 163 additions and 161 deletions.
  1. +1 −0 .gitignore
  2. +12 −0 description.markdown
  3. +6 −1 server.js
  4. +0 −14 skin/_article.haml
  5. +97 −1 skin/article.haml
  6. +19 −11 skin/index.haml
  7. +2 −128 skin/layout.haml
  8. +19 −3 skin/public/style.css
  9. +7 −3 skin/public/style.less
View
@@ -0,0 +1 @@
+cache
View
@@ -0,0 +1,12 @@
+### About HowToNode.org
+
+HowToNode.org is a community supported blog created by [Tim Caswell][]. The purpose of the blog is to teach how to do various tasks in [node.js][] as well as teach fundamental concepts that are needed to write effective code.
+
+This site is powered by [Wheat][] A git based blogging engine written in [node.JS][].
+
+The content for this site is stored in a [git repository][] that anyone can fork, write an article, and send a pull request. If your article passes the quality standards it will be published and help support the greater node community.
+
+[Tim Caswell]: http://creationix.com/
+[node.js]: http://nodejs.org/
+[Wheat]: http://github.com/creationix/wheat
+[git repository]: http://github.com/creationix/howtonode.org
View
@@ -3,4 +3,9 @@
// You will need to install it from http://github.com/creationix/wheat
var Wheat = require('wheat');
-Wheat(__dirname, 8080);
+var sys = require('sys');
+var path = __dirname;
+var port = 8080;
+var host = "127.0.0.1";
+sys.error("Starting wheat server using git repo at " + path);
+Wheat(path, port, host);
View
@@ -1,14 +0,0 @@
-.post
- .details
- %p(title=date)&= format_date(date, "%Y.%m.%d")
- %p
- %a(href=author.homepage)&= author.name
- .body
- %h1
- %a(href="/#{name}")&= title
- :if typeof full !== 'undefined'
- = content
- :if typeof full === 'undefined'
- = content.split("<h2>")[0]
- %p
- %a(href="/#{name}") Read Full Story...
View
@@ -1 +1,97 @@
-=partial("_article", {date: date, link: link, author: author, title: title, content: content, full: true})
+#sidebar
+ .aside.clearfix
+ %h3 About the Author
+ %img.headshot{src: gravitar(author.email) }
+ %dl
+ %dt Name:
+ %dd&= author.name
+ %dl
+ %dt Github:
+ %dd&= author.github
+ %dl
+ %dt Twitter:
+ %dd&= author.twitter
+ %dl
+ %dt Location:
+ %dd&= author.location
+ .aside
+ %h3
+ About this Article
+ %dl
+ %dt
+ Date Released:
+ %dd
+ Wednesday April 1, 2010
+ %dl
+ %dt
+ Last Updated:
+ %dd
+ Wednesday April 7, 2010
+ %dl
+ %dt
+ Node Version:
+ %dd
+ %a{ href: "http://github.com/ry/node/tree/v0.1.33" }
+ node v0.1.33
+ %dl
+ %dt
+ Dependency Versions:
+ %dd
+ %ul
+ %li
+ %a{ href: "http://github.com/creationix/haml-js/tree/8ea2df3a90ff488ed253d5872e0f4a387f393e5d" }
+ haml-js v0.2.2
+ %li
+ %a{ href: "http://github.com/creationix/node-git/tree/c34dab79c8618440fe88a2a2b92f58104322a977" }
+ node-git gc34dab7
+ %li
+ %a{ href: "http://github.com/creationix/node-router/tree/4267eca1c6a4742e6f39cb08e8e4fb76926be59b" }
+ node-router v0.0.2-6-g4267eca
+ %li
+ %a{ href: "http://github.com/creationix/proto/tree/afd66a2bad04f8c79f31cc6b0243dc7613cd9958" }
+ proto gafd66a2
+ %li
+ %a{ href: "http://github.com/creationix/step/tree/a91b456aa79796a36c5bc6ce54647b0666b62b66" }
+ step ga91b456
+ %dl
+ %dt
+ Code Samples:
+ %dd
+ %ul
+ %li
+ %a{ href: "/step-of-conductor/load_article.js" }
+ load_article.js
+ %li
+ %a{ href: "/step-of-conductor/load_authors.js" }
+ load_authors.js
+ %li
+ %a{ href: "/step-of-conductor/step_parallel.js" }
+ step_parallel.js
+ %dl
+ %dt
+ Alternate Versions:
+ %dd
+ %ul
+ %li
+ %a{ href: "a91b456aa79796a36c5bc6ce54647b0666b62b66/step-of-conductor" }
+ node v0.1.32
+ %li
+ %a{ href: "afd66a2bad04f8c79f31cc6b0243dc7613cd9958/step-of-conductor" }
+ node v0.1.90
+ .bubble
+ %h3
+ Related Articles
+ %ul
+ %li
+ %a{ href: "" }
+ What is This?
+ by Tim Caswell
+ %li
+ %a{ href: "" }
+ Facebook Connect with Node
+ by Dominiek ter Heide
+ .bubble= markdownEncode(description)
+
+#main.clearfix
+ %h1&=title
+ =content
View
@@ -1,11 +1,19 @@
-.right
- .box
- %h2 Versions
- :each tag in tags
- %p
- %a{href: tag.href}&= tag.name
- .box
- %h2 Authors
- :each author in authors
- %p
- %a{href: author.homepage}&= author.name
+#sidebar
+ .aside
+ = markdownEncode(description)
+ .bubble
+ %h3
+ Articles
+ %ul
+ :each article in articles
+ %li
+ %a{href: "/" + article.name}&=article.title
+#main.clearfix
+ :each article in articles
+ .article
+ %h1
+ %a{href: "/" + article.name}&= article.title
+ .author By #{article.author.name}
+ = intro(article.markdown)
+ %a{href: "/" + article.name} Read more...
+
View
@@ -9,136 +9,10 @@
#container
#header
%h1
- How To Node
+ %a{href: "/"} How To Node
.tagline
The zen of coding in node.JS
- #sidebar
- .aside.clearfix
- .heading
- About the Author
- %img.headshot{ src: "http://www.gravatar.com/avatar/c953ddd239707998340e1a6fbb3eeb46?s=200" }
- %dl
- %dt
- Name:
- %dd
- Tim Caswell
- %dl
- %dt
- Github:
- %dd
- %a{ href: "http://github.com/creationix" }
- creationix
- %dl
- %dt
- Twitter:
- %dd
- %a{ href: "http://twitter/creationix" }
- creationix
- %dl
- %dt
- Location:
- %dd
- Dallas, TX
- .aside
- .heading
- About this Article
- %dl
- %dt
- Date Released:
- %dd
- Wednesday April 1, 2010
- %dl
- %dt
- Last Updated:
- %dd
- Wednesday April 7, 2010
- %dl
- %dt
- Node Version:
- %dd
- %a{ href: "http://github.com/ry/node/tree/v0.1.33" }
- node v0.1.33
- %dl
- %dt
- Dependency Versions:
- %dd
- %ul
- %li
- %a{ href: "http://github.com/creationix/haml-js/tree/8ea2df3a90ff488ed253d5872e0f4a387f393e5d" }
- haml-js v0.2.2
- %li
- %a{ href: "http://github.com/creationix/node-git/tree/c34dab79c8618440fe88a2a2b92f58104322a977" }
- node-git gc34dab7
- %li
- %a{ href: "http://github.com/creationix/node-router/tree/4267eca1c6a4742e6f39cb08e8e4fb76926be59b" }
- node-router v0.0.2-6-g4267eca
- %li
- %a{ href: "http://github.com/creationix/proto/tree/afd66a2bad04f8c79f31cc6b0243dc7613cd9958" }
- proto gafd66a2
- %li
- %a{ href: "http://github.com/creationix/step/tree/a91b456aa79796a36c5bc6ce54647b0666b62b66" }
- step ga91b456
- %dl
- %dt
- Code Samples:
- %dd
- %ul
- %li
- %a{ href: "/step-of-conductor/load_article.js" }
- load_article.js
- %li
- %a{ href: "/step-of-conductor/load_authors.js" }
- load_authors.js
- %li
- %a{ href: "/step-of-conductor/step_parallel.js" }
- step_parallel.js
- %dl
- %dt
- Alternate Versions:
- %dd
- %ul
- %li
- %a{ href: "a91b456aa79796a36c5bc6ce54647b0666b62b66/step-of-conductor" }
- node v0.1.32
- %li
- %a{ href: "afd66a2bad04f8c79f31cc6b0243dc7613cd9958/step-of-conductor" }
- node v0.1.90
- .bubble
- .heading
- Related Articles
- %ul
- %li
- %a{ href: "" }
- What is This?
- by Tim Caswell
- %li
- %a{ href: "" }
- Facebook Connect with Node
- by Dominiek ter Heide
- .bubble
- .heading
- About HowToNode.org
- %p
- HowToNode.org is a community supported blog created by
- %a{ href: "http://creationix.com/" }
- Tim Caswell
- \. The purpose of the blog is to teach how to do various tasks in
- %a{ href: "http://nodejs.org" }
- node.js
- as well as teach fundamental concepts that are needed to write effective code.
- %p
- This site is powered by
- %a{ href: "http://github.com/creationix/wheat" }
- Wheat
- A git based blogging engine written in
- %a{ href: "http://nodejs.org" }
- node.JS
- %p
- The content for this site is stored in a
- %a{ href: "http://github.com/creationix/howtonode.org" }
- git repository
- that anyone can fork, write an article, and send a pull request. If your article passes the quality standards it will be published and help support the greater node community.
- #main.clearfix= content
+ = content
#footer
Site Design and code is &copy; 2010 to Tim Caswell under the MIT license.
Content and articles are copyrighted to the individual authors.
View
@@ -38,6 +38,22 @@ body {
padding: 0;
margin: 15px 30px 10px;
}
+#container #header h1 a {
+ color: #000000;
+ text-decoration: none;
+}
+#container #header h1 a:link {
+ color: #000000;
+ text-decoration: none;
+}
+#container #header h1 a:active {
+ color: #000000;
+ text-decoration: none;
+}
+#container #header h1 a:hover {
+ color: #000000;
+ text-decoration: none;
+}
#container #header .tagline {
font-family: ArtBrushMedium, sans-serif;
text-shadow: #ffffff 1px 1px 3px;
@@ -135,7 +151,7 @@ body {
font-size: 14px;
line-height: 1.25em;
}
-#container #sidebar .heading {
+#container #sidebar h3 {
font-size: 18px;
font-weight: bold;
line-height: 1em;
@@ -166,7 +182,7 @@ body {
color: #ffffff;
padding: 10px 10px 10px 20px;
}
-#container #sidebar .aside .heading {
+#container #sidebar .aside h3 {
background-color: rgba(255, 255, 255, 0.4);
background-color: #a3a2a1;
text-shadow: #ffffff 1px 1px 3px;
@@ -206,7 +222,7 @@ body {
background: -webkit-gradient(linear, 0 0, 0 90%, from(#ffffff), to(#bcbab8));
background-color: #d5d3d2;
}
-#container #sidebar .bubble .heading {
+#container #sidebar .bubble h3 {
text-shadow: #000000 1px 1px 3px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
Oops, something went wrong.

0 comments on commit 9576942

Please sign in to comment.