index.php 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!doctype html>
  2. <html <?php language_attributes(); ?>>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <?php wp_head(); ?>
  7. <style>
  8. span[class^="dot-"]{
  9. opacity: 0;
  10. }
  11. .dot-one{
  12. animation: dot-one 2s infinite linear
  13. }
  14. .dot-two{
  15. animation: dot-two 2s infinite linear
  16. }
  17. .dot-three{
  18. animation: dot-three 2s infinite linear
  19. }
  20. @keyframes dot-one{
  21. 0%{
  22. opacity: 0;
  23. }
  24. 15%{
  25. opacity: 0;
  26. }
  27. 25%{
  28. opacity: 1;
  29. }
  30. 100%{
  31. opacity: 1;
  32. }
  33. }
  34. @keyframes dot-two{
  35. 0%{
  36. opacity: 0;
  37. }
  38. 25%{
  39. opacity: 0;
  40. }
  41. 50%{
  42. opacity: 1;
  43. }
  44. 100%{
  45. opacity: 1;
  46. }
  47. }
  48. @keyframes dot-three{
  49. 0%{
  50. opacity: 0;
  51. }
  52. 50%{
  53. opacity: 0;
  54. }
  55. 75%{
  56. opacity: 1;
  57. }
  58. 100%{
  59. opacity: 1;
  60. }
  61. }
  62. </style>
  63. </head>
  64. <body <?php body_class(); ?> style="background-color: #010d19;">
  65. <?php wp_body_open(); ?>
  66. <?php do_action('get_header'); ?>
  67. <div id="app" class="banner bg-jlg-dark-blue text-jlg-white font-authentic flex w-full flex-col justify-center items-center">
  68. <?php echo view(app('sage.view'), app('sage.data'))->render(); ?>
  69. </div>
  70. <script>
  71. document.addEventListener('DOMContentLoaded', function () {
  72. }, false);
  73. </script>
  74. <?php do_action('get_footer'); ?>
  75. <?php wp_footer(); ?>
  76. </body>
  77. </html>