From 663aff16b3c1c93fe40d596a60869131e3783ba4 Mon Sep 17 00:00:00 2001
From: Gareth Coles <gdude2002@gmail.com>
Date: Wed, 14 Mar 2018 10:06:52 +0000
Subject: Add payment info for resources, and two more resources

* Code Combat
* Corey Schafer's Python tutorials playlist
---
 templates/main/info/resources.html | 41 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

(limited to 'templates')

diff --git a/templates/main/info/resources.html b/templates/main/info/resources.html
index 576d68ec..6e8a616d 100644
--- a/templates/main/info/resources.html
+++ b/templates/main/info/resources.html
@@ -21,6 +21,28 @@
                     if there's a great resource that you love and you don't see it on this page, feel free to submit a
                     pull request!
                 </p>
+                <p>
+                    Some resources aren't free - the below key will help you figure out whether you need to pay for
+                    a resource or not. You can also hover them for more information on the payment (or tap them on
+                    mobile) where available.
+                </p>
+                <p class="uk-text-center">
+                    <span class="fa-layers fa-fw">
+                        <i class="fas fa-circle" style="color: green"></i>
+                        <i class="fa-inverse fas fa-dollar-sign" data-fa-transform="shrink-6"></i>
+                    </span>
+                    Free
+                    <span class="fa-layers fa-fw">
+                        <i class="fas fa-circle" style="color: darkgoldenrod"></i>
+                        <i class="fa-inverse fas fa-dollar-sign" data-fa-transform="shrink-6"></i>
+                    </span>
+                    Payment Optional
+                    <span class="fa-layers fa-fw">
+                        <i class="fas fa-circle" style="color: darkred"></i>
+                        <i class="fa-inverse fas fa-dollar-sign" data-fa-transform="shrink-6"></i>
+                    </span>
+                    Paid
+                </p>
 
                 {% if categories is none %}
                     <div class="uk-alert-danger" uk-alert>
@@ -44,7 +66,24 @@
                         </h2>
                         {% for item, data in category_data.resources.items() %}
                             <p>
-                                <strong>{{ item }}</strong> &nbsp;<a href="{{ data.url }}"><i class="fas fa-link"></i></a><br />
+                                {% if data["payment_description"] %}
+                                    <span class="fa-layers fa-fw" uk-tooltip="{{ data["payment_description"] }}">
+                                {% else %}
+                                    <span class="fa-layers fa-fw">
+                                {% endif %}
+
+                                {% if data["payment"] == "optional" %}
+                                        <i class="fas fa-circle" style="color: darkgoldenrod"></i>
+                                {% elif data["payment"] == "paid" %}
+                                        <i class="fas fa-circle" style="color: darkred"></i>
+                                {% else %}
+                                        <i class="fas fa-circle" style="color: green"></i>
+                                {% endif %}
+                                        <i class="fa-inverse fas fa-dollar-sign" data-fa-transform="shrink-6"></i>
+                                    </span>
+                                <strong>{{ item }}</strong> &nbsp;<a href="{{ data.url }}"><i class="fas fa-link"></i></a>
+
+                                <br />
                                 <span class="uk-text-meta">{{ data.description }}</span>
                             </p>
                         {% endfor %}
-- 
cgit v1.2.3