diff options
Diffstat (limited to 'arduino_blog/templates')
-rw-r--r-- | arduino_blog/templates/activation-status.html | 64 | ||||
-rw-r--r-- | arduino_blog/templates/base.html | 11 | ||||
-rw-r--r-- | arduino_blog/templates/footer.html | 103 | ||||
-rw-r--r-- | arduino_blog/templates/header.html | 45 | ||||
-rw-r--r-- | arduino_blog/templates/home.html | 171 | ||||
-rw-r--r-- | arduino_blog/templates/index.html | 5 | ||||
-rw-r--r-- | arduino_blog/templates/login.html | 44 | ||||
-rw-r--r-- | arduino_blog/templates/navbar.html | 51 | ||||
-rw-r--r-- | arduino_blog/templates/submit-cfp.html | 72 | ||||
-rw-r--r-- | arduino_blog/templates/user-register.html | 198 |
10 files changed, 764 insertions, 0 deletions
diff --git a/arduino_blog/templates/activation-status.html b/arduino_blog/templates/activation-status.html new file mode 100644 index 0000000..a9764cb --- /dev/null +++ b/arduino_blog/templates/activation-status.html @@ -0,0 +1,64 @@ +{% extends "base.html" %} + +{% block css%} + <link rel="stylesheet" href="{{ URL_ROOT }}/static/yaksh/css/dashboard.css" type="text/css" /> +{% endblock %} +{% block content %} +{% if success %} + <center> + <div class="alert alert-success" role="alert"> + <strong> {{ msg }} </strong> + </div> + <!-- <a href="{{URL_ROOT}}/exam/"> Home </a> --> + </center> +{% else %} + {% if msg %} + <center> + <div class="alert alert-warning" role="alert"> + <strong> {{ msg }} </strong> + </div> + </center> + <form action="{% url 'arduino_blog:new_activation' %}" method="post"> + {% csrf_token %} + <center> + Enter Email Address for verification: <input type="email" name="email" required><br><br> + <button class="btn" type="submit">Send Email</button> + </center> + </form> + {% endif %} +{% endif %} +<br/> +{% if activation_msg %} + <center> + <div class="alert alert-info" role="alert"> + <strong> {{ activation_msg }} </strong> + </div> + <!-- <a href="{{URL_ROOT}}"> Home </a> --> + </center> +{% endif %} + +{% if email_err_msg %} + <center> + <div class="alert alert-warning" role="alert"> + <strong> {{ email_err_msg }} </strong> + </div> + </center> + <form action="{{ URL_ROOT }}/exam/update_email/" method="post"> + {% csrf_token %} + <center> + <table> + <tr> + <td>Enter Username:</td> + <td><input type="text" name="username" required></td> + </tr> + <tr> + <td>Enter New Email Address:</td> + <td><input type="email" name="email" required></td> + </tr> + </table> + <br> + <button class="btn" type="submit">Submit</button> + </center> + </form> +{% endif %} +{% endblock content %} diff --git a/arduino_blog/templates/base.html b/arduino_blog/templates/base.html new file mode 100644 index 0000000..253f3a2 --- /dev/null +++ b/arduino_blog/templates/base.html @@ -0,0 +1,11 @@ +{% load static %} +<!DOCTYPE html> +<html lang="en"> + {% include 'header.html' %} + <body> + {% include 'navbar.html' %} + {% block content %}{% endblock content %} + {% include 'footer.html' %} + </body> +</html> + diff --git a/arduino_blog/templates/footer.html b/arduino_blog/templates/footer.html new file mode 100644 index 0000000..6f6845d --- /dev/null +++ b/arduino_blog/templates/footer.html @@ -0,0 +1,103 @@ + +{% load static %} +<!-- Footer --> +{% block footer %} +<!-- Footer --> +<footer class="page-footer font-small blue pt-4 bg-dark text-white"> + + <!-- Footer Links --> + <div class="container-fluid text-center text-md-left"> + + <!-- Grid row --> + <div class="row"> + + <!-- Grid column --> + <div id="contact-us" class="col-md-6 mt-md-0 mt-3"> + + <!-- Content --> + <h3 class="text-uppercase">CONTACT</h3> + <address> + <p> + <i class="fa fa-home pr-10"></i>FOSSEE, IIT Bombay + </p> + <p> + <i class="fa fa-globe pr-10"></i>Mumbai, India + </p> + <p> + <i class="fa fa-phone pr-10"></i>Phone : (+91) 22 25764133 + </p> + <p> + <i class="fa fa-envelope pr-10"></i>Email : info [at] fossee [dot] in + </p> + </address> + + </div> + <!-- Grid column --> + + <hr class="clearfix w-100 d-md-none pb-3"> + + <!-- Grid column --> + <!-- <div class="col-md-3 mb-md-0 mb-3"> + + + <h5 class="text-uppercase">Links</h5> + + <ul class="list-unstyled"> + <li> + <a href="#!">Link 1</a> + </li> + <li> + <a href="#!">Link 2</a> + </li> + <li> + <a href="#!">Link 3</a> + </li> + <li> + <a href="#!">Link 4</a> + </li> + </ul> + + </div> --> + <!-- Grid column --> + + <!-- Grid column --> + <div class="col-md-3 mb-md-0 mb-3"> + + <!-- Links --> + <h5 class="text-uppercase">Other Links</h5> + + <ul class="list-styled"> + <li> + <a class="text-white" href="https://fossee.in" target="_blank">FOSSEE</a> + </li> + <li> + <a class="text-white" href="https://scilab.in" target="_blank">Scilab</a> + </li> + <li> + <a class="text-white" href="https://esim.fossee.in" target="_blank">eSim</a> + </li> + <li> + <a class="text-white" href="https://openplc.fossee.in" target="_blank">OpenPlc</a> + </li> + </ul> + + </div> + <!-- Grid column --> + + </div> + <!-- Grid row --> + + </div> + <!-- Footer Links --> + + <!-- Copyright --> + <span class="text-muted"> + <center> + <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>. + </center> + </span> + <!-- Copyright --> + +</footer> +<!-- Footer --> +{% endblock %}
\ No newline at end of file diff --git a/arduino_blog/templates/header.html b/arduino_blog/templates/header.html new file mode 100644 index 0000000..12964d4 --- /dev/null +++ b/arduino_blog/templates/header.html @@ -0,0 +1,45 @@ +{% load static %} +<!-- Header--> +{% block header %} +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="title" content="Arduino Projects"> + <meta name="description" content="Arduino Projects"> + <meta name="keywords" content="Arduino, projects, github"> + <link rel="icon" href="{% static 'website/bootstrap-css/assets/images/logo.png' %}" type="icon"> + <title>Arduino Projects</title> + <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> --> + <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> +<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> +<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> + <script> + function countChar(val) { + var len = val.value.length; + var count = $('#charNum').text(0 + len); + }; + </script> +<style> + + /* Stackoverflow preview fix, please ignore */ + .navbar-nav { + flex-direction: row; + } + .nav-link { + padding-right: .5rem !important; + padding-left: .5rem !important; + } + + /* Fixes dropdown menus placed on the right side */ + .ml-auto .dropdown-menu { + left: auto !important; + right: 0px; + } + </style> +</head> + +{% endblock %}
\ No newline at end of file diff --git a/arduino_blog/templates/home.html b/arduino_blog/templates/home.html new file mode 100644 index 0000000..9b79a08 --- /dev/null +++ b/arduino_blog/templates/home.html @@ -0,0 +1,171 @@ + +{% load widget_tweaks %} +{% load static %} +<!-- Navigation --> +{% block home %} + +<main role="main"> + + <section class="jumbotron text-center"> + <div class="container"> + <h1>Open Source Hardware Project</h1> + <p class="lead text-muted text-justify"> + Back in 2005, a group of students envisaged a world where they have affordable access to digital devices, that they can interact with the environment using sensors and microcontrollers. Fast forward 15 years and Arduino has become a household name in the community of not just students, but also novices, professionals and DIY makers. The formidable headway that was brought about has given courage and vision to all the opensource hardware projects henceforth. We at FOSSEE also became a part by adopting the platform, and using it to teach Electronics across India. The learning resources, both hardware and lectures, put together by the Opensource-hardware team of FOSSEE and Spoken-tutorial has already demonstrated effective learning. + Here, we are here providing you a platform for showcasing your ambitious projects, forming a community around the users and become part of our opensource-hardware activities. We are inviting proposals from you, those who have implemented projects using Arduino or are in the process, to contribute the documentation/DIY instructions of their projects. We promise to put together a well presented, shareable documentation of your project in our website. Every contributor can thus build an online portfolio which they can take pride in and may also land them a job one day! + Please signup and make a profile for proposal submission right away and become one of the first contributors! + </p> + <p> + <a href="{% url 'arduino_blog:submitabstract' %}" class="btn btn-primary my-2">Contribute first</a> + <!-- <a href="#" class="btn btn-secondary my-2">View exisitng</a> --> + </p> + </div> + </section> +<!-- + <div class="album py-5 bg-light"> + <div class="container"> + + <div class="row"> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> + <div class="card-body"> + <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> + <div class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> + <div class="card-body"> + <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> + <div class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> + <div class="card-body"> + <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> + <div class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> + <div class="card-body"> + <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> + <div class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> + <div class="card-body"> + <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> + <div class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> + <div class="card-body"> + <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> + <div class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> + <div class="card-body"> + <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> + <div class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> + <div class="card-body"> + <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> + <div class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + <div class="col-md-4"> + <div class="card mb-4 shadow-sm"> + <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> + <div class="card-body"> + <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> + <div class="d-flex justify-content-between align-items-center"> + <div class="btn-group"> + <button type="button" class="btn btn-sm btn-outline-secondary">View</button> + <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> + </div> + <small class="text-muted">9 mins</small> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + --> +</main> + +{% endblock %}
\ No newline at end of file diff --git a/arduino_blog/templates/index.html b/arduino_blog/templates/index.html new file mode 100644 index 0000000..cc7f0ab --- /dev/null +++ b/arduino_blog/templates/index.html @@ -0,0 +1,5 @@ +{% extends "base.html" %} +{% load static %} + {% block content %} + {% include 'home.html' %} + {% endblock %}
\ No newline at end of file diff --git a/arduino_blog/templates/login.html b/arduino_blog/templates/login.html new file mode 100644 index 0000000..7c9bfc2 --- /dev/null +++ b/arduino_blog/templates/login.html @@ -0,0 +1,44 @@ +{% extends "base.html" %} + +{% load widget_tweaks %} +{% load static %} +{% block content %} + <section id="cfp" class="section cfp"> + <div class="container"> + <p> + <center> + {% if user and not user.is_anonymous %} + <h2>Submit Proposal </h2> + {% else %} + <h2>Login</h2> + {% endif %} + </center> + </p> + {% if registration_complete %} + <center> + <p>Thank You for your registration. You can now log in by clicking + <a href="{% url 'arduino_blog:user_login' %}">here!</a> + </p> + <br/> + <br/> + </center> + {% endif %} + <form action="" method="POST"> + {% csrf_token %} + {{ form.as_p }} + <button type="button" class="btn btn-success" name ="login" type="submit">Login</button> + <br/> + <br/> + <a style="padding-right : 20px;" href="{% url 'arduino_blog:user_register' %}" class="btn btn btn-primary">Create an Account + </a> + <!-- <br><br> + <a href="/2019/forgotpassword/" class="btn btn-primary">Forgot Password?</a> --> + </form> + </p> + <br> + </div> + + </section> + {% endblock %} + + diff --git a/arduino_blog/templates/navbar.html b/arduino_blog/templates/navbar.html new file mode 100644 index 0000000..3dd68b4 --- /dev/null +++ b/arduino_blog/templates/navbar.html @@ -0,0 +1,51 @@ +{% load static %} +<!-- Navigation --> +{% block nav %} +<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> + <a class="navbar-brand" href="/">Open Source Hardware Project </a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNavDropdown"> + <ul class="navbar-nav ml-auto"> + <li class="nav-item active"> + <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="{{SITE_URL}}/#about">About</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="{{SITE_URL}}/#contact-us">Contact</a> + </li> + {% if user.is_authenticated %} + <li class="nav-item"> + <a class="nav-link" href="{% url 'arduino_blog:submitabstract' %}">Submit Abstract</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" href="{% url 'auth:login' %}" aria-haspopup="true" aria-expanded="false"> + <i class="fa fa-user" aria-hidden="true"></i> + {{ user.username }}!<span class="caret"></span> + </a> + <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> + {% if user.profile.is_email_verified %} + + + <a href="{% url 'arduino_blog:user_logout' %}"><i class="fa fa-sign-out"></i> Logout</a> + + {% else %} + <a href="{% url 'arduino_blog:user_logout' %}"><i class="fa fa-sign-out"></i> Logout</a> + + + {% endif %} + </div> + </li> + {% else %} + <li class="nav-item"> + <a class="nav-link" href="{% url 'arduino_blog:user_login' %}">Login</a> + </li> + {% endif %} + </ul> + </div> +</nav> + +{% endblock %}
\ No newline at end of file diff --git a/arduino_blog/templates/submit-cfp.html b/arduino_blog/templates/submit-cfp.html new file mode 100644 index 0000000..f30b465 --- /dev/null +++ b/arduino_blog/templates/submit-cfp.html @@ -0,0 +1,72 @@ +{% extends "base.html" %} + +{% load widget_tweaks %} +{% load static %} +{% block content %} + +<section id="view_proposal" class="section view_proposal"> + <div class="container"> + <br> + <center> + <h1>Submit Proposal</h1> + </center> + <hr> + <div class="row"> + <div class="col-sm-12"> + <form action="" method=POST enctype="multipart/form-data"> + <div class="form-group"> + <label for="name_of_author">Name of the author + <span style="color:red;">*</span>: + </label> + <input class="form-control" id="your_name" type="text" name="your_name" value="{{ user.first_name }} {{ user.last_name }}" disabled> + + </div> + <div class="form-group"> + <label for="about_the_author">About the author + <span style="color:red;">*</span>: + </label> + {% render_field proposal_form.about_the_author %} + </div> + <div class="form-group"> + <label for="title_of_the_project">Title of the Project + <span style="color:red;">*</span>: + </label> + {% render_field proposal_form.title_of_the_project %} + </div> + <div class="form-group"> + <label for="abstract">Abstract (Min. 300 char.) + + <span style="color:red;">*</span>: + + </label> + {% render_field proposal_form.abstract %} + <label>Charater count: + <div id="charNum"></div> + </label> + </div> + <div class="form-group"> + <label for="attachment">Attachments:</label> + {% render_field proposal_form.attachment %} + </div> + <div class="form-inline"> + <div class="form-check"> + {% render_field proposal_form.terms_and_conditions %} + <label for="terms_and_conditions"> I agree to the terms and conditions + <span style="color:red;">*</span> + </label> + + </div> + </div> + + {% csrf_token %} + <center> + <button id="subbtn" class="btn btn-info" type="submit" >Submit</button> + <a href="#" class="btn btn-info" role="button">Back</a> + </center> + </form> + </div> + </div> + </div> + </section> + </br> +{% endblock %} diff --git a/arduino_blog/templates/user-register.html b/arduino_blog/templates/user-register.html new file mode 100644 index 0000000..a5282d6 --- /dev/null +++ b/arduino_blog/templates/user-register.html @@ -0,0 +1,198 @@ +{% extends "base.html" %} + +{% load widget_tweaks %} +{% load static %} + +{% block content %} + <section id="register" class="section register"> + <div class="container"> + <center> + <h2>Sign Up</h2> + </center> +{% if form.errors %} + {% for field in form %} + {% for error in field.errors %} + <div class="alert alert-danger"> + <strong>{{ error|escape }}</strong> + </div> + {% endfor %} + {% endfor %} +{% endif %} + <form action="" method=POST> + {% csrf_token %} + <!-- <a style="color:red; ">{{ render_field.errors }}</a>--> + <div class="row"> + <div class="col-12"> + <table class="table table-bordered table-responsive table-striped"> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <label for="username">Username:</label> + <span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + {% render_field form.username %} + </div> + </td> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <label for="username">Email:</label> + <span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + {% render_field form.email %} + </div> + </td> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <label for="pwd">Password:</label><span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + {% render_field form.password %} + </div> + </td> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <label for="cnfpwd">Confirm Password:</label><span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + {% render_field form.confirm_password %} + </div> + </td> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <label for="name">Full Name:</label><span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + {% render_field form.title %}{% render_field form.first_name %} {% render_field form.last_name %} + </div> + </td> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <label for="contact">Contact:</label><span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + {% render_field form.phone %} + </div> + </td> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline" style="word-wrap: break-word;"> + <label for="institute">Institue/ Organization/ Company:</label><span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline" style="word-wrap: break-word;"> + {% render_field form.institute %}<br><span style="font-size: 12px;">Enter your institute/ organisation/ company</span> + </div> + </td> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline" style="word-wrap: break-word;"> + <label for="position">Position:</label><span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline" style="word-wrap: break-word;"> + {% render_field form.position %}<br><span style="font-size: 12px;"></span> + </div> + </td> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <label for="state" style="word-wrap: break-word;">State:</label><span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + {% render_field form.state %} + </div> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <label for="state" style="word-wrap: break-word;">City:</label><span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + {% render_field form.city %} + </div> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <label for="state" style="word-wrap: break-word;">Pincode:</label><span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + {% render_field form.pincode %} + </div> + </tr> + <tr> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <label for="how_did_you_hear_about_us" style="word-wrap: break-word;">How did you hear about us:</label><span style="color:red;">*</span> + </div> + </td> + <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + {% render_field form.how_did_you_hear_about_us %} + </div> + </td> + </tr> + <tr> + <!-- <td style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + </div> + </td> --> + <td colspan="2" style="vertical-align:bottom;border-top:none;!important"> + <div class="align-baseline"> + <span style="color:red;">*</span> marked fields are mandatory. Please enter the correct information. It will help us to solve your issues in short timespan. + </div> + </td> + </tr> + </table> + </div> + </div> + <center> + <div class="btn-group" role="group" aria-label="Third group"> + <button class="btn btn btn-success" type="submit">Sign Up</button> + </div> + <div class="btn-group" role="group" aria-label="Third group"> + <a class="btn btn btn-warning" href="{% url 'arduino_blog:user_login' %}">I have an account</a> + </div> + </center> + <!-- </div> --> + </form> + <br> + </div> + <!--</div>--> + </section> +{% endblock %}
\ No newline at end of file |