add relative_url to features images

.gitignore

@@ -5,3 +5,4 @@ _site/
 # Ignore folders generated by Bundler
 .bundle/
 vendor/
+**/node_modules

features/additional_proposal_sortings.html

@@ -5,9 +5,9 @@
 ---
 
 <h2>Additional proposal sortings</h2>
-<img src="{{ page.image }}" alt="Proposal sorting" />
+<img src="{{ page.image | relative_url }}" alt="Proposal sorting" />
 <em>Proposal sorting</em>
-<img src="{{ page.image }}" alt="Proposal sorting admin" />
+<img src="{{ page.image | relative_url }}" alt="Proposal sorting admin" />
 <em>Proposal sorting admin</em>
 <p>
   This feature allows you to add additional sorting options to the proposals

features/admin_accountability.html

@@ -6,4 +6,4 @@
 <h2>Admin accountability</h2>
 <p>This feature allows you to list all the users that are, or have been at any point in time, admins, valuators, user managers or any other role in Decidim. Including global admin roles or private admins of a particular participatory space.</p>
 <p>Results can be filtered by role and by time range and also exported as CSV or other formats.</p>
-<img src="{{ page.image }}" alt="Admin accountability">
+<img src="{{ page.image | relative_url }}" alt="Admin accountability">

features/admin_scope_configuration.html

@@ -7,4 +7,4 @@
 <h2>Admin scope configuration</h2>
 <p>All tweaks can be configured and scoped to a specific participatory space, a type of participatory space, a type of component or a specific component.</p>
 <p>Many scopes can be defined for every tweak.</p>
-<img src="{{ page.image }}" alt="Admin tweaks for editors">
+<img src="{{ page.image | relative_url }}" alt="Admin tweaks for editors">

features/assign_admins_to_scopes.html

@@ -8,9 +8,9 @@
 
 <h2>Assign admins to specific scopes and prevent them modify anything else</h2>
 <p>Convert any user on the platform (that is not currently an admin) to a limited subset of participatory spaces or event components. Just add users to a box and scope them to some constraints. These users will see the "Edit" button in everywhere they have permissions. Any access to non allowed zones will redirect the user to the admin index page.</p>
-<img src="{{ page.image }}" alt="Scoped admins authorized">
+<img src="{{ page.image | relative_url }}" alt="Scoped admins authorized">
 <em>Scoped admins authorized</em>
-<img src="{{ page.image1 }}" alt="Scoped admins unauthorized">
+<img src="{{ page.image1 | relative_url }}" alt="Scoped admins unauthorized">
 <em>Scoped admins unauthorized</em>
-<img src="{{ page.image2 }}" alt="IScoped admins configuration">
+<img src="{{ page.image2 | relative_url }}" alt="IScoped admins configuration">
 <em>Scoped admins configuration</em>

features/autosave_for_surveys_and_forms.html

@@ -8,4 +8,4 @@ <h2>Auto-save for surveys and forms</h2>
 <p>With this feature admins can activate (globally or scoped) an auto-save feature for any form in Decidim.</p>
 <p>It works purely in the client side by using LocalStorage capabilities of the browser. Data is store every time any field changes and retrieved automatically if the same user with the same browser returns to it in the future.</p>
 <p>Saving the form removes the stored data.</p>
-<img src="{{ page.image }}" alt="Auto save in forms">
+<img src="{{ page.image | relative_url }}" alt="Auto save in forms">

features/awesome_map_component.html

@@ -7,4 +7,4 @@
 <h2>Awesome map component</h2>
 <p>This is a component you can add in any participatory space. It retrieves all the geolocated content in that participatory space (meetings or proposals) and displays it in a big map.</p>
 <p>It also provides a simple search by category, each category is assigned to a different color.</p>
-<img src="{{ page.image }}" alt="Awesome map">
+<img src="{{ page.image | relative_url }}" alt="Awesome map">

features/change_main_menu.html

@@ -9,11 +9,11 @@
 
 <h2>Change the main menu of Decidim entirely!</h2>
 <p>Feel free to hide, modify or add items in the Decidim's main menu. You can also change the order, establish some conditions (like showing only for logged users) or open in a new window.</p>
-<img src="{{ page.image1 }}" alt="Menu hacks screenshot">
+<img src="{{ page.image1 | relative_url }}" alt="Menu hacks screenshot">
 <em>menu hacks image 1</em>
-<img src="{{ page.image2 }}" alt="Menu hacks screenshot">
+<img src="{{ page.image2 | relative_url }}" alt="Menu hacks screenshot">
 <em>menu hacks image 2</em>
-<img src="{{ page.image3 }}" alt="Menu hacks screenshot">
+<img src="{{ page.image3 | relative_url }}" alt="Menu hacks screenshot">
 <em>menu hacks image 3</em>
-<img src="{{ page.image4 }}" alt="Menu hacks screenshot">
+<img src="{{ page.image4 | relative_url }}" alt="Menu hacks screenshot">
 <em>menu hacks image 4</em>

features/custom_css_scoped.html

@@ -7,4 +7,4 @@
 <h2>Custom CSS applied only according scoped restrictions
 </h2>
 <p>With this feature you can create directly in the admin a CSS snipped that is only applied globally, in a particular assembly or even a single proposal!</p>
-<img src="{{ page.image }}" alt="CSS screenshot">
+<img src="{{ page.image | relative_url }}" alt="CSS screenshot">

features/custom_fields_for_proposals.html

@@ -6,8 +6,8 @@
 ---
 <h2>Custom fields for proposals</h2>
 <p>Now admins can substitute the body of a proposal with a set of form fields. Edition is make with a Drag & Drop interface in the admin and can (and should) be scoped to apply only to certain proposal components.</p>
-<img src="{{ page.image }}" alt="Custom fields screenshot">
+<img src="{{ page.image | relative_url }}" alt="Custom fields screenshot">
 <em>custom fields-1</em>
-<img src="{{ page.image1 }}" alt="Custom fields screenshot">
+<img src="{{ page.image1 | relative_url }}" alt="Custom fields screenshot">
 <em>custom fields-2</em>
-<img src="{{ page.image2 }}" alt="Custom fields screenshot">
+<img src="{{ page.image2 | relative_url }}" alt="Custom fields screenshot">

features/custom_redirections.html

@@ -21,4 +21,4 @@ <h2>Custom Redirections (or URL shortener feature)</h2>
 
 <blockquote>Redirections work only after all other routes have been processed, you cannot override an existing route. The admin panel comes with a button to check if the redirection works (meaning that no other route is used by the application). Non-working routes will simply be ignored.</blockquote>
 
-<img src="{{ page.image }}" alt="Custom redirections screenshot">
+<img src="{{ page.image | relative_url }}" alt="Custom redirections screenshot">

features/custom_validation_rules.html

@@ -12,4 +12,4 @@ <h2>Custom validation rules for title and body in proposals</h2>
     <li>Maximum number of "marks" (aka: exclamation and interrogation signs) that can be consecutive in the title or the body (defaults to 1).</li>
     <li>Enable/disable forcing to start the title or the body with a capital letter (defaults to "enabled").</li>
 </ul>
-<img src="{{ page.image }}" alt="Custom validations">
+<img src="{{ page.image | relative_url }}" alt="Custom validations">

features/fullscreen_iframe_component.html

@@ -6,4 +6,4 @@
 
 <h2>Fullscreen Iframe component</h2>
 <p>Another simple component that can be used to embed and Iframe with any external content in it that fills all the viewport.</p>
-<img src="{{ page.image }}" alt="Fullscreen iframe">
+<img src="{{ page.image | relative_url }}" alt="Fullscreen iframe">

features/images_in_proposals.html

@@ -6,4 +6,4 @@
 
 <h2>Images in proposals</h2>
 <p>Event if you haven't activated the WYSIWYG editor (Quill) in public views (eg: proposals use a simple textarea if rich text editor has not been activated for users). You can allow users to upload images in them by drag & drop over the text area.</p>
-<img src="{{ page.image }}" alt="Proposal images">
+<img src="{{ page.image | relative_url }}" alt="Proposal images">

features/live_support_chat.html

@@ -4,4 +4,4 @@
 ---
 <h2>Live support chat</h2>
 <p>With this feature you can have a support chat in Decidim. It is linked to a <a href="https://telegram.org/">Telegram</a> group or a single user chat using the <a href="https://web.telegram.org/#/im?p=@IntergramBot">IntergramBot</a>. Just invite the bot to a group or chat with it directly, grab your ID, put it on the Awesome settings and have fun!. For more info or for hosting your own version of the bot check the <a href="https://github.com/idoco/intergram">Intergram project</a>.</p>
-<img src="{{ page.image }}" alt="Intergram screenshot">
+<img src="{{ page.image | relative_url }}" alt="Intergram screenshot">

features/quill_editor_support.html

@@ -6,4 +6,4 @@
 <h2>Image support for the Quill editor</h2>
 <p>Modifies the WYSIWYG editor in Decidim by adding the possibility to insert images. When uploading images, Drag & Drop is supported. Images will be uploaded to the server and inserted as external resources (it doesn't use base64 in-line encoding).</p>
 <p>This feature allows you use images in newsletters as well.</p>
-<img src="{{ page.image }}" alt="Images in Quill Editor">
+<img src="{{ page.image | relative_url }}" alt="Images in Quill Editor">

features/weighted_voting.html

@@ -8,4 +8,4 @@ <h2>Weighted voting</h2>
 <p>Weighted voting can have different presentations that can be registered in a manifest. Admins can then choose between what type of voting they want for their proposals according to the different manifests registered (classic is always available).</p>
 <p>Some manifests are included by default in Decidim Awesome, if you consider to create (or pay) for a new one, please open a PR or contact us.</p>
 <p>For instance, here is how the 3-flag voting system looks like:</p>
-<img src="{{ page.image }}" alt="Weighted voting">
+<img src="{{ page.image | relative_url }}" alt="Weighted voting">