You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

93 lines
2.2 KiB

8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
  1. <?php $this->layout('layout', ['title' => $title]); ?>
  2. <div class="column">
  3. <h1>X-Ray</h1>
  4. <div class="section url-form">
  5. <form class="" action="parse" method="get">
  6. <div class="field"><input type="url" name="url" placeholder="http://example.com"></div>
  7. <div class="field"><button type="submit" class="button" value="Go">Go</button></div>
  8. <input type="hidden" name="pretty" value="true">
  9. </form>
  10. </div>
  11. <div class="section html-form">
  12. <form class="" action="parse" method="post">
  13. <div class="field"><textarea name="html" rows="4" placeholder="HTML"></textarea></div>
  14. <div class="field"><input type="url" name="url" placeholder="http://example.com"></div>
  15. <div class="field"><input type="submit" class="button" value="Go"></div>
  16. <input type="hidden" name="pretty" value="true">
  17. </form>
  18. </div>
  19. <p class="help"><a href="https://github.com/aaronpk/XRay">Read Me</a>. Please <a href="https://github.com/aaronpk/XRay/issues">file an issue</a> if you encounter any issues.</p>
  20. </div>
  21. <style type="text/css">
  22. body {
  23. color: #212121;
  24. font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
  25. -webkit-font-smoothing: antialiased;
  26. -moz-osx-font-smoothing: grayscale;
  27. }
  28. body {
  29. background-color: #e9e9e9;
  30. font-size: 16px;
  31. }
  32. h1 {
  33. padding-top: 6rem;
  34. padding-bottom: 1rem;
  35. text-align: center;
  36. }
  37. a {
  38. color: #4183c4;
  39. text-decoration: none;
  40. }
  41. .column {
  42. max-width: 450px;
  43. margin: 0 auto;
  44. }
  45. .section {
  46. border: 1px #ccc solid;
  47. border-radius: 6px;
  48. background: white;
  49. padding: 12px;
  50. margin-top: 2em;
  51. }
  52. .help {
  53. text-align: center;
  54. font-size: 0.9rem;
  55. }
  56. form .field {
  57. margin-bottom: .5rem;
  58. display: flex;
  59. }
  60. form input, form textarea, form button {
  61. width: 100%;
  62. border: 1px #ccc solid;
  63. border-radius: 4px;
  64. flex: 1 0;
  65. font-size: 1rem;
  66. }
  67. form input, form textarea {
  68. padding: .5rem;
  69. }
  70. form .button {
  71. background-color: #009c95;
  72. border: 0;
  73. border-radius: 4px;
  74. color: white;
  75. font-weight: bold;
  76. font-size: 1rem;
  77. cursor: pointer;
  78. padding: 0.5rem;
  79. }
  80. </style>