PageRenderTime 1256ms CodeModel.GetById 20ms RepoModel.GetById 0ms app.codeStats 0ms

/matchRegex/templates/index.html

https://gitlab.com/bmonikraj/matchRegex
HTML | 71 lines | 59 code | 12 blank | 0 comment | 0 complexity | 61ab5f4726f16ae59e8363a5d07c9712 MD5 | raw file
  1. {% load static %}
  2. <!doctype html>
  3. <html>
  4. <head>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>MatchRegex</title>
  7. <link rel="icon" href="{% static 'images/logo.png' %}">
  8. <link rel="stylesheet" type="text/css" href="{% static 'style/style.css' %}">
  9. <link rel="stylesheet" type="text/css" href="{% static 'style/bootstrap.min.css' %}">
  10. <link rel="stylesheet" type="text/css" href="{% static 'style/bootstrap-theme.min.css' %}">
  11. <script src="{% static 'script/jquery.min.js' %}"></script>
  12. <script src="{% static 'script/bootstrap.min.js' %}"></script>
  13. <script src="{% static 'script/script.js' %}"></script>
  14. </head>
  15. <body class="container" style="background-image: url({% static 'images/background.jpg' %});">
  16. <header id="headingMain" >
  17. <h1>Match Regex</h1>
  18. <h4 style="font-size: medium; text-align: center; color: rgba(7,31,221,1);">Check your Regular expression patterns </h4>
  19. </header>
  20. <div id="mainArea" >
  21. <div id="regexInput">
  22. <h4 style="color:#FFFFFF; font-style: italic;">Enter Your Regular Expression Pattern Here</h4>
  23. <textarea class="form-control" cols="100" rows="6" autofocus wrap="hard" id="regexTextArea" style="resize:none;"></textarea>
  24. </div>
  25. <div id="stringInput">
  26. <h4 style="color:#FFFFFF; font-style: italic;">Enter Your Text to be matched Here</h4>
  27. <textarea class="form-control" cols="100" rows="6" autofocus wrap="hard" id="stringTextArea" style="resize:none;"></textarea>
  28. </div>
  29. <br>
  30. <div id="runButton" class="row">
  31. <div class="col-md-12 col-md-offset-11">
  32. <button class="btn btn-default btn-lg" type="button" onclick="ajaxCall()">Test</button>
  33. </div>
  34. </div>
  35. <div id="matchOutput">
  36. <h4 style="color:#FFFFFF; font-style: italic;">Matches </h4>
  37. <textarea class="form-control" cols="100" rows="6" autofocus readonly wrap="soft" id="matchTextArea" style="resize:none;"></textarea>
  38. </div>
  39. <br>
  40. </div>
  41. <br>
  42. <br>
  43. <hr>
  44. <br>
  45. <footer id="footerMain" class="row">
  46. <div id="logoFooter" class="col-md-4"><img src="{% static 'images/logo.png' %}" width="200" height="200" alt=""/></div>
  47. <div id="developerDetails" class="col-md-4">
  48. <br><br>
  49. <p style="color:#FF0000;">&copy; Monik Raj Behera</p>
  50. <a href="mailto:bmonikraj@gmail.com">Email</a>
  51. <a href="https://github.com/bmonikraj" title="github" target="_blank">GitHub</a>
  52. </div>
  53. <div id="time_date" style="color: rgba(243,233,233,1); font-size:25px; font-style:bold;" class="col-md-4"><br><br><p id="timeDate"></p></div>
  54. </footer>
  55. <script type="text/javascript">
  56. setInterval(function(){document.getElementById('timeDate').innerHTML = Date().substring( 0, 24);},1000);
  57. </script>
  58. </body>
  59. </html>