PageRenderTime 136ms CodeModel.GetById 13ms 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. 

  2. 

    3. 

  3. <!doctype html>

    4. 

  4. <html>

    5. 

  5. 

    6. 

  6. <head>

    7. 

  7. <meta name="viewport" content="width=device-width, initial-scale=1">

    8. 

  8. <title>MatchRegex</title>

    9. 

  9. <link rel="icon" href="{% static 'images/logo.png' %}">

    10. 

  10. <link rel="stylesheet" type="text/css" href="{% static 'style/style.css' %}">

    11. 

  11. <link rel="stylesheet" type="text/css" href="{% static 'style/bootstrap.min.css' %}">

    12. 

  12. <link rel="stylesheet" type="text/css" href="{% static 'style/bootstrap-theme.min.css' %}">

    13. 

  13. 

    14. 

  14. <script src="{% static 'script/jquery.min.js' %}"></script>

    15. 

  15. <script src="{% static 'script/bootstrap.min.js' %}"></script>

    16. 

  16. <script src="{% static 'script/script.js' %}"></script>

    17. 

  17. </head>

    18. 

  18. 

    19. 

  19. <body class="container" style="background-image: url({% static 'images/background.jpg' %});">

    20. 

  20. <header id="headingMain" >

    21. 

  21.   <h1>Match Regex</h1>

    22. 

  22. <h4 style="font-size: medium; text-align: center; color: rgba(7,31,221,1);">Check your Regular expression patterns </h4>

    23. 

  23. </header>

    24. 

  24. 

    25. 

  25. <div id="mainArea" >

    26. 

  26. 	<div id="regexInput">

    27. 

  27.    	  <h4 style="color:#FFFFFF; font-style: italic;">Enter Your Regular Expression Pattern Here</h4>

    28. 

  28.       <textarea class="form-control" cols="100" rows="6" autofocus wrap="hard" id="regexTextArea" style="resize:none;"></textarea>

    29. 

  29.   	</div>

    30. 

  30.     

    31. 

  31.   <div id="stringInput">

    32. 

  32.    	  <h4 style="color:#FFFFFF; font-style: italic;">Enter Your Text to be matched Here</h4>

    33. 

  33.     <textarea class="form-control" cols="100" rows="6" autofocus wrap="hard" id="stringTextArea" style="resize:none;"></textarea>

    34. 

  34.   	</div>

    35. 

  35.   	<br>

    36. 

  36.   	<div id="runButton" class="row">

    37. 

  37.   		<div class="col-md-12 col-md-offset-11">

    38. 

  38.   		<button class="btn btn-default btn-lg" type="button" onclick="ajaxCall()">Test</button>

    39. 

  39.   		</div>

    40. 

  40.   	</div>

    41. 

  41.     

    42. 

  42.     <div id="matchOutput">

    43. 

  43.    	  <h4 style="color:#FFFFFF; font-style: italic;">Matches </h4>

    44. 

  44.       <textarea class="form-control" cols="100" rows="6" autofocus readonly wrap="soft" id="matchTextArea" style="resize:none;"></textarea>

    45. 

  45.   	</div>

    46. 

  46.   	<br>

    47. 

  47. </div>

    48. 

  48. <br>

    49. 

  49. <br>

    50. 

  50. <hr>

    51. 

  51. <br>

    52. 

  52. <footer id="footerMain" class="row">

    53. 

  53.   <div id="logoFooter" class="col-md-4"><img src="{% static 'images/logo.png' %}" width="200" height="200" alt=""/></div>

    54. 

  54.   

    55. 

  55.   <div id="developerDetails" class="col-md-4">

    56. 

  56. 	  <br><br>

    57. 

  57.   <p style="color:#FF0000;">&copy; Monik Raj Behera</p>

    58. 

  58.   <a href="mailto:bmonikraj@gmail.com">Email</a>

    59. 

  59.   <a href="https://github.com/bmonikraj" title="github" target="_blank">GitHub</a>

    60. 

  60.   </div>

    61. 

  61.   

    62. 

  62.   <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>

    63. 

  63. </footer>

    64. 

  64. 

    65. 

  65. 

    66. 

  66. <script type="text/javascript">

    67. 

  67. 	setInterval(function(){document.getElementById('timeDate').innerHTML = Date().substring( 0, 24);},1000);

    68. 

  68. </script>

    69. 

  69. 

    70. 

  70. </body>

    71. 

  71. </html>

    72. 

  72.