index.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  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. <meta name="description" content="An independent GNU/Linux-Libre distribution">
  9. <title>Home — Dragora.org</title>
  10. <body>
  11. <header>
  12. <nav class="navbar navbar-expand-lg bg-primary bg-gradient shadow-sm user-select-none" data-bs-theme="dark">
  13. <div class="container-fluid">
  14. <a class="navbar-brand small fw-bold" href="/">
  15. Dragora OS
  16. </a>
  17. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
  18. <span class="navbar-toggler-icon"></span>
  19. </button>
  20. <div class="collapse navbar-collapse" id="mainNavbar">
  21. <ul class="navbar-nav me-auto">
  22. <li class="nav-item">
  23. <a class="nav-link" href="support/">Support</a>
  24. </li>
  25. <li class="nav-item">
  26. <a class="nav-link" href="preview/">Preview</a>
  27. </li>
  28. <li class="nav-item">
  29. <a class="nav-link" href="download/">Download</a>
  30. </li>
  31. <li class="nav-item">
  32. <a class="nav-link" href="donate/">Donate</a>
  33. </li>
  34. <li class="nav-item">
  35. <a class="nav-link" href="news/">News</a>
  36. </li>
  37. </ul>
  38. </div>
  39. </div>
  40. </nav>
  41. </header>
  42. <div class="my-3 mx-5 page">
  43. <main>
  44. <div class="text-center">
  45. <a href="/preview/logos">
  46. <img src="/static/logo/dragora-logo-modern-big.svg" height="224" alt="Logo of Dragora">
  47. </a>
  48. </div>
  49. <div class="list-group list-group-horizontal list-group-flush justify-content-center h2 m-2 user-select-none">
  50. <span class="list-group-item list-group-item text-dark">Stable</span>
  51. <span class="list-group-item list-group-item text-dark">Secure</span>
  52. <span class="list-group-item list-group-item text-dark">Reliable</span>
  53. </div><p><strong>Dragora</strong> is an independent GNU/Linux distribution, designed from scratch to provide a system composed only by free software: you have the freedom to run, copy, distribute, study, change and improve all applications installed on your computer.</p>
  54. <p>Based on the concepts of simplicity and elegance, it offers a user-friendly Unix-like environment with emphasis on <strong>stability</strong> and <strong>security</strong> for long-term durability.</p>
  55. <div class="container row gap-3 d-flex justify-content-center my-2">
  56. <div class="col-12 col-sm-auto">
  57. <div class="card border-primary shadow-sm" style="max-width: 20rem;">
  58. <div class="card-header bg-primary bg-gradient text-light">Trinity Desktop Environment</div>
  59. <div class="card-body">
  60. <p class="card-text">Lean and efficient with the function and form of traditional desktop computers.</p>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="col-12 col-sm-auto">
  65. <div class="card border-primary shadow-sm" style="max-width: 20rem;">
  66. <div class="card-header bg-primary bg-gradient text-light">SysV init and Perp</div>
  67. <div class="card-body">
  68. <p class="card-text">Start, control and monitor all critical system daemons without using Systemd.</p>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="col-12 col-sm-auto">
  73. <div class="card border-primary shadow-sm" style="max-width: 20rem;">
  74. <div class="card-header bg-primary bg-gradient text-light">Qi and Graft</div>
  75. <div class="card-body">
  76. <p class="card-text">Easily manage multiple software packages under a single directory hierarchy.</p>
  77. </div>
  78. </div>
  79. </div>
  80. </div><p>We also offer many lightweight alternatives to popular system components, such as musl libc, libressl, mksh, scron, pkgconf, DWM, TWM, &hellip;</p>
  81. </main>
  82. <footer class="small text-muted mt-5">
  83. <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>
  84. <div class="hstack">
  85. <img class="me-2" src="static/logo/dragora-logo-modern.svg" alt="" height="64" draggable="false">
  86. <p class="vstack small mt-2">
  87. <span class="mb-1 fw-bold">Dragora is made available for free to everyone at no additional costs.</span>
  88. <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>
  89. <span>Please ask for permission before making <i>public</i> clones/mirrors.</span>
  90. <span>This web domain never uses tracking or analytics cookies.</span>
  91. </p>
  92. </div>
  93. </footer>
  94. </div>
  95. <script src="static/bootstrap.min.js"></script>
  96. </body>
  97. </html>