diff options
Diffstat (limited to 'alphabetlearning/templates/resources')
| -rw-r--r-- | alphabetlearning/templates/resources/resource_card_standard.html | 84 | ||||
| -rw-r--r-- | alphabetlearning/templates/resources/resource_list.html | 13 |
2 files changed, 49 insertions, 48 deletions
diff --git a/alphabetlearning/templates/resources/resource_card_standard.html b/alphabetlearning/templates/resources/resource_card_standard.html index cf2b786..4cfa929 100644 --- a/alphabetlearning/templates/resources/resource_card_standard.html +++ b/alphabetlearning/templates/resources/resource_card_standard.html @@ -3,56 +3,50 @@ <!-- Card 1 --> -<div style="border-color: {{ resource.main_resource_category_colour_css_class }}; border-width: 1px;" - onmouseover="this.classList.add('my-card-shadow-lg')" onmouseout="this.classList.remove('my-card-shadow-lg')"> +<div class="standard-card"> + <div> + <img class="standard-img" src="{{ resource.thumbnail_urls|first }}" alt="{{ resource.thumbnail_filename }}"> + </div> <div> <div> - <img src="{{ resource.thumbnail_urls|first }}" alt="{{ resource.thumbnail_filename }}"> + <h5><a href="{% url 'resources:resource_detail' resource_id=resource.id %}">{{ resource.name }}</a> + </h5> </div> <div> - <div> - <div> - <h5><a - href="{% url 'resources:resource_detail' resource_id=resource.id %}">{{ resource.name }}</a> - </h5> - </div> - <div> - <span>{{ resource.age_range }}</span> - {% if resource.main_resource_category_name == "English as a Foreign Language (EFL)" %} - <span style="background-color: {{ resource.main_resource_category_colour_css_class }}; color: {{ resource.main_resource_badge_foreground_colour }}">EFL</span> - {% else %} - <span style="background-color: {{ resource.main_resource_category_colour_css_class }}; color: {{ resource.main_resource_badge_foreground_colour }}">{{ resource.main_resource_category_name }}</span> - {% endif %} - {% if request.user.is_authenticated and request.user.is_staff %} - <span>Feature slot: {{ resource.feature_slot }}</span> - {% endif %} - </div> - <div> - <p>{{ resource.card_description }}</p> - </div> - <div> - <p><small class="text-muted">1 credit</small></p> - - {% if resource.in_cart %} - <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST"> - {% csrf_token %} - <button type="submit">In basket</button> - </form> - {% else %} - <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST"> - {% csrf_token %} - <button type="submit">Add to basket</button> - </form> - {% endif %} - </div> - </div> + <span>{{ resource.age_range }}</span> + {% if resource.main_resource_category_name == "English as a Foreign Language (EFL)" %} + <span style="background-color: {{ resource.main_resource_category_colour_css_class }}; color: {{ resource.main_resource_badge_foreground_colour }}">EFL</span> + {% else %} + <span style="background-color: {{ resource.main_resource_category_colour_css_class }}; color: {{ resource.main_resource_badge_foreground_colour }}">{{ resource.main_resource_category_name }}</span> + {% endif %} + {% if request.user.is_authenticated and request.user.is_staff %} + <span>Feature slot: {{ resource.feature_slot }}</span> + {% endif %} + </div> + <div> + <p class="standard-card-description">{{ resource.card_description }}</p> </div> - {% if request.user.is_authenticated and request.user.is_staff %} <div> - <a href="{% url 'resources:resource_update_metadata' resource.id %}">Edit</a> - <a href="{% url 'resources:resource_update_thumbnails' resource.id %}">Edit Feature Images</a> - <a href="{% url 'resources:resource_update_pdfs' resource.id %}">Add PDFs</a> - </div> - {% endif %} + <p><small class="text-muted">1 credit</small></p> + + {% if resource.in_cart %} + <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST"> + {% csrf_token %} + <button type="submit">In basket</button> + </form> + {% else %} + <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST"> + {% csrf_token %} + <button type="submit">Add to basket</button> + </form> + {% endif %} + </div> + </div> + {% if request.user.is_authenticated and request.user.is_staff %} + <div> + <a href="{% url 'resources:resource_update_metadata' resource.id %}">Edit</a> + <a href="{% url 'resources:resource_update_thumbnails' resource.id %}">Edit Feature Images</a> + <a href="{% url 'resources:resource_update_pdfs' resource.id %}">Add PDFs</a> </div> + {% endif %} </div> diff --git a/alphabetlearning/templates/resources/resource_list.html b/alphabetlearning/templates/resources/resource_list.html index a6e2a5d..4ea1850 100644 --- a/alphabetlearning/templates/resources/resource_list.html +++ b/alphabetlearning/templates/resources/resource_list.html @@ -13,7 +13,11 @@ Alphabet Learning - Resource List {# featured resources #} {% if featured_resources %} <div> - <h1>Featured resources</h1> + <h1 class="section-title">Featured resources</h1> + </div> + + <div class="bulk-text"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra ante vel ornare sagittis. Integer ac nisi tellus. Aenean tempus eleifend ipsum eget iaculis. Donec vehicula tortor malesuada sapien semper, quis fermentum turpis laoreet. Sed pulvinar vitae nibh et posuere. Aenean sed metus in tellus sagittis aliquam vel eu dui. Aliquam tellus purus, semper ut ligula in, pharetra maximus massa. Sed ut ipsum sit amet felis vulputate efficitur a vitae ex. Vestibulum hendrerit dapibus ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur sed malesuada dui. Phasellus at risus in tortor sagittis faucibus. Curabitur imperdiet, turpis et varius efficitur, odio nibh rhoncus odio, vitae tincidunt turpis magna sed risus. Duis venenatis at tortor vel commodo.</p> </div> <div class="featured-container"> @@ -35,7 +39,10 @@ Alphabet Learning - Resource List {# standard resources #} <div> - <h1>Standard resources</h1> + <h1 class="section-title">Standard resources</h1> + </div> + <div class="bulk-text"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra ante vel ornare sagittis. Integer ac nisi tellus. Aenean tempus eleifend ipsum eget iaculis. Donec vehicula tortor malesuada sapien semper, quis fermentum turpis laoreet. Sed pulvinar vitae nibh et posuere. Aenean sed metus in tellus sagittis aliquam vel eu dui. Aliquam tellus purus, semper ut ligula in, pharetra maximus massa. Sed ut ipsum sit amet felis vulputate efficitur a vitae ex. Vestibulum hendrerit dapibus ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur sed malesuada dui. Phasellus at risus in tortor sagittis faucibus. Curabitur imperdiet, turpis et varius efficitur, odio nibh rhoncus odio, vitae tincidunt turpis magna sed risus. Duis venenatis at tortor vel commodo.</p> </div> <!-- Tabbed navigation bar for filtering --> @@ -52,7 +59,7 @@ Alphabet Learning - Resource List </ul> - <div> + <div class="standard-grid"> {% for resource in page_obj.object_list %} <div data-type="{{ resource.main_resource_category_name }}"> {% include "resources/resource_card_standard.html" with resource=resource %} |