index.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!doctype html>
  2. <meta charset="utf-8">
  3. <link rel="stylesheet" href="static/bootstrap.min.css">
  4. <link rel="stylesheet" href="static/style.css">
  5. <link rel="icon" type="image/gif" href="static/favicon.gif">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="An independent GNU/Linux-Libre distribution">
  8. <title>Home — 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 OS
  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="donate/">Donate</a>
  29. </li>
  30. <li class="nav-item">
  31. <a class="nav-link" href="news/">News</a>
  32. </li>
  33. <li class="nav-item">
  34. <a class="nav-link" href="about/">Download</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="text-center">
  44. <a href="/preview">
  45. <img src="/static/logo/dragora-logo-modern-big.svg" height="164">
  46. </a>
  47. </div>
  48. <div class="list-group list-group-horizontal list-group-flush justify-content-center h2 m-2 user-select-none">
  49. <span class="list-group-item list-group-item text-dark">Stable</span>
  50. <span class="list-group-item list-group-item text-dark">Secure</span>
  51. <span class="list-group-item list-group-item text-dark">Reliable</span>
  52. </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>
  53. <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>
  54. <div class="container row gap-3 d-flex justify-content-center">
  55. <div class="col-12 col-sm-auto">
  56. <div class="card border-primary shadow-sm" style="max-width: 20rem;">
  57. <div class="card-header bg-primary bg-gradient text-light">Trinity Desktop Environment</div>
  58. <div class="card-body">
  59. <p class="card-text">Lean and efficient with the function and form of traditional desktop computers.</p>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="col-12 col-sm-auto">
  64. <div class="card border-primary shadow-sm" style="max-width: 20rem;">
  65. <div class="card-header bg-primary bg-gradient text-light">SysV init and Perp</div>
  66. <div class="card-body">
  67. <p class="card-text">Start, control and monitor all critical system daemons without using Systemd.</p>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="col-12 col-sm-auto">
  72. <div class="card border-primary shadow-sm" style="max-width: 20rem;">
  73. <div class="card-header bg-primary bg-gradient text-light">Qi and Graft</div>
  74. <div class="card-body">
  75. <p class="card-text">Easily manage multiple software packages under a single directory hierarchy.</p>
  76. </div>
  77. </div>
  78. </div><p>We also offer many lightweight alternatives to popular system components, such as musl libc, libressl, mksh, scron, pkgconf, DWM, TWM, &hellip;</p>
  79. </main>
  80. <footer class="small text-muted mt-5">
  81. <a class="btn btn-sm btn-outline-primary float-end" href="#"><span class="visually-hidden">TOP</span><img src="static/top.svg" alt="" title="Go to top" height="24"></a>
  82. <div class="hstack">
  83. <img class="me-2" src="static/logo/dragora-logo-modern.svg" height="64">
  84. <p class="vstack small">
  85. <span xmlns:cc="http://creativecommons.org/ns#">Except where stated otherwise, text and images on this website are licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;" alt="CC BY-SA 4.0" title="CC BY-SA 4.0"><span class="visually-hidden">CC BY-SA 4.0</span><img style="height:16px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img style="height:16px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"><img style="height:16px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1"></a></span>
  86. <span>Do not make public mirrors/clones of this webpage without prior permission.</span>
  87. <span>Dragora is made available for free to everyone at no additional costs.</span>
  88. <span>Test version - website still in development</span>
  89. </p>
  90. </div>
  91. </footer>
  92. </div>
  93. <script src="static/bootstrap.min.js"></script>
  94. </body>