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.

construction.html 5.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <title>Under construction</title>
  7. <link rel="stylesheet" href="/static/css/style.css" />
  8. <link rel="stylesheet" href="/static/reveal/dist/reset.css" />
  9. <link rel="stylesheet" href="/static/reveal/dist/reveal.css" />
  10. <link id="theme" rel="stylesheet" href="/static/reveal/dist/theme/white.css" />
  11. <link id="nav-theme" rel="stylesheet" href="/static/css/nav/white.css" />
  12. <link rel="stylesheet" href=
  13. "https://use.fontawesome.com/releases/v5.6.3/css/all.css"
  14. integrity=
  15. "sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
  16. crossorigin="anonymous">
  17. <!-- Theme used for syntax highlighted code -->
  18. <!-- link rel="stylesheet" href="/static/reveal/plugin/highlight/monokai.css" -->
  19. </head>
  20. <body>
  21. <div id="custom-nav">
  22. <!-- the zero-width-space is a tweak against tidy removing empty tags -->
  23. <a href="#/" title="Home"><i class="fa fa-home">​</i></a>
  24. <a id="top-link" title="Section top" disabled="disabled"><i class="fa fa-angle-double-up">​</i></a>
  25. <a href="/editor" title="Edit"><i class="fa fa-user-edit">​</i></a>
  26. </div>
  27. <div class="reveal">
  28. <div class="slides">
  29. <section data-background-opacity="0.5" data-background-size="cover" data-background-video="static/bg-video/underwater.mp4" data-background-video-loop="True" data-background-video-mute="True" data-theme="simple">
  30. <section id="construction">
  31. <h3 class="title slide_title">Under construction</h3>
  32. </section>
  33. </section>
  34. </div>
  35. </div>
  36. <script src="/static/reveal/dist/reveal.js"></script>
  37. <script src="/static/reveal/plugin/notes/notes.js"></script>
  38. <script src="/static/reveal/plugin/markdown/markdown.js"></script>
  39. <script src="/static/reveal/plugin/highlight/highlight.js"></script>
  40. <script src="/static/js/jquery-3.7.1.min.js"></script>
  41. <script>
  42. // More info about initialization & config:
  43. // - https://revealjs.com/initialization/
  44. // - https://revealjs.com/config/
  45. Reveal.initialize({
  46. hash: true,
  47. progress: false,
  48. transition: 'convex',
  49. controlsBackArrows: 'visible', // would hopefully solve the faded-arrow thing
  50. // slideNumber: "h.v",
  51. // Learn about plugins: https://revealjs.com/plugins/
  52. plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
  53. });
  54. $(function() {
  55. // force autoplay for bg videos (but why?!?)
  56. $('.reveal .slide-background-content video').each((index, element) => element.play());
  57. // open external links in new tab
  58. $('.reveal a:not([href^="#"])').attr('target','_blank');
  59. // extract css classes from img alt
  60. $('.reveal img').each((index, element) => {
  61. var img = $(element),
  62. altvec = img.attr('alt').split('|');
  63. if (altvec.length>1) {
  64. img.attr('alt',altvec[0]).addClass(altvec[1]);
  65. }
  66. });
  67. // make all headers max-size
  68. // $('.reveal h1, .reveal h2, .reveal h3').addClass('r-fit-text');
  69. var enterSlide = function() {
  70. // set theme
  71. var the_slide=$(Reveal.getCurrentSlide()),
  72. the_theme=the_slide.data('theme') ||
  73. the_slide.parent().data('theme') || 'sky';
  74. $('#theme').attr('href',`static/reveal/dist/theme/${the_theme}.css`);
  75. $('#nav-theme').attr('href',`static/css/nav/${the_theme}.css`);
  76. // set (or hide) top link
  77. var here = Reveal.getIndices();
  78. if (here.v) {
  79. $('#top-link').removeAttr('disabled').attr('href', `#/${here.h}`);
  80. } else {
  81. $('#top-link').removeAttr('href').attr('disabled', 'disabled');
  82. }
  83. };
  84. enterSlide();
  85. Reveal.addEventListener('slidechanged', enterSlide);
  86. });
  87. </script>
  88. </body>
  89. </html>