Permalink
Browse files

Adding Gemfile to use with local Jekyll using Bundler, removed useles…

…s page, fixing fork-me banner
  • Loading branch information...
1 parent 443b9d3 commit 40d27e7dcb2583f402b80b4499791805441558dd @renoirb committed Jul 21, 2013
View
2 .gitignore
@@ -1,2 +1,2 @@
_site
-
+*.sublime-workspace
View
10 Gemfile
@@ -0,0 +1,10 @@
+# A sample Gemfile
+source "https://rubygems.org"
+
+gem "jekyll", '=1.0.3'
+gem 'liquid', '=2.5.0'
+gem 'redcarpet', '=2.2.2'
+gem 'maruku', '=0.6.1'
+gem 'rdiscount', '=1.6.8'
+gem 'RedCloth', '=4.2.9'
+gem 'kramdown', '=1.0.2'
View
47 Gemfile.lock
@@ -0,0 +1,47 @@
+GEM
+ remote: https://rubygems.org/
+ specs:
+ RedCloth (4.2.9)
+ classifier (1.3.3)
+ fast-stemmer (>= 1.0.0)
+ colorator (0.1)
+ commander (4.1.4)
+ highline (~> 1.6.11)
+ directory_watcher (1.4.1)
+ fast-stemmer (1.0.2)
+ highline (1.6.19)
+ jekyll (1.0.3)
+ classifier (~> 1.3)
+ colorator (~> 0.1)
+ commander (~> 4.1.3)
+ directory_watcher (~> 1.4.1)
+ kramdown (~> 1.0.2)
+ liquid (~> 2.3)
+ maruku (~> 0.5)
+ pygments.rb (~> 0.5.0)
+ safe_yaml (~> 0.7.0)
+ kramdown (1.0.2)
+ liquid (2.5.0)
+ maruku (0.6.1)
+ syntax (>= 1.0.0)
+ posix-spawn (0.3.6)
+ pygments.rb (0.5.2)
+ posix-spawn (~> 0.3.6)
+ yajl-ruby (~> 1.1.0)
+ rdiscount (1.6.8)
+ redcarpet (2.2.2)
+ safe_yaml (0.7.1)
+ syntax (1.0.0)
+ yajl-ruby (1.1.0)
+
+PLATFORMS
+ ruby
+
+DEPENDENCIES
+ RedCloth (= 4.2.9)
+ jekyll (= 1.0.3)
+ kramdown (= 1.0.2)
+ liquid (= 2.5.0)
+ maruku (= 0.6.1)
+ rdiscount (= 1.6.8)
+ redcarpet (= 2.2.2)
View
12 _includes/welcome.md
@@ -3,19 +3,21 @@
There's a lot of obsolete information about HTML and CSS and how to do websites, many are outdated, whereas
other more current are either too deep into technicalities or just in need to be found.
-Using the thme "the right way" this site is an open-source reference which follows the "fork", "pull request"
-contribution model hosted on GitHub.
+Using the thme "the right way" this site is an open-source reference
+which follows the "fork", "pull request" contribution model popular on GitHub.
-This site is a user-contributed (and reviewed) documentation describing web development best
-practices, based on two goals:
+This site is a user-contributed (and reviewed) documentation
+describing web development best-practices, based on two goals:
1. Vulgarize concepts to teach newcomers
2. Link to other resources to deepen the knowledge
-The target audience is people who wants to learn (or re-learn) with today's
+The target audience is people who wants to learn (or re-learn) with today's
HTML+CSS+Javascript best practices to build a web that is future proof.
+
## On the same idea
+
Sites that follows the "fork me" on github concept documenting best practices for web development:
* *[Web Platform](http://webplatform.org)*
View
2 _layouts/default.html
@@ -30,7 +30,7 @@
<div class="site-content">
<a class="fork-me" href="https://github.com/renoirb/htmlcsstherightway">
- <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork us on GitHub!">
+ <img src="/assets/forkme-banner.png" alt="Fork me on GitHub!">
</a>
<header class="site-header" id="site-header">
View
3 _posts/2012-08-11-hello-world.md
@@ -1,3 +0,0 @@
-## Hello world
-
-This is the first post. More coming soon.
View
4 _posts/2013-03-05-creating-and-using-jQuery-events-the-thing-I-wished-I-knew-before.md
@@ -1,8 +1,8 @@
# Creating and using jQuery events, the thing I wished I knew before
During web development, it often happens you want to attach events handler on
-something in your page. A common usage could be you want to flip a plus sign to a minus
-sign when you click on a button.
+something in your page. A common usage could be you want to flip a plus sign
+to a minus sign when you click on a button.
<a href="/some/url/324" class="flip-icon" data-target="#generated-324"><i class="icon-plus"></i></a>
View
37 assets/css/all.css
@@ -1,17 +1,3 @@
-/* ==========================================================================
- NMC Bootstrap
-
- This LESS file imports all other LESS files. You should compile
- and minify this file before site launch.
- ========================================================================== */
-/* Import NMC bootstrap */
-/**
- * html5doctor.com Reset Stylesheet
- * v1.6.1
- * Last Updated: 2010-09-17
- * Author: Richard Clark - http://richclarkdesign.com
- * Twitter: @rich_clark
- */
html,
body,
div,
@@ -3027,15 +3013,6 @@ select {
.site-slogan {
font-weight: normal;
}
-.fork-me,
-.fork-me img {
- position: absolute;
- top: 0;
- right: 0;
-}
-.fork-me {
- z-index: 2;
-}
.social {
line-height: 30px;
line-height: 30px;
@@ -3172,10 +3149,6 @@ select {
left: 0;
width: 100%;
}
- .fork-me img {
- height: 110px;
- width: 110px;
- }
.site-navigation {
margin-top: 240px;
padding: 20px;
@@ -3226,3 +3199,13 @@ select {
}
}
+.fork-me {
+ z-index: 2;
+ width: 12% !important;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.fork-me img {
+ width: 100%;
+}
View
BIN assets/forkme-banner.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
9 project.sublime-project
@@ -0,0 +1,9 @@
+{
+ "folders":
+ [
+ {
+ "name": "HtmlCssTheRightWay",
+ "path": "."
+ }
+ ]
+}

0 comments on commit 40d27e7

Please sign in to comment.