diff options
| -rw-r--r-- | workshop_app/static/workshop_app/css/faq.css | 5 | ||||
| -rw-r--r-- | workshop_app/static/workshop_app/css/index.css | 36 | ||||
| -rw-r--r-- | workshop_app/static/workshop_app/css/sticky-footer.css | 2 | ||||
| -rw-r--r-- | workshop_app/templates/workshop_app/how_to_participate.html | 35 | ||||
| -rw-r--r-- | workshop_app/templates/workshop_app/index.html | 52 | ||||
| -rw-r--r-- | workshop_app/templates/workshop_app/view_benefits.html | 48 | ||||
| -rw-r--r-- | workshop_app/templates/workshop_app/view_faq.html | 150 | ||||
| -rw-r--r-- | workshop_app/views.py | 9 | ||||
| -rw-r--r-- | workshop_portal/urls.py | 3 |
9 files changed, 289 insertions, 51 deletions
diff --git a/workshop_app/static/workshop_app/css/faq.css b/workshop_app/static/workshop_app/css/faq.css new file mode 100644 index 0000000..98b4f5c --- /dev/null +++ b/workshop_app/static/workshop_app/css/faq.css @@ -0,0 +1,5 @@ +.num { + list-style-type: square; + font-family: 'Antic Slab'; + font-size: 22px; +} diff --git a/workshop_app/static/workshop_app/css/index.css b/workshop_app/static/workshop_app/css/index.css index 26bd155..1087d24 100644 --- a/workshop_app/static/workshop_app/css/index.css +++ b/workshop_app/static/workshop_app/css/index.css @@ -5,18 +5,15 @@ body { .fossee-label { padding-top: 20%; - margin-left: 60%; + margin-left: 9%; color: #6D5847; - font-size: 450%; + font-size: 400%; } - .logo { - width: 200%; - height: 100%; float: left; margin-top: 9%; - margin-left: 75%; + margin-left: 15%; } .label-bar { @@ -24,12 +21,13 @@ body { float: right; margin-top: 9%; font-size: 120%; - margin-right: 10%; + margin-right: 3%; } .login { - margin-left: 20%; + margin-left: auto; + margin-right: 1%; width: 40%; height: 90%; background: white; @@ -50,7 +48,6 @@ body { /* Icons with their respective Images */ .icons { background: white; - height: 70%; margin-top: 3%; } @@ -67,34 +64,29 @@ figure.item { -/* Contact Us, Related Links and Organization Logo */ - -.contact { - width: 100%; - margin: auto; -} +/* Contact Us, Related Links and Organization Logo css*/ .org-logo { - margin-top: 5%; - margin-left: 6%; + margin-top: 1%; + float: left; color: #5A3700; } .related-links { - font-size: 180%; + font-size: 120%; color: #5A3700; - margin-top: 3%; - margin-left: 9% + text-align: center; + margin-top: 1%; } .contact-us { - font-size: 180%; + font-size: 140%; color: #5A3700; margin-top: 1%; - margin-right: 3%; + float: right; } diff --git a/workshop_app/static/workshop_app/css/sticky-footer.css b/workshop_app/static/workshop_app/css/sticky-footer.css index 9c9be20..cb21144 100644 --- a/workshop_app/static/workshop_app/css/sticky-footer.css +++ b/workshop_app/static/workshop_app/css/sticky-footer.css @@ -33,7 +33,7 @@ /* Footer CSS */ .footer { - position: absolute; + position: relative; bottom: 0; right: 0; left: 0; diff --git a/workshop_app/templates/workshop_app/how_to_participate.html b/workshop_app/templates/workshop_app/how_to_participate.html new file mode 100644 index 0000000..cb7c6be --- /dev/null +++ b/workshop_app/templates/workshop_app/how_to_participate.html @@ -0,0 +1,35 @@ +{% extends 'workshop_app/base.html' %} + +{% block title %} + View Benefits +{% endblock %} + +{% block extra %} + + <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> --> + + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> +{% 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}}/">Booking</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" style="margin-left:auto;"> + <img src="{{ URL_ROOT }}/static/workshop_app/img/img2.png"> + </div> + +{% endblock %}
\ No newline at end of file diff --git a/workshop_app/templates/workshop_app/index.html b/workshop_app/templates/workshop_app/index.html index be1765c..5ce8907 100644 --- a/workshop_app/templates/workshop_app/index.html +++ b/workshop_app/templates/workshop_app/index.html @@ -9,21 +9,18 @@ <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> - - <link rel="stylesheet" href="{{ URL_ROOT }}/static/workshop_app/css/index.css" type="text/css" /> + <link rel="stylesheet" href="{{ URL_ROOT }}/static/workshop_app/css/index.css" type="text/css" /> - <body > + <body> <div class="container" style="width: 90%; height:90%;background:#C8C5B6;"> <div class="row"> <div class="col-md-4"> <div class="fossee-label">FOSSEE Workshop</div> - <div class="logo"> - <img src="{{ URL_ROOT }}/static/workshop_app/img/python_logo.png" > - - </div> - + <div class="logo"> + <img src="{{ URL_ROOT }}/static/workshop_app/img/python_logo.png" > + </div> </div> <div class="login col-md-8"> @@ -48,7 +45,7 @@ </div> <div class="row"> - <div class="icons col-md-12"> + <div class="icons col-sm-12"> <figure class="item" style="margin-left: 10%;"> <a href="{{ URL_ROOT }}/view_workshoptype_details/" style="color: #6D5847;"> @@ -58,21 +55,21 @@ </figure> <figure class="item" style="margin-left: 15%;"> - <a href="{{ URL_ROOT }}/view_workshoptype_details/" style="color: #6D5847;"> + <a href="{{ URL_ROOT }}/benefits/" style="color: #6D5847;"> <img class="caption-img" src="{{ URL_ROOT }}/static/workshop_app/img/bnft.png" > <figcaption class="caption" >Benefits</figcaption> </a> </figure> <figure class="item" style="margin-left: 15%;"> - <a href="{{ URL_ROOT }}/view_workshoptype_details/" style="color: #6D5847;"> + <a href="{{ URL_ROOT }}/faq/" style="color: #6D5847;"> <img class="caption-img" src="{{ URL_ROOT }}/static/workshop_app/img/faq.png" > <figcaption class="caption" >FAQs</figcaption> </a> </figure> <figure class="item" style="margin-left: 15%; "> - <a href="{{ URL_ROOT }}/view_workshoptype_details/" style="color: #6D5847;"> + <a href="{{ URL_ROOT }}/how_to_participate/" style="color: #6D5847;"> <img class="caption-img" src="{{ URL_ROOT }}/static/workshop_app/img/part.png" > <figcaption class="caption">How to Participate</figcaption> </a> @@ -81,39 +78,38 @@ </div> </div> + <!-- Bottom 3 cols --> <div class="row"> <!-- Logo --> - <div class="org-logo col-md-3"> - <span style="margin-top:10%; font-size: 75%;">Organized By:</span><br> - <img src="{{ URL_ROOT }}/static/workshop_app/img/fossee_logo.png" style="width:50%;height:54%;"> + <div class="org-logo col-sm-4"> + <span >Organized By:</span><br> + <img src="{{ URL_ROOT }}/static/workshop_app/img/fossee_logo.png"> - <img src="{{ URL_ROOT }}/static/workshop_app/img/iitb_logo.png" style="margin-left:3% ;width:15%;height:18%;"> + <img src="{{ URL_ROOT }}/static/workshop_app/img/iitb_logo.png" > + <br> </div> <!-- Related Links --> - <div class="related-links col-md-3"> + <div class="related-links col-sm-4"> Related Links<br> - <h6> - <a href="http://fossee.in" target="_blank" style="font-size: 96%;">fossee.in</a><br> - <a href="http://yaksh.fossee.in" target="_blank" style="font-size: 96%;">yaksh.fossee.in</a><br> - <a href="http://python.fossee.in" target="_blank" style="font-size: 96%;">python.fossee.in</a> - </h6> + <a href="http://fossee.in" target="_blank" >fossee.in</a><br> + <a href="http://yaksh.fossee.in" target="_blank" >yaksh.fossee.in</a><br> + <a href="http://python.fossee.in" target="_blank" >python.fossee.in</a> </div> <!-- Contact Us --> - <div class="contact-us col-md-3"> + <div class="contact-us col-sm-4"> Contact Us:<br> - <h6>FOSSEE, IIT-Bombay<br> - Mumbai, India<br></h6> - <h6> + FOSSEE, IIT-Bombay<br> + Mumbai, India<br> + Phone: (+91) 22 2576 4133<br> Email: info[at]fossee[dot]in - </h6> </div> - </div> + <div class="footer"> <img src="{{ URL_ROOT }}/static/workshop_app/img/cc.png" style="width:5%;height:3%;"> diff --git a/workshop_app/templates/workshop_app/view_benefits.html b/workshop_app/templates/workshop_app/view_benefits.html new file mode 100644 index 0000000..9b56244 --- /dev/null +++ b/workshop_app/templates/workshop_app/view_benefits.html @@ -0,0 +1,48 @@ +{% extends 'workshop_app/base.html' %} + +{% block title %} + View Benefits +{% endblock %} + +{% block extra %} + + <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> --> + + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> +{% 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}}/">Booking</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"> + <h1>Features and Benefits:</h1><br> + <p><h4> + The workshops can be arranged at your convenience. + Hands-on experience in Python programming with many practice sessions and quizzes. + Certificates and honorarium will be provided on successful completion. + </h4></p> + <br> + <p><h4> + Hone your programming skills in Python. + Live video/chat assistance from FOSSEE Python experts + Closely integrated with online programming evaluation tool. + Designed, developed, and presented by Prof.Prabhu Ramachandran and the FOSSEE team at IIT Bombay + </h4></p> + <br><br> + </div> + +{% endblock %}
\ No newline at end of file diff --git a/workshop_app/templates/workshop_app/view_faq.html b/workshop_app/templates/workshop_app/view_faq.html new file mode 100644 index 0000000..77ec095 --- /dev/null +++ b/workshop_app/templates/workshop_app/view_faq.html @@ -0,0 +1,150 @@ +{% extends 'workshop_app/base.html' %} + +{% block title %} + FAQ'S +{% endblock %} + +{% block extra %} + <link rel="stylesheet" href="{{ URL_ROOT }}/static/workshop_app/css/faq.css" type="text/css" /> + <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> --> + + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> + <link href='//fonts.googleapis.com/css?family=Antic Slab' rel='stylesheet'> + +{% 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}}/">Booking</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"> + <h1>FAQs-</h1><br> + <ul class='num'> + <li class='ans'> + Who can participate in these workshops?<br> + + Anyone interested in learning Python irrespective of their domain can participate. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + Will the participants receive certificates?<br> + Yes, graded certificates shall be issued only after successfully clearing our post-workshop assessments/tests. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + Will the coordinators receive certificates?<br> + Yes, even the coordinators of the workshops are awarded certificates. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + When will I get my certificate?<br> + Within 15 working days from the last day of the workshop. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + How many coordinators are required to conduct a workshop?<br> + One coordinator for 50 participants. + </li> + </ul> + + <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. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + Do I have to register?<br> + Yes, only the coordinator of the workshop will have to register. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + Can we conduct this workshop as per our convenience?<br> + Absolutely! You may conduct the workshop as per your lab availability. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + What is the approximate wait time after requesting for a workshop?<br> + It could be between 1-2 weeks (subject to availability of our instructors). + </li> + </ul> + + <ul class='num'> + <li class='ans'> + How will the workshop be conducted?<br> + It will be a hands-on workshop with remote assistance by a FOSSEE instructor at IIT Bombay. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + Could we have the instructor at our institute for the workshop?<br> + Unfortunately, we will not be able to send our instructor(s) to your institute. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + I am from a non-technical background but wish to learn Python. Can I participate in this workshop?<br> + Yes, of course. This is open to anyone from any field who is interested in learning Python. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + Can I use the material of this workshop in my class?<br> + Sure, you can use our video lectures. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + Are these workshops provided to individuals as well?<br> + Currently, this program is exclusively available for institutes only. However, if you are not associated with an institute and are willing to participate in this workshop, please write to us at workshops[at]fossee[dot]in + </li> + </ul> + + <ul class='num'> + <li class='ans'> + What are the equipments required for conducting this workshop?<br> + A room with projector, speaker, microphone, laptops/desktops for every participant, high-speed internet and one laptop with a webcam. + </li> + </ul> + + <ul class='num'> + <li class='ans'> + What are the video-audio conferencing tools used for this workshop?<br> + We will use any of these tools: Skype, appear.in and hangouts + </li> + </ul> + </div> + + +{% endblock %}
\ No newline at end of file diff --git a/workshop_app/views.py b/workshop_app/views.py index 566add2..270902e 100644 --- a/workshop_app/views.py +++ b/workshop_app/views.py @@ -771,3 +771,12 @@ def view_workshoptype_details(request): {'workshoptype': workshoptype} ) + +def benefits(request): + return render(request, 'workshop_app/view_benefits.html') + +def faq(request): + return render(request, 'workshop_app/view_faq.html') + +def how_to_participate(request): + return render(request, 'workshop_app/how_to_participate.html')
\ No newline at end of file diff --git a/workshop_portal/urls.py b/workshop_portal/urls.py index 2a6afe6..1b212f7 100644 --- a/workshop_portal/urls.py +++ b/workshop_portal/urls.py @@ -35,6 +35,9 @@ urlpatterns = [ url(r'^book/$', views.book), url(r'^book_workshop/$', views.book_workshop), url(r'^my_workshops/$', views.my_workshops), + url(r'^benefits/$', views.benefits), + url(r'^how_to_participate/$', views.how_to_participate), + url(r'^faq/$', views.faq), url(r'^manage/$', views.manage), url(r'^view_workshoptype_list/$', views.view_workshoptype_list), url(r'^view_workshoptype_details/$', views.view_workshoptype_details), |