Visbrowser

<!DOCTYPE html> <html lang="en"> <head> <title>Visbrowser</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/static/css/all-fontawesome.min.css"> <link rel="stylesheet" href="/static/css/bootstrap.css"> <link rel="stylesheet" href="/static/css/style.css"> </head> <body> <div class="container-fluid"> <div id="nav-wrapper"> <div class="row"> <div class="col-lg-12"> <nav class="navbar navbar-dark bg-dark"> <h1><a class="navbar-brand" href="/">VisBrowser</a></h1> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="/tools/new/">Add a tool</a> </li> <li class="nav-item"> <a class="nav-link" href="/about">About</a> </li>  </ul> <form class="form-inline my-2 my-lg-0"> <input class="visbrowser-search form-control mr-sm-2" type="text" placeholder="Search"> </form> </nav> </div> </div> </div> <div id="nav-offset-wrapper"> <div class="container create"> <div class="row"> <div class="col-md-12"> <p>Add a review</p> <div class="form"> <form method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="w1rJfB2jkM5nGSt2x3d1VyVsyOApKSvRmTo6qbPvwBlHtGIrwqwONkOb6fT1m3IE"> <input type="hidden" name="ratings-TOTAL_FORMS" value="3" id="id_ratings-TOTAL_FORMS"><input type="hidden" name="ratings-INITIAL_FORMS" value="0" id="id_ratings-INITIAL_FORMS"><input type="hidden" name="ratings-MIN_NUM_FORMS" value="0" id="id_ratings-MIN_NUM_FORMS"><input type="hidden" name="ratings-MAX_NUM_FORMS" value="1000" id="id_ratings-MAX_NUM_FORMS"> <fieldset class="rating"> <input type="hidden" name="ratings-0-soft_facet" value="1" id="id_ratings-0-soft_facet"> <legend>Usability rating</legend> <ul id="id_ratings-0-value"> <li><label for="id_ratings-0-value_0"><input type="radio" name="ratings-0-value" value="1" id="id_ratings-0-value_0"> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-0-value_1"><input type="radio" name="ratings-0-value" value="2" id="id_ratings-0-value_1"> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-0-value_2"><input type="radio" name="ratings-0-value" value="3" id="id_ratings-0-value_2" checked> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-0-value_3"><input type="radio" name="ratings-0-value" value="4" id="id_ratings-0-value_3"> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-0-value_4"><input type="radio" name="ratings-0-value" value="5" id="id_ratings-0-value_4"> <i tabindex="0" class="fas fa-star"></i></label> </li> </ul> <label>Usability comments<br/> <textarea name="ratings-0-comment" cols="40" rows="10" maxlength="200" id="id_ratings-0-comment"> </textarea></label>  <input type="hidden" name="ratings-0-soft_facet" value="1" id="id_ratings-0-soft_facet"> <input type="hidden" class="facet-color" name="#FF1862" id="Usability"> </fieldset> <fieldset class="rating"> <input type="hidden" name="ratings-1-soft_facet" value="2" id="id_ratings-1-soft_facet"> <legend>Overall rating</legend> <ul id="id_ratings-1-value"> <li><label for="id_ratings-1-value_0"><input type="radio" name="ratings-1-value" value="1" id="id_ratings-1-value_0"> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-1-value_1"><input type="radio" name="ratings-1-value" value="2" id="id_ratings-1-value_1"> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-1-value_2"><input type="radio" name="ratings-1-value" value="3" id="id_ratings-1-value_2" checked> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-1-value_3"><input type="radio" name="ratings-1-value" value="4" id="id_ratings-1-value_3"> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-1-value_4"><input type="radio" name="ratings-1-value" value="5" id="id_ratings-1-value_4"> <i tabindex="0" class="fas fa-star"></i></label> </li> </ul> <label>Overall comments<br/> <textarea name="ratings-1-comment" cols="40" rows="10" maxlength="200" id="id_ratings-1-comment"> </textarea></label>  <input type="hidden" name="ratings-1-soft_facet" value="2" id="id_ratings-1-soft_facet"> <input type="hidden" class="facet-color" name="#FFA500" id="Overall"> </fieldset> <fieldset class="rating"> <input type="hidden" name="ratings-2-soft_facet" value="3" id="id_ratings-2-soft_facet"> <legend>Beauty rating</legend> <ul id="id_ratings-2-value"> <li><label for="id_ratings-2-value_0"><input type="radio" name="ratings-2-value" value="1" id="id_ratings-2-value_0"> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-2-value_1"><input type="radio" name="ratings-2-value" value="2" id="id_ratings-2-value_1"> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-2-value_2"><input type="radio" name="ratings-2-value" value="3" id="id_ratings-2-value_2" checked> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-2-value_3"><input type="radio" name="ratings-2-value" value="4" id="id_ratings-2-value_3"> <i tabindex="0" class="fas fa-star"></i></label> </li> <li><label for="id_ratings-2-value_4"><input type="radio" name="ratings-2-value" value="5" id="id_ratings-2-value_4"> <i tabindex="0" class="fas fa-star"></i></label> </li> </ul> <label>Beauty comments<br/> <textarea name="ratings-2-comment" cols="40" rows="10" maxlength="200" id="id_ratings-2-comment"> </textarea></label>  <input type="hidden" name="ratings-2-soft_facet" value="3" id="id_ratings-2-soft_facet"> <input type="hidden" class="facet-color" name="#FFA500" id="Beauty"> </fieldset> <fieldset> <input type="hidden" name="form-TOTAL_FORMS" value="1" id="id_form-TOTAL_FORMS"><input type="hidden" name="form-INITIAL_FORMS" value="0" id="id_form-INITIAL_FORMS"><input type="hidden" name="form-MIN_NUM_FORMS" value="0" id="id_form-MIN_NUM_FORMS"><input type="hidden" name="form-MAX_NUM_FORMS" value="1000" id="id_form-MAX_NUM_FORMS"> <legend>Feedback</legend> <p class="hint">Do you have any suggestions on how Visbrowser could be improved?</p> <input type="hidden" name="form-TOTAL_FORMS" value="1" id="id_form-TOTAL_FORMS"><input type="hidden" name="form-INITIAL_FORMS" value="0" id="id_form-INITIAL_FORMS"><input type="hidden" name="form-MIN_NUM_FORMS" value="0" id="id_form-MIN_NUM_FORMS"><input type="hidden" name="form-MAX_NUM_FORMS" value="1000" id="id_form-MAX_NUM_FORMS"> <tr><th><label for="id_form-0-description">Description:</label></th><td><textarea name="form-0-description" cols="40" rows="10" maxlength="400" id="id_form-0-description"> </textarea><input type="hidden" name="form-0-id" id="id_form-0-id"></td></tr> </fieldset> <fieldset> <legend>Submitter details</legend> <label for="id_email">Email</label> <p class="hint">You can leave this blank, however we will only use this for getting in touch if your description needs clarification. If no email is entered, the submission may risk rejection.</p> <input type="email" name="email" maxlength="100" id="id_email"> <label for="id_captcha">Please type the letters you see below:</label> <img src="/captcha/image/3eb0ffba0a08f9f372363afede63398b4f131239/" alt="captcha" class="captcha" /> <input type="hidden" name="captcha_0" value="3eb0ffba0a08f9f372363afede63398b4f131239" required id="id_captcha_0"><input type="text" name="captcha_1" required id="id_captcha_1" autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false"> <input type="hidden" name="tool" value="63" id="id_tool"> </fieldset> <input type="submit" value="Submit your experience of Observable"> </form> </div> </div> </div> </div> </div> </div> <script src="/static/js/jquery-3.4.1.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <script src="/static/js/shuffle.min.js"></script> <script src="/static/js/script.js"></script> <script type="text/javascript"> $(document).ready(function(){ observeRatingInputs(); }); </script> </body> </html>

CINXE.COM

Visbrowser