index.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!doctype html>
  2. <html lang="en">
  3. <meta charset="utf-8">
  4. <link rel="stylesheet" href="../../static/bootstrap.min.css">
  5. <link rel="stylesheet" href="../../static/style.css">
  6. <link rel="icon" type="image/gif" href="../../static/favicon.gif">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <title>Web handbook — Dragora.org</title>
  9. <body>
  10. <header>
  11. <nav class="navbar navbar-expand-lg bg-primary bg-gradient shadow-sm user-select-none" data-bs-theme="dark">
  12. <div class="container-fluid">
  13. <a class="navbar-brand small fw-bold" href="/">
  14. Dragora
  15. </a>
  16. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
  17. <span class="navbar-toggler-icon"></span>
  18. </button>
  19. <div class="collapse navbar-collapse" id="mainNavbar">
  20. <ul class="navbar-nav me-auto">
  21. <li class="nav-item">
  22. <a class="nav-link" href="../../support/">Support</a>
  23. </li>
  24. <li class="nav-item">
  25. <a class="nav-link" href="../../preview/">Preview</a>
  26. </li>
  27. <li class="nav-item">
  28. <a class="nav-link" href="../">Download</a>
  29. </li>
  30. <li class="nav-item">
  31. <a class="nav-link" href="../../donate/">Donate</a>
  32. </li>
  33. <li class="nav-item">
  34. <a class="nav-link" href="../../news/">News</a>
  35. </li>
  36. </ul>
  37. </div>
  38. </div>
  39. </nav>
  40. </header>
  41. <div class="my-3 mx-5 page">
  42. <main>
  43. <div class="ratio ratio-21x9 border border-subtle mb-3">
  44. <iframe src="/handbook/dragora-handbook.html" title="Dragora - web handbook" allowfullscreen></iframe>
  45. </div><p><a class="btn btn-sm btn-primary" href="/handbook/dragora-handbook.html" download>Download handbook</a></p>
  46. </main>
  47. <footer class="small text-muted mt-5">
  48. <a class="btn btn-sm btn-outline-primary float-end" href="#"><span class="visually-hidden">TOP</span><img src="../../static/top.webp" alt="" title="Go to top" height="24"></a>
  49. <div class="hstack">
  50. <img class="me-2" src="../../static/logo/dragora-logo-modern.svg" alt="" height="64" draggable="false">
  51. <p class="vstack small mt-2">
  52. <span class="mb-1 fw-bold">Dragora is made available for free to everyone at no additional costs.</span>
  53. <span>&copy; 2024 <a class="text-muted text-decoration-none" href="https://www.dragora.org">dragora.org</a> &mdash; published under the <a class="text-muted text-decoration-none d-inline-block" href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" title="CC BY-SA 4.0"><span class="visually-hidden">CC BY-SA 4.0</span><img height="16" src="../../static/cc/cc.webp" alt="CC"><img class="mx-1" height="16" src="../../static/cc/by.webp" alt="BY"><img height="16" src="../../static/cc/sa.webp" alt="SA"> copyleft license</a>.</span>
  54. <span>This web domain never uses tracking or analytics cookies.</span>
  55. </p>
  56. </div>
  57. </footer>
  58. </div>
  59. <script src="../../static/bootstrap.min.js"></script>
  60. </body>
  61. </html>