+ {% for program in featured %}
+ {{ featured_card(program.program_name, program.description, program.hero_image, program.program_code) }}
+ {% endfor %}
+
+
+
+{% include "www/lms/templates/includes/highlights.html" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/erpnext/www/lms/index.js b/erpnext/www/lms/index.js
new file mode 100644
index 0000000000..8fcda6e1e0
--- /dev/null
+++ b/erpnext/www/lms/index.js
@@ -0,0 +1,30 @@
+$(function () {
+ setTimeout(function () {
+ $(".later").fadeIn();
+ }, 1000);
+});
+
+$(document).ready(function () {
+
+ var $videoSrc;
+ // Gets the video src from the data-src on each button
+ $('.video-btn').click(function () {
+ $videoSrc = $(this).attr("data-src");
+ console.log($videoSrc);
+ });
+ console.log($videoSrc);
+
+
+ // when the modal is opened autoplay it
+ $('#myModal').on('shown.bs.modal', function (e) {
+
+ // set the video src to autoplay and not to show related video. Youtube related video is like a box of chocolates... you never know what you're gonna get
+ $("#ytplayer").attr('src', "https://www.youtube.com/embed/" + $videoSrc + "?autoplay=0");
+ })
+ // stop playing the youtube video when I close the modal
+ $('#myModal').on('hide.bs.modal', function (e) {
+ // a poor man's stop video
+ $("#ytplayer").attr('src', $videoSrc);
+ })
+ // document ready
+});
\ No newline at end of file
diff --git a/erpnext/www/lms/index.py b/erpnext/www/lms/index.py
new file mode 100644
index 0000000000..16772a4f5d
--- /dev/null
+++ b/erpnext/www/lms/index.py
@@ -0,0 +1,5 @@
+from __future__ import unicode_literals
+import frappe
+
+def get_context(context):
+ context.featured = frappe.get_all('Program', filters={'is_featured': 1}, fields=['program_name', 'program_code', 'description', 'hero_image'])
\ No newline at end of file
diff --git a/erpnext/www/lms/program.html b/erpnext/www/lms/program.html
new file mode 100644
index 0000000000..e079b4155a
--- /dev/null
+++ b/erpnext/www/lms/program.html
@@ -0,0 +1,70 @@
+{% extends "frappe_theme/templates/base.html" %}
+{% block title %}ERPNext Academy{% endblock %}
+
+{% block head_include %}
+
+
+{% endblock %}
+
+{% macro course_card(name) %}
+
+