index.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html><html lang="en"><head>
  2. <meta charset="utf-8">
  3. <link id="favicon" rel="icon" href="/favicon.ico">
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <meta name="description" content="Web site to manage keycloak">
  6. <title>Keycloak Administration Console</title>
  7. <style>/* build/index.html.inline.0.css */
  8. .container,
  9. .container-fluid,
  10. #load-container {
  11. padding: 0;
  12. margin: 0;
  13. }
  14. .container,
  15. .container-fluid,
  16. #load-container {
  17. width: 100vw;
  18. }
  19. .keycloak__loading-container {
  20. height: 100vh;
  21. width: 100%;
  22. background-color: #f0f0f0;
  23. display: flex;
  24. align-items: center;
  25. justify-content: center;
  26. flex-direction: column;
  27. margin: 0;
  28. }
  29. #loading-text {
  30. z-index: 1000;
  31. font-size: 20px;
  32. font-weight: 600;
  33. padding-top: 32px;
  34. }
  35. </style>
  36. <link rel="stylesheet" href="/index.css"></head>
  37. <body style="height: 100%;">
  38. <div id="app" style="height: 100%">
  39. <div class="container container-fluid" id="load-container">
  40. <div class="keycloak__loading-container">
  41. <span class="pf-c-spinner pf-m-xl" role="progressbar" aria-valuetext="Loading...">
  42. <span class="pf-c-spinner__clipper"></span>
  43. <span class="pf-c-spinner__lead-ball"></span>
  44. <span class="pf-c-spinner__tail-ball"></span>
  45. </span>
  46. <div>
  47. <p id="loading-text">Loading the admin console</p>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <noscript>You need to enable JavaScript to run this app.</noscript>
  53. <script type="module" src="/index.js"></script>
  54. <!--
  55. This HTML file is a template.
  56. If you open it directly in the browser, you will see an empty page.
  57. You can add webfonts, meta tags, or analytics to this file.
  58. The build step will place the bundled scripts into the <body> tag.
  59. To begin the development, run `npm start`.
  60. To create a production bundle, use `npm run build`.
  61. -->
  62. </body></html>