refactor: added program card macro
diff --git a/erpnext/www/lms/index.html b/erpnext/www/lms/index.html
index ffa46e1..ba3034c 100644
--- a/erpnext/www/lms/index.html
+++ b/erpnext/www/lms/index.html
@@ -1,5 +1,6 @@
{% extends "templates/base.html" %}
{% block title %}{{ education_settings.portal_title }}{% endblock %}
+{% from "www/lms/macros/card.html" import program_card %}
{% block head_include %}
<meta name="description" content="{{ education_settings.description }}" />
@@ -32,43 +33,20 @@
</style>
{% endblock %}
-{% macro card(program) %}
-<div class="col-sm mb-4 text-left">
- <a href="/lms/program?name={{ program.name }}" class="no-decoration no-underline">
- <div class="card h-100">
- {% if program.hero_image %}
- <div class="card-hero-img" style="background-image: url({{ program.hero_image }})"></div>
- {% else %}
- <div class="card-image-wrapper text-center">
- <div class="image-body">{{ program.program_name }}</div>
- </div>
- {% endif %}
- <div class='card-body'>
- <h5 class='card-title'>{{ program.program_name }}</h5>
- <div>{{ program.description }}</div>
- </div>
- <div class='card-footer'>
- <span class='small'>Watch Intro</span>
- </div>
- </div>
- </a>
-</div>
-{% endmacro %}
-
{% block content %}
<section class="top-section ">
<div class='container pb-5'>
<h1>{{ education_settings.portal_title }}</h1>
<p class='lead'>{{ education_settings.description }}</p>
<p class="mt-4">
- <a class="btn btn-primary btn-lg" style="width: 170px;" href="{{ '/login#signup' if frappe.session.user == 'Guest' else '/lms/all-programs' }}">Start Learning</a>
+ <a class="btn btn-primary btn-lg" href="{{ '/login#signup' if frappe.session.user == 'Guest' else '/lms/all-programs' }}">{{ 'Start Learning' if frappe.session.user == 'Guest' else 'Explore Programs'}}</a>
</p>
<a href="https://erpnext.com" target="blank" class="mt-0 small text-muted">Go to erpnext.com</a>
</div>
<div class='container'>
<div class="row mt-5">
{% for program in featured_programs %}
- {{ card(program.program) }}
+ {{ program_card(program) }}
{% endfor %}
</div>
<p class='mt-4'>