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"> <h1>Add a tool</h1> </div> <div class="form"> <form method="post" enctype="multipart/form-data"> <input type="hidden" name="csrfmiddlewaretoken" value="qREIvI6S8WsYhRQfVDDgQmWjxvRYojZKehSm4F98RLV0akM5PUJJmodkDFOWOC5r"> <fieldset> <legend>Description</legend> <label for="id_name">Name</label> <input type="text" name="name" maxlength="200" required id="id_name"> <label for="id_description">Description</label> <textarea name="description" cols="40" rows="10" maxlength="400" required id="id_description"> </textarea> <label for="id_short_description">Short description</label> <p class="hint">The short decription will be shown on the overview card.</p> <textarea name="short_description" cols="40" rows="10" maxlength="200" required id="id_short_description"> </textarea> <label for="id_link">Link</label> <input type="url" name="link" maxlength="200" required id="id_link"> <label>Tool picture <p class="hint">Select tool image(s). Please upload an image of the tool in opertaion. The first file will be used as the cover image.</p> <input type="file" name="file_field" multiple required id="id_file_field"> </label> <label for="id_link">Tags</label> <p class="hint">Add any tags you think are appropriate for this tool separeated by commas.</p> <input name="tags-input" type="text" id="id_tags_input" placeholder="e.g. (GeoJSON, histogram, informative)"> <div name="entered-tags-div"> <ul id="id_tags_button_display"> </ul> </div> <input type="hidden" name="tags" id="id_tags"> </fieldset> <fieldset class="facets"> <legend>Facets</legend> <h5>Availability</h5> <label for="facet_id_1"> <input type="checkbox" name="facet_tags" value="1" id="facet_id_1"> <i title="Free" class="fab fa-creative-commons-nc"></i> Free </label> <label for="facet_id_2"> <input type="checkbox" name="facet_tags" value="2" id="facet_id_2"> <i title="Open source" class="fas fa-lock-open"></i> Open source </label> <label for="facet_id_3"> <input type="checkbox" name="facet_tags" value="3" id="facet_id_3"> <i title="Paid" class="fas fa-dollar-sign"></i> Paid </label> <h5>Programming skills</h5> <label for="facet_id_4"> <input type="checkbox" name="facet_tags" value="4" id="facet_id_4"> <i title="None" class="fas fa-pencil-ruler"></i> None </label> <label for="facet_id_5"> <input type="checkbox" name="facet_tags" value="5" id="facet_id_5"> <i title="Javascript" class="fab fa-js"></i> Javascript </label> <label for="facet_id_6"> <input type="checkbox" name="facet_tags" value="6" id="facet_id_6"> <i title="Python" class="fab fa-python"></i> Python </label> <label for="facet_id_7"> <input type="checkbox" name="facet_tags" value="7" id="facet_id_7"> <i title="Java" class="fab fa-java"></i> Java </label> <label for="facet_id_8"> <input type="checkbox" name="facet_tags" value="8" id="facet_id_8"> <i title="Other" class="fas fa-code"></i> Other </label> <h5>Platform</h5> <label for="facet_id_9"> <input type="checkbox" name="facet_tags" value="9" id="facet_id_9"> <i title="Apple" class="fab fa-apple"></i> Apple </label> <label for="facet_id_10"> <input type="checkbox" name="facet_tags" value="10" id="facet_id_10"> <i title="Windows" class="fab fa-windows"></i> Windows </label> <label for="facet_id_11"> <input type="checkbox" name="facet_tags" value="11" id="facet_id_11"> <i title="Linux" class="fab fa-linux"></i> Linux </label> <label for="facet_id_12"> <input type="checkbox" name="facet_tags" value="12" id="facet_id_12"> <i title="Web" class="fas fa-wifi"></i> Web </label> <label for="facet_id_13"> <input type="checkbox" name="facet_tags" value="13" id="facet_id_13"> <i title="Library" class="far fa-file-archive"></i> Library </label> <label for="facet_id_15"> <input type="checkbox" name="facet_tags" value="15" id="facet_id_15"> <i title="Other" class="fas fa-tablet-alt"></i> Other </label> <h5>Features</h5> <label for="facet_id_16"> <input type="checkbox" name="facet_tags" value="16" id="facet_id_16"> <i title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing </label> <label for="facet_id_17"> <input type="checkbox" name="facet_tags" value="17" id="facet_id_17"> <i title="File exports" class="fas fa-file-export"></i> File exports </label> <label for="facet_id_19"> <input type="checkbox" name="facet_tags" value="19" id="facet_id_19"> <i title="Other" class="fas fa-magic"></i> Other </label> <h5>Type of data</h5> <label for="facet_id_20"> <input type="checkbox" name="facet_tags" value="20" id="facet_id_20"> <i title="Numeric" class="fas fa-window-maximize"></i> Numeric </label> <label for="facet_id_21"> <input type="checkbox" name="facet_tags" value="21" id="facet_id_21"> <i title="Geographic" class="fas fa-globe-africa"></i> Geographic </label> <label for="facet_id_22"> <input type="checkbox" name="facet_tags" value="22" id="facet_id_22"> <i title="Temporal" class="fas fa-history"></i> Temporal </label> <label for="facet_id_23"> <input type="checkbox" name="facet_tags" value="23" id="facet_id_23"> <i title="Text" class="fas fa-quote-right"></i> Text </label> <label for="facet_id_25"> <input type="checkbox" name="facet_tags" value="25" id="facet_id_25"> <i title="Other" class="fas fa-border-style"></i> Other </label> <h5>Features</h5> <label for="facet_id_26"> <input type="checkbox" name="facet_tags" value="26" id="facet_id_26"> <i title="Wizard" class="fas fa-hat-wizard"></i> Wizard </label> <h5>Type of data</h5> <label for="facet_id_27"> <input type="checkbox" name="facet_tags" value="27" id="facet_id_27"> <i title="Network" class="fas fa-project-diagram"></i> Network </label> <h5>Features</h5> <label for="facet_id_28"> <input type="checkbox" name="facet_tags" value="28" id="facet_id_28"> <i title="PDF Export" class="fas fa-file-pdf"></i> PDF Export </label> <h5>Programming skills</h5> <label for="facet_id_29"> <input type="checkbox" name="facet_tags" value="29" id="facet_id_29"> <i title="Matlab" class="fas fa-file-code"></i> Matlab </label> <label for="facet_id_30"> <input type="checkbox" name="facet_tags" value="30" id="facet_id_30"> <i title="R" class="far fa-file-code"></i> R </label> <h5>Visualization</h5> <label for="facet_id_33"> <input type="checkbox" name="facet_tags" value="33" id="facet_id_33"> <i title="Networks" class="fas fa-project-diagram"></i> Networks </label> <label for="facet_id_32"> <input type="checkbox" name="facet_tags" value="32" id="facet_id_32"> <i title="Maps" class="fas fa-globe-africa"></i> Maps </label> <label for="facet_id_31"> <input type="checkbox" name="facet_tags" value="31" id="facet_id_31"> <i title="Basic charts" class="far fa-chart-bar"></i> Basic charts </label> <label for="facet_id_36"> <input type="checkbox" name="facet_tags" value="36" id="facet_id_36"> <i title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts </label> <label for="facet_id_35"> <input type="checkbox" name="facet_tags" value="35" id="facet_id_35"> <i title="Other" class="fas fa-chart-area"></i> Other </label> <label for="facet_id_37"> <input type="checkbox" name="facet_tags" value="37" id="facet_id_37"> <i title="Storytelling" class="fas fa-book"></i> Storytelling </label> <h5>Programming skills</h5> <label for="facet_id_43"> <input type="checkbox" name="facet_tags" value="43" id="facet_id_43"> <i title="R" class="fas fa-code"></i> R </label> <label for="facet_id_45"> <input type="checkbox" name="facet_tags" value="45" id="facet_id_45"> <i title="Matlab" class="fas fa-code"></i> Matlab </label> <h5>Features</h5> <label for="facet_id_47"> <input type="checkbox" name="facet_tags" value="47" id="facet_id_47"> <i title="Wizard" class="fab fa-hat-wizard"></i> Wizard </label> </fieldset> <fieldset> <legend>Feedback</legend> <label class="hint">Do you have any suggestions on how Visbrowser could be improved?</label> <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> <label for="id_captcha">Please type the letters you see below:</label> <img src="/captcha/image/4786e8a48ad59079b15618054af995421e02b299/" alt="captcha" class="captcha" /> <input type="hidden" name="captcha_0" value="4786e8a48ad59079b15618054af995421e02b299" required id="id_captcha_0"><input type="text" name="captcha_1" required id="id_captcha_1" autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false"> </fieldset> <input type="submit" value="Submit tool"> </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(){ addTagInputBehaviour(); }); </script> </body> </html>

CINXE.COM

Visbrowser