JavaDevVictoria
diff --git a/‎book.json‎
Lines changed: 2 additions & 2 deletions b/‎book.json‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎en/chromebook_setup/instructions.md‎
Lines changed: 13 additions & 7 deletions b/‎en/chromebook_setup/instructions.md‎
Lines changed: 13 additions & 7 deletions
diff --git a/‎en/css/README.md‎
Lines changed: 30 additions & 15 deletions b/‎en/css/README.md‎
Lines changed: 30 additions & 15 deletions
diff --git a/‎en/deploy/README.md‎
Lines changed: 22 additions & 11 deletions b/‎en/deploy/README.md‎
Lines changed: 22 additions & 11 deletions
diff --git a/‎en/deploy/install_git.md‎
Lines changed: 8 additions & 4 deletions b/‎en/deploy/install_git.md‎
Lines changed: 8 additions & 4 deletions
@@ -11,8 +11,8 @@
         "[email protected]",
         "[email protected]",
         "language-picker",
-        "sidebar-ad"
-        "gitbook-plugin-codeblock-filename@git+https://github.com/aniav/gitbook-plugin-codeblock-filename.git"
+        "sidebar-ad",
+        "codeblock-filename@git+https://github.com/aniav/gitbook-plugin-codeblock-filename.git"
     ],
     "pluginsConfig": {
         "ga": {
 
@@ -21,7 +21,9 @@ somewhere else that Cloud 9 sets up for you.
 Now you should see an interface with a sidebar, a big main window with some
 text, and a small window at the bottom that looks something like:
 
-    yourusername:~/workspace $
+```
+yourusername:~/workspace $
+```
 
 This bottom area is your _terminal_, where you will give the computer Cloud 9
 has prepared for you instructions. You can resize that window to make it a bit
@@ -36,18 +38,22 @@ things don't get mixed up between projects.
 
 In your terminal at the bottom of the Cloud 9 interface, run the following:
 
-    sudo apt install python3.5-venv
+{% filename %}Cloud 9{% endfilename %}
+```
+sudo apt install python3.5-venv
+```
 
 If this still doesn't work, ask your coach for some help.
 
 Next, run:
 
+{% filename %}Cloud 9{% endfilename %}
 ```
-    mkdir djangogirls
-    cd djangogirls
-    python3.5 -mvenv myvenv
-    source myvenv/bin/activate
-    pip install django~=1.9.0
+mkdir djangogirls
+cd djangogirls
+python3.5 -mvenv myvenv
+source myvenv/bin/activate
+pip install django~=1.9.0
 ```
 
 (note that on the last line we use a tilde followed by an equal sign: ~=).
 
@@ -18,7 +18,8 @@ It was written by programmers who worked for Twitter. Now it's developed by volu
 
 To install Bootstrap, you need to add this to your `<head>` in your `.html` file:
 
-```html:blog/templates/blog/post_list.html
+{% filename %}blog/templates/blog/post_list.html{% endfilename %}
+```html
 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
 ```
@@ -42,7 +43,8 @@ Django already knows where to find the static files for the built-in "admin" app
 
 We do that by creating a folder called `static` inside the blog app:
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 djangogirls
 ├── blog
 │   ├── migrations
@@ -58,7 +60,8 @@ Django will automatically find any folders called "static" inside any of your ap
 
 Let's create a CSS file now, to add your own style to your web-page. Create a new directory called `css` inside your `static` directory. Then create a new file called `blog.css` inside this `css` directory. Ready?
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 djangogirls
 └─── blog
      └─── static
@@ -75,7 +78,8 @@ To understand colors, computers use special codes. These codes start with `#` fo
 
 In your `blog/static/css/blog.css` file you should add the following code:
 
-```css:blog/static/css/blog.css
+{% filename %}blog/static/css/blog.css{% endfilename %}
+```css
 h1 a {
     color: #FCA205;
 }
@@ -94,22 +98,25 @@ Read about [CSS Selectors in w3schools](http://www.w3schools.com/cssref/css_sele
 
 Then, we need to also tell our HTML template that we added some CSS. Open the `blog/templates/blog/post_list.html` file and add this line at the very beginning of it:
 
-```html:blog/templates/blog/post_list.html
+{% filename %}blog/templates/blog/post_list.html{% endfilename %}
+```html
 {% load staticfiles %}
 ```
 
 We're just loading static files here :).
 Between the `<head>` and `</head>`, after the links to the Bootstrap CSS files add this line:
 
-```html:blog/templates/blog/post_list.html
+{% filename %}blog/templates/blog/post_list.html{% endfilename %}
+```html
 <link rel="stylesheet" href="{% static 'css/blog.css' %}">
 ```
 The browser reads the files in the order they're given, so we need to make sure this is in the right place. Otherwise the code in our file may override code in Bootstrap files.
 We just told our template where our CSS file is located.
 
 Your file should now look like this:
 
-```html:blog/templates/blog/post_list.html
+{% filename %}blog/templates/blog/post_list.html{% endfilename %}
+```html
 {% load staticfiles %}
 <html>
     <head>
@@ -140,7 +147,8 @@ OK, save the file and refresh the site!
 
 Nice work! Maybe we would also like to give our website a little air and increase the margin on the left side? Let's try this!
 
-```css:blog/static/css/blog.css
+{% filename %}blog/static/css/blog.css{% endfilename %}
+```css
 body {
     padding-left: 15px;
 }
@@ -152,15 +160,17 @@ Add this to your CSS, save the file and see how it works!
 
 Maybe we can customize the font in our header? Paste this into your `<head>` in `blog/templates/blog/post_list.html` file:
 
-```html:blog/templates/blog/post_list.html
+{% filename %}blog/templates/blog/post_list.html{% endfilename %}
+```html
 <link href="//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext" rel="stylesheet" type="text/css">
 ```
 
 As before, check the order and place before the link to `blog/static/css/blog.css`. This line will import a font called *Lobster* from Google Fonts (https://www.google.com/fonts).
 
 Find the `h1 a` declaration block (the code between braces `{` and `}`) in the CSS file `blog/static/css/blog.css`.  Now add the line `font-family: 'Lobster';` between the braces, and refresh the page:
 
-```css:blog/static/css/blog.css
+{% filename %}blog/static/css/blog.css{% endfilename %}
+```css
 h1 a {
     color: #FCA205;
     font-family: 'Lobster';
@@ -176,15 +186,17 @@ As mentioned above, CSS has a concept of classes. These allow you to name a part
 
 Go ahead and name some parts of the HTML code. Add a class called `page-header` to your `div` that contains your header, like this:
 
-```html:blog/templates/blog/post_list.html
+{% filename %}blog/templates/blog/post_list.html{% endfilename %}
+```html
 <div class="page-header">
     <h1><a href="/">Django Girls Blog</a></h1>
 </div>
 ```
 
 And now add a class `post` to your `div` containing a blog post.
 
-```html:blog/templates/blog/post_list.html
+{% filename %}blog/templates/blog/post_list.html{% endfilename %}
+```html
 <div class="post">
     <p>published: {{ post.published_date }}</p>
     <h1><a href="">{{ post.title }}</a></h1>
@@ -194,7 +206,8 @@ And now add a class `post` to your `div` containing a blog post.
 
 We will now add declaration blocks to different selectors. Selectors starting with `.` relate to classes. There are many great tutorials and explanations about CSS on the Web to help you understand the following code. For now, just copy and paste it into your `blog/static/css/blog.css` file:
 
-```css:blog/static/css/blog.css
+{% filename %}blog/static/css/blog.css{% endfilename %}
+```css
 .page-header {
     background-color: #ff9400;
     margin-top: 0;
@@ -245,7 +258,8 @@ h1, h2, h3, h4 {
 
 Then surround the HTML code which displays the posts with declarations of classes. Replace this:
 
-```html:blog/templates/blog/post_list.html
+{% filename %}blog/templates/blog/post_list.html{% endfilename %}
+```html
 {% for post in posts %}
     <div class="post">
         <p>published: {{ post.published_date }}</p>
@@ -257,7 +271,8 @@ Then surround the HTML code which displays the posts with declarations of classe
 
 in the `blog/templates/blog/post_list.html` with this:
 
-```html:blog/templates/blog/post_list.html
+{% filename %}blog/templates/blog/post_list.html{% endfilename %}
+```html
 <div class="content container">
     <div class="row">
         <div class="col-md-8">
 
@@ -26,7 +26,8 @@ Git tracks changes to a particular set of files in what's called a code reposito
 
 > **Note** Check your current working directory with a `pwd` (OSX/Linux) or `cd` (Windows) command before initializing the repository. You should be in the `djangogirls` folder.
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 $ git init
 Initialized empty Git repository in ~/djangogirls/.git/
 $ git config --global user.name "Your Name"
@@ -37,7 +38,8 @@ Initializing the git repository is something we only need to do once per project
 
 Git will track changes to all the files and folders in this directory, but there are some files we want it to ignore. We do this by creating a file called `.gitignore` in the base directory. Open up your editor and create a new file with the following contents:
 
-```:.gitignore
+{% filename %}.gitignore{% endfilename %}
+```
 *.pyc
 __pycache__
 myvenv
@@ -54,7 +56,8 @@ And save it as `.gitignore` in the "djangogirls" folder.
 
 It's a good idea to use a `git status` command before `git add` or whenever you find yourself unsure of what has changed. This will help stop any surprises from happening, such as wrong files being added or commited. The `git status` command returns information about any untracked/modifed/staged files, branch status, and much more. The output should be similar to:
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 $ git status
 On branch master
 
@@ -73,7 +76,8 @@ nothing added to commit but untracked files present (use "git add" to track)
 
 And finally we save our changes. Go to your console and run these commands:
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 $ git add --all .
 $ git commit -m "My Django Girls app, first commit"
  [...]
@@ -102,14 +106,16 @@ Now we need to hook up the Git repository on your computer to the one up on GitH
 
 Type the following into your console (Replace `<your-github-username>` with the username you entered when you created your GitHub account, but without the angle-brackets):
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 $ git remote add origin https://github.com/<your-github-username>/my-first-blog.git
 $ git push -u origin master
 ```
 
 Enter your GitHub username and password and you should see something like this:
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 Username for 'https://github.com': hjwp
 Password for 'https://[email protected]':
 Counting objects: 6, done.
@@ -140,13 +146,15 @@ When you've signed up for PythonAnywhere, you'll be taken to your dashboard or "
 
 Let's pull down our code from GitHub and onto PythonAnywhere by creating a "clone" of our repo. Type the following into the console on PythonAnywhere (don't forget to use your GitHub username in place of `<your-github-username>`):
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 $ git clone https://github.com/<your-github-username>/my-first-blog.git
 ```
 
 This will pull down a copy of your code onto PythonAnywhere. Check it out by typing `tree my-first-blog`:
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 $ tree my-first-blog
 my-first-blog/
 ├── blog
@@ -171,7 +179,8 @@ my-first-blog/
 
 Just like you did on your own computer, you can create a virtualenv on PythonAnywhere. In the Bash console, type:
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 $ cd my-first-blog
 
 $ virtualenv --python=python3.5 myvenv
@@ -198,7 +207,8 @@ Here's another thing that's different between your own computer and the server:
 
 We can initialise the database on the server just like we did the one on your own computer, with `migrate` and `createsuperuser`:
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```
 (mvenv) $ python manage.py migrate
 Operations to perform:
 [...]
@@ -237,7 +247,8 @@ Click on the "WSGI configuration file" link (in the "Code" section near the top
 
 Delete all the contents and replace them with something like this:
 
-```python:&lt;your-username&gt;_pythonanywhere_com_wsgi.py
+{% filename %}<your-username>_pythonanywhere_com_wsgi.py{% endfilename %}
+```python
 import os
 import sys
 
 
@@ -12,24 +12,28 @@ If it isn't installed already, git should be available via your package manager,
 
 #### Debian or Ubuntu
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```bash
 $ sudo apt-get install git
 ```
 
 #### Fedora (up to 21)
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```bash
 $ sudo yum install git
 ```
 
 #### Fedora (22+)
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```bash
 $ sudo dnf install git
 ```
 
 #### openSUSE
 
-```:command-line
+{% filename %}command-line{% endfilename %}
+```bash
 $ sudo zypper install git
 ```