Issue 5693 - Add Article Content to help.eyeo.com

includes/adblockplus/remove-a-website-from-the-whitelist.md

-<div class="platform-ios" markdown="1">
+<section class="platform-ios" markdown="1">
 ## Adblock Plus for iOS

[juliandoucette, 2017/10/09 16:41:05]

NIT/TOL: Does h2 or h3 match your implementation?

[ire, 2017/10/09 20:20:47]

h2 is correct. The article title will be h1

[juliandoucette, 2017/10/09 22:41:31]

Acknowledged.

 
 1. Open the Adblock Plus for iOS app.
 2. Tap the **Tools icon**.
 3. Tap **Whitelisted Websites**.
 4. Tap the **Trash icon** next to the website you want to remove.
-</div>
+</section>
 
-<div class="platform-chrome" markdown="1">
+<section class="platform-chrome" markdown="1">
 ## Chrome
 
 1. Click the **Chrome menu icon** in the upper right corner of the toolbar and select **Settings**.
 <br>The *Settings* tab opens.
 2. Select **Extensions** from the left menu.
 3. Locate Adblock Plus and click **Options**.
 <br>The *Adblock Plus Options* tab opens.
 4. Select the **Whitelisted domains** tab.
 5. If a website that you don't want to view ads on appears in the box, select the website and click **Remove selected**.
 6. Close the tab.
-</div>
+</section>
 
-<div class="platform-firefox" markdown="1">
+<section class="platform-firefox" markdown="1">
 ## Firefox
 
 1. Click the **Firefox menu icon** in the upper right corner of the toolbar and select **Add-ons**.
 <br>The *Add-ons Manager* tab opens.
 2. Select **Extensions** from the left menu.
 3. Locate Adblock Plus and click **Options** (Windows) / **Preferences** (Mac).
 4. Click **Filter preferences**.
 <br>The *Adblock Plus Filter Preferences* window opens.
 5. Select the **Custom filters** tab.
 6. Select a filter group, click **Actions** and select **Show/hide filters**.
 7. If a filter rule appears in the right window for the website you see ads on, do one of the following:
     - Select the rule, click **Filter actions** and select **Delete**.
     - Uncheck the **Enabled** box that applies to the rule.
-</div>
+</section>
 
-<div class="platform-ie" markdown="1">
+<section class="platform-ie" markdown="1">
 ## Internet Explorer
 
 1. From the status bar located at the bottom of your browser, click the **Adblock Plus icon** and select **Settings**.
 <br>**Tip**: If you do not see the Adblock Plus icon, right-click the tab bar (the empty area near the tabs) and select **Status bar**.
 <br>The *Adblock Plus Options* window opens.
 2. Click the **Manage** button.
 3. If a website that you don't want to view ads on appears in the box, select the website and click **Remove selected**.
 4. Close the window.
-</div>
+</section>
 
-<div class="platform-maxthon" markdown="1">
+<section class="platform-maxthon" markdown="1">
 ## Maxthon 5
 
 1. Click the **Maxthon menu icon** in the upper right corner of the toolbar, hover over **Tools** and select **Extensions**.
 <br>The *Extensions* tab opens.
 2. Locate Adblock Plus and click **Options**.
 <br>The *Adblock Plus Options* window opens.
 3. Select the **Whitelisted domains** tab.
 4. If a website that you don't want to view ads on appears in the box, select the website and click **Remove selected**.
 5. Click **Done**.
 
 ## Maxthon 4.9
 
 1. Click the **Adblock Plus icon** and select **Adblock Plus Options**.
 <br>The *Adblock Plus Options* window opens.
 2. Select the **Whitelisted domains** tab.
 3. If a website that you don't want to view ads on appears in the box, select the website and click **Remove selected**.
 4. Click **Done**.
-</div>
+</section>
 
-<div class="platform-opera" markdown="1">
+<section class="platform-opera" markdown="1">
 ## Opera
 
 1. Click the **Opera menu icon** in the upper left corner of the toolbar, hover over **Extensions** and select **Manage extensions**.
 <br>The *Extensions* tab opens.
 2. Select **All** from the left menu.
 3. Locate Adblock Plus and click **Options**.
 <br>The *Adblock Plus Options* tab opens.
 4. Select the **Whitelisted domains** tab.
 5. If a website that you don't want to view ads on appears in the box, select the website and click **Remove selected**.
 6. Close the tab.
-</div>
+</section>
 
-<div class="platform-safari" markdown="1">
+<section class="platform-safari" markdown="1">
 ## Safari
 
 1. From the Safari toolbar, click the **Adblock Plus icon** and select **Options**.
 <br>The *Adblock Plus Options* tab opens.
 2. Select the **Whitelisted domains** tab.
 3. If a website that you don't want to view ads on appears in the box, select the website and click **Remove selected**.
 4. Close the tab.
-</div>
+</section>
 
-<div class="platform-samsung" markdown="1">
-## Adblock Plus for Samsung Internet
-
-<? include no-content-for-platform-message ?>

[juliandoucette, 2017/10/09 16:41:05]

I think that we should include this message inside a <template> to be rendered
if your browser is detected and there is not a relevant section on the page;
assuming that all sections are shown by default (no-js, robots) and sections
without instructions will be omitted.

[ire, 2017/10/09 20:20:47]

Could you please expand on this. What sort of <template> are you referring to?

You're definitely right that the no-js state here is not optimal.

[juliandoucette, 2017/10/09 22:41:31]

Show all available instructions by default; // **no-js**

if (the user's platform can be detected) { // **js-only**
    hide instructions that do not match the user's platform;
    if (there are no instructions for the users platform) {
        show the error message;
    }
}

Place the error message inside of a <script type="text/template"> or <template>
[so that it isn't shown, so that it is not mistaken for content, so that
JavaScript doesn't have to be aware of it's translation].

[ire, 2017/10/12 12:43:23]

Okay got it.

The support for <template> does not seem to be adequate
(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)

I wasn't able to find much information on the support for <script
type="text/template"> besides this thread on reddit
(https://www.reddit.com/r/webdev/comments/3sek2i/question_template_vs_script_t...).
But since we are just using it to hold some text, I chose to use that route for
this purpose. 

For now, I just created the template and placed it in the article.tmpl . In a
separate issue, I will handle displaying the text in the appropriate place.

-</div>
-
-<div class="platform-yandex" markdown="1">
+<section class="platform-yandex" markdown="1">
 ## Yandex.Browser
 
 1. Click the **Yandex.Browser menu icon** and select **Extensions**.
 <br>The *Extensions* tab opens.
 2. Locate Adblock Plus and click **More details**.
 3. Click **Options**.
 <br>The *Adblock Plus Options* tab opens.
 4. Select the **Whitelisted domains** tab.
 5. If a website that you don't want to view ads on appears in the box, select the website and click **Remove selected**.
 6. Close the tab.
-</div>
+</section>