bugreporter.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="description" content="">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Noto Dashboard</title>
  8. <link
  9. href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
  10. rel="stylesheet"
  11. integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn"
  12. crossorigin="anonymous"
  13. />
  14. <script
  15. src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"
  16. integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  17. crossorigin="anonymous"
  18. ></script>
  19. <script
  20. src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
  21. integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
  22. crossorigin="anonymous"
  23. ></script>
  24. <link
  25. rel="stylesheet"
  26. href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css"
  27. />
  28. <script
  29. defer
  30. src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-select.min.js"
  31. ></script>
  32. <script>
  33. $(function() {
  34. $('.selectpicker').selectpicker('refresh').selectpicker('toggle');
  35. });
  36. </script>
  37. <style>
  38. #searchSelect {
  39. z-index: 999;
  40. position: absolute;
  41. }
  42. .bootstrap-select .dropdown-toggle,
  43. .bootstrap-select .dropdown-toggle:hover,
  44. .bootstrap-select .dropdown-toggle:active,
  45. .bootstrap-select .dropdown-toggle:focus {
  46. background: none !important;
  47. border: none !important;
  48. outline: 0px;
  49. box-shadow: none;
  50. }
  51. .dropdown-toggle::after {
  52. display: none;
  53. }
  54. #searchSelect .btn.dropdown-toggle {
  55. height: 0px;
  56. padding: 0px;
  57. }
  58. .bootstrap-select .filter-option {
  59. display: none !important;
  60. }
  61. .bigmargin {
  62. padding-bottom: 300px;
  63. }
  64. </style>
  65. </head>
  66. <body>
  67. <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  68. <div class="container-fluid">
  69. <div class="mx-auto order-0">
  70. <a class="navbar-brand" href="#"> Noto Dashboard </a>
  71. </div>
  72. </div>
  73. </nav>
  74. <div class="container my-5">
  75. <div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg">
  76. <div class="p-3 p-lg-5 pt-lg-3">
  77. <h1 class="display-4 fw-bold lh-1">Report an issue in a Noto font</h1>
  78. <p class="lead">To report an issue, please first choose the font.</p>
  79. <div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4 mb-lg-3 bigmargin">
  80. <ul class="navbar-nav">
  81. <select
  82. id="select"
  83. class="selectpicker w-auto"
  84. data-live-search="true"
  85. onchange="if (this.value) { location = 'https://github.com/notofonts/'+this.value+'/issues/new/choose' };"
  86. >
  87. <option value="">-- Select a font --</option>
  88. {{#each results}}
  89. <option value="{{@key}}">{{title}}</option>
  90. {{#each families}}
  91. <option value="{{../@key}}"> - {{@key}}</option>
  92. {{/each}}
  93. {{/each}}
  94. </select>
  95. </ul>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </body>
  102. </html>