Arabic translating file

README.textile

@@ -3,10 +3,16 @@ This is the source for "learnlayout.com":http://learnlayout.com in case you're c
 h2. How to Build
 
 * If needed, install "NPM":https://npmjs.org/
+** Last tested version was 0.12.7
 * If needed, install "grunt":http://gruntjs.com @npm install -g grunt-cli@
+** Last tested grunt-cli version was 0.1.10
+** Last tested grunt version was 0.4.5
 * If needed, do a @npm install@
 * If needed, install jekyll @sudo gem install jekyll@
-* If needed, install "pygments":http://pygments.org/download/ (I have used `sudo easy_install pygments` on Mac)
+** Last tested version was 3.0.1
+* If needed, install "pygments":http://pygments.org/download/
+** I have used `sudo easy_install pygments` on Mac
+** Last tested version was 2.0.2
 * Build + run test server with @grunt serve@
 * or build only with @grunt@
 

package.json

@@ -3,6 +3,7 @@
   "version": "1.1.0",
   "devDependencies": {
     "grunt": "~0.4.2",
+    "grunt-ftp-deploy": "^0.1.10",
     "grunt-jekyll": "~0.4.2"
   }
 }

templates/_layouts/default.html

@@ -109,7 +109,7 @@ <h1 class="content">{% localize page.title %}</h1>
             var m3_r = Math.floor(Math.random()*99999999999);
             if (!document.MAX_used) document.MAX_used = ',';
             document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
-            document.write ("?zoneid=4");
+            document.write ("?zoneid=9");
             document.write ('&amp;cb=' + m3_r);
             if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
             document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));

templates/css/style.css

@@ -165,7 +165,7 @@ h1.content {
   direction: ltr;
 }
 
-.css, .html {
+.language-css, .language-html {
   display: block;
   text-shadow: 1px 1px 0 black;
   background-color: #333333;
@@ -183,15 +183,15 @@ h1.content {
   white-space: pre;
 }
 
-.html:before {
+.language-html:before {
   content: "html";
   float: right;
   color: black;
   text-shadow: -1px 1px 0 #666; /* \m/ */
   font-size: 1.5em;
 }
 
-.css:before {
+.language-css:before {
   content: "css";
   float: right;
   color: black;
@@ -338,8 +338,12 @@ footer {
   float: left;
 }
 
+#share > li:not(first-child){
+  margin-left: 10px;
+}
+
 #share #license {
-  
+
 }
 
 #advertisements {
@@ -415,7 +419,7 @@ footer {
 
 }
 
-@media screen and (max-width:404px) { 
+@media screen and (max-width:404px) {
 
   a.nav {
     width: 40%;

templates/frameworks.html

@@ -46,6 +46,7 @@
   <a href="http://imperavi.com/kube/"><img src="/images/kube.png" alt="kube"></a>
   <a href="http://groundworkcss.github.com/"><img src="/images/groundwork.gif" alt="groundwork"></a>
   <a href="http://semantic-ui.com"><img src="/images/semantic_ui.png" alt="semantic ui"></a>
+  <a href="http://purecss.io/"><img src="/images/logo_pure.png" alt="Purecss"></a>
 </div>
 
 <p class="content">

translations/en.yaml

@@ -53,10 +53,10 @@ box_model.title: "the box model"
 box_model.intro: "While we're talking about width, we should talk about width's big caveat: the <em>box model</em>. When you set the width of an element, the element can actually appear bigger than what you set: the element's border and padding will stretch out the element beyond the specified width. Look at the following example, where two elements with the same width value end up different sizes in the result."
 box_model.simple: "I'm smaller..."
 box_model.fancy: "And I'm bigger!"
-box_model.outro: "For generations, the solution to this problem has been math. CSS authors have always just written a smaller width value than what they wanted, subtracting out the padding and border. Thankfully, you don't have to do that anymore..."
+box_model.outro: "For generations, the solution to this problem has been extra math. CSS authors have always just written a smaller width value than what they wanted, subtracting out the padding and border. Thankfully, you don't have to do that anymore..."
 
 box_sizing.title: "box-sizing"
-box_sizing.1: "Over the generations, people realized that math is not fun, so a new CSS property called <code>box-sizing</code> was created. When you set <code>box-sizing: border-box;</code> on an element, the padding and border of that element no longer increase its width. Here is the same example as the previous page, but with <code>box-sizing: border-box;</code> on both elements:"
+box_sizing.1: "The original box model behavior was eventually considered unintuitive, so a new CSS property called <code>box-sizing</code> was created. When you set <code>box-sizing: border-box;</code> on an element, the padding and border of that element no longer increase its width. Here is the same example as the previous page, but with <code>box-sizing: border-box;</code> on both elements:"
 box_sizing.simple: "We're the same size now!"
 box_sizing.fancy: "Hooray!"
 box_sizing.2: "Since this is so much better, some authors want all elements on all their pages to always work this way. Such authors put the following CSS on their pages:"
@@ -164,7 +164,7 @@ flexbox.centering.title: "Centering using Flexbox"
 flexbox.centering.1: "Finally, it's easy to vertically center something in CSS!"
 
 frameworks.title: "css frameworks"
-frameworks.1: "Because CSS layout is so tricky, there are CSS frameworks out there to help make it easier. Here are a few if you want to check them out. Using a framework is only good idea if the framework really does what you need your site to do. They're no replacement for knowing how CSS works."
+frameworks.1: "Because CSS layout is so tricky, there are CSS frameworks out there to help make it easier. Here are a few if you want to check them out. Using a framework is only a good idea if the framework really does what you need your site to do. They're no replacement for knowing how CSS works."
 frameworks.2: "That's it! If you have any feedback on this site, please <a href=\"https://twitter.com/intent/tweet?source=webclient&text=%40_gsmith\">let me know on Twitter</a>!"
 
 about.title: "about this site"