Convert Financial Services HTML admonition (#2390)

Signed-off-by: Daniel Gray <dngray@privacyguides.org>

docs/financial-services.md

@@ -12,13 +12,16 @@ Making payments online is one of the biggest challenges to privacy. These servic
 
 There are a number of services which provide "virtual debit cards" which you can use with online merchants without revealing your actual banking or billing information in most cases. It's important to note that these financial services are **not** anonymous and are subject to "Know Your Customer" (KYC) laws and may require your ID or other identifying information. These services are primarily useful for protecting you from merchant data breaches, less sophisticated tracking or purchase correlation by marketing agencies, and online data theft; and **not** for making a purchase completely anonymously.
 
-!!! tip "Check your current bank"
+<div class="admonition tip" markdown>
+<p class="admonition-title">Check your current bank</p>
 
 Many banks and credit card providers offer native virtual card functionality. If you use one which provides this option already, you should use it over the following recommendations in most cases. That way you are not trusting multiple parties with your personal information.
 
+</div>
+
 ### Privacy.com (US)
 
-!!! recommendation
+<div class="admonition recommendation" markdown>
 
 ![Privacy.com logo](assets/img/financial-services/privacy_com.svg#only-light){ align=right }
 ![Privacy.com logo](assets/img/financial-services/privacy_com-dark.svg#only-dark){ align=right }
@@ -29,11 +32,15 @@ There are a number of services which provide "virtual debit cards" which you can
 [:octicons-eye-16:](https://privacy.com/privacy-policy){ .card-link title="Privacy Policy" }
 [:octicons-info-16:](https://support.privacy.com/hc/en-us){ .card-link title=Documentation}
 
+</details>
+
+</div>
+
 Privacy.com gives information about the merchants you purchase from to your bank by default. Their paid "discreet merchants" feature hides merchant information from your bank, so your bank only sees that a purchase was made with Privacy.com but not where that money was spent, however that is not foolproof, and of course Privacy.com still has knowledge about the merchants you are spending money with.
 
 ### MySudo (US, Paid)
 
-!!! recommendation
+<div class="admonition recommendation" markdown>
 
 ![MySudo logo](assets/img/financial-services/mysudo.svg#only-light){ align=right }
 ![MySudo logo](assets/img/financial-services/mysudo-dark.svg#only-dark){ align=right }
@@ -44,16 +51,23 @@ Privacy.com gives information about the merchants you purchase from to your bank
 [:octicons-eye-16:](https://anonyome.com/privacy-policy/){ .card-link title="Privacy Policy" }
 [:octicons-info-16:](https://support.mysudo.com/hc/en-us){ .card-link title=Documentation}
 
+</details>
+
+</div>
+
 MySudo's virtual cards are currently only available via their iOS app.
 
 ### Criteria
 
 **Please note we are not affiliated with any of the projects we recommend.** In addition to [our standard criteria](about/criteria.md), we have developed a clear set of requirements to allow us to provide objective recommendations. We suggest you familiarize yourself with this list before choosing to use a project, and conduct your own research to ensure it's the right choice for you.
 
-!!! example "This section is new"
+<div class="admonition example" markdown>
+<p class="admonition-title">This section is new</p>
 
 We are working on establishing defined criteria for every section of our site, and this may be subject to change. If you have any questions about our criteria, please [ask on our forum](https://discuss.privacyguides.net/latest) and don't assume we didn't consider something when making our recommendations if it is not listed here. There are many factors considered and discussed when we recommend a project, and documenting every single one is a work-in-progress.
 
+</div>
+
 - Allows the creation of multiple cards which function as a shield between the merchant and your personal finances.
 - Cards must not require you to provide accurate billing address information to the merchant.
 
@@ -63,7 +77,7 @@ These services allow you to purchase gift cards for a variety of merchants onlin
 
 ### CoinCards
 
-!!! recommendation
+<div class="admonition recommendation" markdown>
 
 ![CoinCards logo](assets/img/financial-services/coincards.svg){ align=right }
 
@@ -73,13 +87,20 @@ These services allow you to purchase gift cards for a variety of merchants onlin
 [:octicons-eye-16:](https://coincards.com/privacy-policy/){ .card-link title="Privacy Policy" }
 [:octicons-info-16:](https://coincards.com/frequently-asked-questions/){ .card-link title=Documentation}
 
+</details>
+
+</div>
+
 ### Criteria
 
 **Please note we are not affiliated with any of the projects we recommend.** In addition to [our standard criteria](about/criteria.md), we have developed a clear set of requirements to allow us to provide objective recommendations. We suggest you familiarize yourself with this list before choosing to use a project, and conduct your own research to ensure it's the right choice for you.
 
-!!! example "This section is new"
+<div class="admonition example" markdown>
+<p class="admonition-title">This section is new</p>
 
 We are working on establishing defined criteria for every section of our site, and this may be subject to change. If you have any questions about our criteria, please [ask on our forum](https://discuss.privacyguides.net/latest) and don't assume we didn't consider something when making our recommendations if it is not listed here. There are many factors considered and discussed when we recommend a project, and documenting every single one is a work-in-progress.
 
+</div>
+
 - Accepts payment in [a recommended cryptocurrency](cryptocurrency.md).
 - No ID requirement.