StreisandEffect · alimakki · Apr 11, 2018 · Apr 18, 2018 · Apr 19, 2018 · Apr 21, 2018
diff --git a/playbooks/roles/common/files/header.html b/playbooks/roles/common/files/header.html
@@ -302,6 +302,17 @@
           e.preventDefault(); document.getElementById('download').click();
         }
       });
+      function showInstructions(instance) {
+        for (let i = 0; i < instance.children.length; i++) {
+          let option = instance.children[i];
+          let div = document.getElementById(option.value);
+          if (option.selected == true) {
+            div.style.display = "";
+          } else {
+            div.style.display = "none";
+          }
+        }
+      }
     </script>
   </head>
   <body>

diff --git a/playbooks/roles/common/tasks/main.yml b/playbooks/roles/common/tasks/main.yml
@@ -16,6 +16,10 @@
   apt:
     package: "{{ streisand_common_packages }}"
 
+- name: Install python markdown
+  pip:
+    name: markdown
+
 - name: Purge unneeded services
   apt:
     package: "{{ streisand_unneeded_packages }}"

diff --git a/playbooks/roles/common/vars/main.yml b/playbooks/roles/common/vars/main.yml
@@ -17,8 +17,8 @@ streisand_common_packages:
   - gnupg
   # Used to configure firewall rules
   - iptables
-  # Used for documentation generation
-  - markdown
+  # Used for pip packaging
+  - python-pip
   # Ensures the server's clock is set properly
   - ntp
   # Required to use the Ansible `expect` module

diff --git a/playbooks/roles/i18n-docs/tasks/main.yml b/playbooks/roles/i18n-docs/tasks/main.yml
@@ -9,7 +9,7 @@
 
 - name: "Convert the {{ title }} Markdown page into HTML"
   shell: >
-    markdown {{ output_file_name }}{{ item.value.file_suffix }}.md | \
+    python -m markdown -x markdown.extensions.extra {{ output_file_name }}{{ item.value.file_suffix }}.md | \
     cat {{ streisand_header_template }} - {{ streisand_footer_template }} > {{ output_file_name }}{{ item.value.file_suffix }}.html
   args:
     chdir: "{{ i18n_location }}"

diff --git a/playbooks/roles/openconnect/templates/instructions-fr.md.j2 b/playbooks/roles/openconnect/templates/instructions-fr.md.j2
diff --git a/playbooks/roles/openconnect/templates/instructions.md.j2 b/playbooks/roles/openconnect/templates/instructions.md.j2
diff --git a/playbooks/roles/shadowsocks/templates/instructions-fr.md.j2 b/playbooks/roles/shadowsocks/templates/instructions-fr.md.j2
@@ -39,6 +39,7 @@ Shadowsocks
 1. Assurez-vous que le code QR ci-dessous est centré et complètement visible, et choisissez *Scan QR Code from Screen...*
 
    ![Shadowsocks QR code](/shadowsocks/shadowsocks-qr-code.png)
+
 1. Vous pouvez également configurer la connexion en allant sur *Servers*, sélectionnant *Open Server Preferences...*, et en cliquant le bouton *+* sur la barre latérale:
    1. Saisissez `{{ streisand_ipv4_address }}` et `{{ shadowsocks_server_port }}` dans le champ *Address*.
    1. Assurez-vous que `{{ shadowsocks_encryption_method }}` est sélectionné pour la valeur *Encryption*.
@@ -97,21 +98,22 @@ Une fois que vous avez Shadowsocks fonctionnant localement, vous devrez transfé
 1. Utilisez votre téléphone pour numériser cette image, ou si vous utilisez votre téléphone _maintenant_, vous pouvez choisir la *Manual Settings* et copiez/collez les informations à partir de la section Linux ci-dessus:
 
    ![Shadowsocks QR code](/shadowsocks/shadowsocks-qr-code.png)
+
 1. Tapez sur l'icône de l'avion en haut.
 1. Acceptez l'avertissement de connexion VPN Android.
 1. Vous pouvez vérifier que votre trafic est correctement routé par [recherche de votre adresse IP sur DuckDuckGo]({{ streisand_my_ip_url }}). Il devrait dire *Votre adresse IP publique est {{streisand_ipv4_address}}*.
 
 
 <a name="ios"></a>
 ### iOS ###
-
 1. Téléchargez [Shadowrocket](https://itunes.apple.com/fr/app/shadowrocket/id932747118?mt=8) et lancez-le.
    * Vous serez invité à vous connecter à l'iTunes Store la première fois que vous exécutez Shadowrocket.
    > **Note:** Shadowrocket n'est pas disponible dans l'App Store chinois
 1. Appuyez sur l'icône d'importation du code QR en haut à gauche de l'écran.
 1. Utilisez votre téléphone pour numériser cette image, ou si vous utilisez votre téléphone _maintenant_, vous pouvez ajouter manuellement un nouveau proxy à partir de l'onglet *Home* et copier et coller les informations de la section Linux ci-dessus:
 
    ![Shadowsocks QR code](/shadowsocks/shadowsocks-qr-code.png)
+
 1. Mettez le commutateur de connexion situé à droite du texte *Not connected* sur l'onglet *Home*.
    * Si c'est la première fois que vous utilisez Shadowrocket, iOS vous demandera de vérifier que l'application devrait avoir la permission d'ajouter des configurations VPN. Tapez *Permettre* et suivez les instructions.
 1. Vous pouvez vérifier que votre trafic est correctement routé par [recherche de votre adresse IP sur DuckDuckGo]({{ streisand_my_ip_url }}). Il devrait dire *Votre adresse IP publique est {{streisand_ipv4_address}}*.

diff --git a/playbooks/roles/shadowsocks/templates/instructions.md.j2 b/playbooks/roles/shadowsocks/templates/instructions.md.j2
@@ -20,6 +20,7 @@ Shadowsocks
 1. Make sure the QR code below is centered and completely visible, right-click on the Shadowsocks system tray icon, and go to *Servers* > *Scan QRCode from Screen...*
 
    ![Shadowsocks QR code](/shadowsocks/shadowsocks-qr-code.png)
+
 1. You may also go to *Servers* > *New server* and manually complete the following steps:
    1. Enter `{{ streisand_ipv4_address }}` as the *Server IP*.
    1. Enter `{{ shadowsocks_server_port }}` as the *Server Port*.
@@ -38,6 +39,7 @@ Shadowsocks
 1. Make sure the QR code below is centered and completely visible, and choose *Scan QR Code from Screen...*
 
    ![Shadowsocks QR code](/shadowsocks/shadowsocks-qr-code.png)
+
 1. You may also configure the connection by going to *Servers*, selecting *Open Server Preferences...*, and clicking the *+* button on the sidebar:
    1. Enter `{{ streisand_ipv4_address }}` and `{{ shadowsocks_server_port }}` in the *Address* fields.
    1. Make sure `{{ shadowsocks_encryption_method }}` is selected for the *Encryption* value.
@@ -101,6 +103,7 @@ This should return a 301 Found response **not** a connection refused error.
 1. Use your phone to scan this image, or if you are using your phone _right now_ you can choose the *Manual Settings* option and copy and paste the information from the Linux section above:
 
    ![Shadowsocks QR code](/shadowsocks/shadowsocks-qr-code.png)
+
 1. Tap the round paper plane icon along the bottom-left bar.
 1. Accept the Android VPN connection warning.
 1. You can verify that your traffic is being routed properly by [looking up your IP address on DuckDuckGo]({{ streisand_my_ip_url }}). It should say *Your public IP address is {{ streisand_ipv4_address }}*.
@@ -113,6 +116,7 @@ This should return a 301 Found response **not** a connection refused error.
 1. Use your phone to scan this image, or if you are using your phone _right now_ you can manually add a new proxy by tapping *Add Server* and using the information from the Linux section above:
 
    ![Shadowsocks QR code](/shadowsocks/shadowsocks-qr-code.png)
+
 1. Toggle the connection switch located to the right of the *Not Connected* text on the *Home* tab.
    * If this is your first time running Shadowrocket, iOS will ask you to verify that the application should have permission to add VPN configurations. Tap *Allow* and follow the instructions.
 1. You can verify that your traffic is being routed properly by [looking up your IP address on DuckDuckGo]({{ streisand_my_ip_url }}). It should say *Your public IP address is {{ streisand_ipv4_address }}*.

diff --git a/playbooks/roles/tor-bridge/templates/instructions-fr.md.j2 b/playbooks/roles/tor-bridge/templates/instructions-fr.md.j2
@@ -32,6 +32,7 @@ Vous êtes prêt à partir! Tor est connecté au serveur de pont *{{ tor_bridge_
 1. Scannez le code QR suivant. Cela configurera automatiquement Orbot pour se connecter à ce serveur en utilisant le transport enfichable obfs4:
 
    ![Tor obfs4 QR code](/tor/tor-obfs4-qr-code.png)
+
 1. Vous devez redémarrer Orbot pour que les modifications prennent effet. Tapez sur le bouton *Menu*, sélectionnez *Quitter*, et lancer Orbot à nouveau.
 1. Appuyez sur le bouton *DÉMARRER* pour activer Orbot.
 
@@ -71,6 +72,7 @@ App is not localized in French -@alimakki
 1. Scannez le code QR suivant. Cela configurera automatiquement le navigateur Onion pour se connecter à ce serveur à l'aide du transport enfichable obfs4:
 
    ![Tor obfs4 QR code](/tor/tor-obfs4-qr-code.png)
+
 1. Tapez *OK* l'orsque la confirmation est affichée.
 1. Tapez *Save*.
 1. Tapez *Restart app*.

diff --git a/playbooks/roles/tor-bridge/templates/instructions.md.j2 b/playbooks/roles/tor-bridge/templates/instructions.md.j2
@@ -32,6 +32,7 @@ You are ready to go! Tor has connected to the *{{ tor_bridge_nickname.stdout }}*
 1. Scan the following QR code. This will automatically configure Orbot to connect to this server using the obfs4 pluggable transport:
 
    ![Tor obfs4 QR code](/tor/tor-obfs4-qr-code.png)
+
 1. You must restart Orbot in order for the changes to take effect. Tap the *Menu* button, select *Exit*, and launch Orbot again.
 1. Long press on the power button to activate Orbot.
 
@@ -68,6 +69,7 @@ You are now ready to configure Twitter and Firefox to route their traffic throug
 1. Scan the following QR code. This will automatically configure Onion Browser to connect to this server using the obfs4 pluggable transport:
 
    ![Tor obfs4 QR code](/tor/tor-obfs4-qr-code.png)
+
 1. Tap *OK* when the confirmation is displayed.
 1. Tap *Save*.
 1. Tap *Restart app*.