diff options
author | Akshen | 2018-01-17 12:33:23 +0530 |
---|---|---|
committer | Akshen | 2018-01-17 12:33:23 +0530 |
commit | e1b1e0b8e760cef7f47a00c163aac615188702f5 (patch) | |
tree | 647f57021752747e0eb786a74b94a1b7f311a58b /workshop_app/templates | |
parent | 01c97a3e76999fe581bf4135c8a7e77ffbf80fa2 (diff) | |
download | workshop_booking-e1b1e0b8e760cef7f47a00c163aac615188702f5.tar.gz workshop_booking-e1b1e0b8e760cef7f47a00c163aac615188702f5.tar.bz2 workshop_booking-e1b1e0b8e760cef7f47a00c163aac615188702f5.zip |
Add Instructions for Open Online Courses
- Removes ChatBot
- Adds Banner for Open Online Courses
- Adds template for Instructions(POOCs)
Diffstat (limited to 'workshop_app/templates')
-rw-r--r-- | workshop_app/templates/workshop_app/index.html | 119 | ||||
-rw-r--r-- | workshop_app/templates/workshop_app/self_workshop.html | 102 | ||||
-rw-r--r-- | workshop_app/templates/workshop_app/view_faq.html | 2 |
3 files changed, 111 insertions, 112 deletions
diff --git a/workshop_app/templates/workshop_app/index.html b/workshop_app/templates/workshop_app/index.html index f00b47f..2bcc71b 100644 --- a/workshop_app/templates/workshop_app/index.html +++ b/workshop_app/templates/workshop_app/index.html @@ -10,19 +10,6 @@ <meta name="Akshen Doke" content=""> <title>Welcome</title> - <!-- ChatBox --> - <script type="text/javascript"> - function open_chatbox() - { - $('#chat').fadeOut(500); - $('#chatBox').fadeIn(1000); - } - function closeChat() - { - $('#chatBox').fadeOut(500); - $('#chat').fadeIn(1000); - } - </script> <!-- Bootstrap Core CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> @@ -44,25 +31,22 @@ <!-- ChatBot Post --> <script src="{{ URL_ROOT }}/static/workshop_app/js/jquery.js"></script> - <script src="{{ URL_ROOT }}/static/workshop_app/js/js.cookie.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> - - </head> - - <body> - <!-- Navigation --> <div class="container"> - <!-- - <div class="row" style="align-items: center;"> - <img class="img-responsive center-block" src=" {{ URL_ROOT }}/static/workshop_app/img/Scipy17top_bnr.png"> <br> - </div> - --> + <div class="row"> + <div class="col-12"> + <center> + <a href="{{URL_ROOT}}/self_workshop" ><img style="width:100%;max-width:900px;max-height:150px" src="{{URL_ROOT}}/static/workshop_app/img/PWB_3.png" /></a> + </center> + </div> + </div> + <!-- Heading Row --> <div class="row"> <div class="col-md-5 fossee-label"> @@ -128,19 +112,6 @@ <!-- /.col-lg-12 --> </div> - <!--ChatBox --> - <div id="chat" onClick="open_chatbox();"> Talk to ChatBot</div> - <div id="chatBox"><div onclick="closeChat()" id="close">X</div><br><br> - <ul class="list-group chat-log js-chat-log"> - </ul> - <div class="input-group input-group-md mt-1"> - <input type="text" class="form-control js-text" placeholder="Type here"/> - <span class="input-group-btn"> - <button class="btn btn-primary js-say">Submit</button> - </span> - </div> - </div> - </div> <!-- /.row --> @@ -193,80 +164,6 @@ <!-- /.container --> <!-- --> - <script> - var chatterbotUrl = '{% url "chatterbot:chatterbot" %}'; - var csrftoken = Cookies.get('csrftoken'); - - function csrfSafeMethod(method) { - // these HTTP methods do not require CSRF protection - return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); - } - - $.ajaxSetup({ - beforeSend: function(xhr, settings) { - if (!csrfSafeMethod(settings.type) && !this.crossDomain) { - xhr.setRequestHeader("X-CSRFToken", csrftoken); - } - } - }); - - var $chatlog = $('.js-chat-log'); - var $input = $('.js-text'); - var $sayButton = $('.js-say'); - - function createRow(text) { - var $row = $('<li class="list-group-item"></li>'); - - $row.text(text); - $chatlog.append($row); - // Clear the input field - $input.val(''); - $chatlog[0].scrollTop = $chatlog[0].scrollHeight; - } - - function submitInput() { - var inputData = { - 'text': $input.val() - - } - // Display the user's input on the web page - createRow(inputData.text); - - var $submit = $.ajax({ - type: 'POST', - url: chatterbotUrl, - data: JSON.stringify(inputData), - contentType: 'application/json' - }); - - $submit.done(function(statement) { - createRow(statement.text); - - // Clear the input field - $input.val(''); - - // Scroll to the bottom of the chat interface - $chatlog[0].scrollTop = $chatlog[0].scrollHeight; - }); - - $submit.fail(function() { - // TODO: Handle errors - console.log('here') - }); - } - - $sayButton.click(function() { - submitInput(); - }); - - $input.keydown(function(event) { - // Submit the input when the enter button is pressed - if (event.keyCode == 13) { - submitInput(); - } - }); - </script> - </body> </html> diff --git a/workshop_app/templates/workshop_app/self_workshop.html b/workshop_app/templates/workshop_app/self_workshop.html new file mode 100644 index 0000000..b472252 --- /dev/null +++ b/workshop_app/templates/workshop_app/self_workshop.html @@ -0,0 +1,102 @@ +{% extends 'workshop_app/base.html' %} + +{% block title %} + Python Online Courses +{% endblock %} + +{% block extra %} +<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono|Josefin+Sans"> +{% endblock %} +{% block header %} + <nav class="navbar navbar-default navbar-custom"> + <div class="container-fluid"> + <div class="navbar-header"> + <a class="navbar-brand" href="{{ URL_ROOT }}/">FOSSEE Workshops</a> + </div> + + <ul class="nav navbar-nav navbar-right"> + <li><a href="{{ URL_ROOT }}/register/"><span class="glyphicon glyphicon-user"></span> Register</a></li> + <li><a href="{{ URL_ROOT }}/login/"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> + </ul> + </div> + </nav> +{% endblock %} + +{% block content %} +<div class="container-fluid"> +<ul class ="list-unstyled"> + <li><h3 style="font-family: 'Josefin Sans', sans-serif;">About this Online Courses</h3></li> + <ul> + <li> + <h4 style="font-family: 'Roboto Mono', monospace; + ">The <a target="_blank" href="https://fossee.in">FOSSEE</a> team at IIT Bombay offers free online courses in Python designed and curated by <a target="_blank" href="https://www.aero.iitb.ac.in/~prabhu/index.html">Prof.Prabhu Ramachandran(Dept. of Aerospace Engineering,IIT Bombay).</a> These are interactive courses, Participants will gain hands-on experience in Python through a series of practice sessions and quizzes. + </h4></li> + + <li> + <h4 style="font-family: 'Roboto Mono', monospace; + ">The course is spread on the span of 3 weeks, anyone interested to learn Python can take up the course irrespective of background(student/working professional).</h4></li> + + <li> + <h4 style="font-family: 'Roboto Mono', monospace; + ">While taking the course if you have any queries, you can post that on our <a target="_blank" href="https://forums.fossee.in"> FORUMS(Python section)</a> which will be answered by FOSSEE's Python team.</h4></li> + + <li> + <h4 style="font-family: 'Roboto Mono', monospace; + ">Participants who meet the <a target="_blank" href="https://python.fossee.in/python-workshops">criteria</a> mentioned will receive e-certificates within 15 working days from the day of course completion. Certificates will be issued on registered email address.</h4></li> + </ul> + + <li><h3 style="font-family: 'Josefin Sans', sans-serif;">Instructions</h3></li> + <ul> + <li> + <h4 style="font-family: 'Roboto Mono', monospace;"> + Go to <a target="_blank" href="https://yaksh.fossee.in">Yaksh</a>, register and enroll for <i><u>Basic Programming using Python</u></i> + by searching for the course using code: <font size=5% color=#A9723E>BPPY</font> + </h4> + </li> + <li> + <h4 style="font-family: 'Roboto Mono', monospace;"> + After your enrollment is accepted, access "Enrolled Courses" tab you will be taken to the modules page, follow along the content sequentially. + </h4> + </li> + <li> + <h4 style="font-family: 'Roboto Mono', monospace;"> + You have to complete all the lessons, exercises and quizzes in a module to move to the next module. + </h4> + </li> + + <li> + <h4 style="font-family: 'Roboto Mono', monospace;"> + You can revisit lessons for better understanding but quizzes can be attempted only once. + </h4> + </li> + </ul> + + <li><h3 style="font-family: 'Josefin Sans', sans-serif;">Duration</h3></li> + <ul> + <li> + <h4 style="font-family: 'Roboto Mono', monospace;"> + 3 weeks is the course window, you can devote 4 hours a day on weekend or 1 hour each day or as per your availability. + </h4> + </li> + </ul> + + <li><h3 style="font-family: 'Josefin Sans', sans-serif;">Benefits</h3></li> + <ul> + <li> + <h4 style="font-family: 'Roboto Mono', monospace;"> + The Course is absolutely free and a + Certificate will be awarded on successful completion + + </h4> + </li> + <li> + <h4 style="font-family: 'Roboto Mono', monospace;"> + Flexible Timings + </h4> + </li> + </ul> + + +</ul> +</div> +{% endblock %} diff --git a/workshop_app/templates/workshop_app/view_faq.html b/workshop_app/templates/workshop_app/view_faq.html index 49eaf3b..f07a3e6 100644 --- a/workshop_app/templates/workshop_app/view_faq.html +++ b/workshop_app/templates/workshop_app/view_faq.html @@ -89,7 +89,7 @@ <ul class='num'> <li class='ans'> Do we have to pay for the workshop?<br> - Yes, there is a minimal fee to be paid by the students participating in the workshop. + No, the workshop is free of charge </li> </ul> |