index.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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="Screenshots of Dragora">
  9. <title>Preview — Dragora.org</title>
  10. <body>
  11. <header>
  12. <p>Support our efforts to release the final version of Dragora 3. <a href="/donate/">Donate now</a></p>
  13. <nav class="navbar navbar-expand-lg bg-primary bg-gradient shadow-sm user-select-none" data-bs-theme="dark">
  14. <div class="container-fluid">
  15. <a class="navbar-brand small fw-bold" href="/">
  16. Dragora
  17. </a>
  18. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
  19. <span class="navbar-toggler-icon"></span>
  20. </button>
  21. <div class="collapse navbar-collapse" id="mainNavbar">
  22. <ul class="navbar-nav me-auto">
  23. <li class="nav-item">
  24. <a class="nav-link" href="../support/">Support</a>
  25. </li>
  26. <li class="nav-item">
  27. <a class="nav-link active pe-none">Preview</a>
  28. </li>
  29. <li class="nav-item">
  30. <a class="nav-link" href="../download/">Download</a>
  31. </li>
  32. <li class="nav-item">
  33. <a class="nav-link" href="../donate/">Donate</a>
  34. </li>
  35. <li class="nav-item">
  36. <a class="nav-link" href="../news/">News</a>
  37. </li>
  38. </ul>
  39. </div>
  40. </div>
  41. </nav>
  42. </header>
  43. <div class="my-3 mx-5 page">
  44. <main>
  45. <ul class="nav nav-tabs mb-3" role="tablist">
  46. <li class="nav-item" role="presentation">
  47. <a class="nav-link active pe-none" aria-selected="true" role="tab">
  48. <img class="nb" src="/static/media-image.svg" height="20" alt="">
  49. Screenshots
  50. </a>
  51. </li>
  52. <li class="nav-item" role="presentation">
  53. <a class="nav-link" href="/preview/logos" aria-selected="false" role="tab" tabindex="-1">
  54. <img class="nb" src="/static/fingerprint-square.svg" height="20" alt="">
  55. Logos
  56. </a>
  57. </li>
  58. <li class="nav-item" role="presentation">
  59. <a class="nav-link" href="/preview/icons" aria-selected="false" role="tab" tabindex="-1">
  60. <img class="nb" src="/static/square-cursor.svg" height="20" alt="">
  61. Icons
  62. </a>
  63. </li>
  64. </ul><div class="container row align-items-start gap-5">
  65. <a class="col-12 col-sm-auto" href="/static/screenshots/dragora-konqueror-kdiskfree.png">
  66. <figure class="figure">
  67. <img class="figure-img rounded img-thumbnail" src="/static/screenshots/dragora-konqueror-kdiskfree_IMGP.jpg" alt="Web browser in KDE" width="200" height="200">
  68. <figcaption class="figure-caption">K Desktop apps <span class="badge rounded-pill text-bg-light text-muted float-end small font-monospace">3.0</span><br>PNG &mdash; 1920&times;1080</figcaption>
  69. </figure>
  70. </a>
  71. <a class="col-12 col-sm-auto" href="/static/screenshots/dragora-TDE.png">
  72. <figure class="figure">
  73. <img class="figure-img rounded img-thumbnail" src="/static/screenshots/dragora-TDE_IMGP.jpg" alt="Dragora TDE" width="200" height="200">
  74. <figcaption class="figure-caption">Trinity Desktop <span class="badge rounded-pill text-bg-light text-muted float-end small font-monospace">3.0</span><br>PNG &mdash; 1920&times;1080</figcaption>
  75. </figure>
  76. </a>
  77. <a class="col-12 col-sm-auto" href="/static/screenshots/dragora-ice.png">
  78. <figure class="figure">
  79. <img class="figure-img rounded img-thumbnail" src="/static/screenshots/dragora-ice_IMGP.jpg" alt="Dragora Custom IceVM Desktop" width="200" height="140">
  80. <figcaption class="figure-caption">Custom IceWM Desktop <span class="badge rounded-pill text-bg-light text-muted float-end small font-monospace">3.0</span><br>PNG &mdash; 1366&times;768</figcaption>
  81. </figure>
  82. </a>
  83. <a class="col-12 col-sm-auto" href="/static/screenshots/dragora-xfce-2.png">
  84. <figure class="figure">
  85. <img class="figure-img rounded img-thumbnail" src="/static/screenshots/dragora-xfce-2_IMGP.jpg" alt="Dragora Xfce Desktop 2.2" width="200" height="200">
  86. <figcaption class="figure-caption">Xfce Desktop <span class="badge rounded-pill text-bg-light text-muted float-end small font-monospace">2.2</span><br>PNG &mdash; 1280&times;1024</figcaption>
  87. </figure>
  88. </a>
  89. <a class="col-12 col-sm-auto" href="/static/screenshots/dragora-xfce-1.png">
  90. <figure class="figure">
  91. <img class="figure-img rounded img-thumbnail" src="/static/screenshots/dragora-xfce-1_IMGP.jpg" alt="Dragora Xfce Desktop 1.0" width="210" height="200">
  92. <figcaption class="figure-caption">Xfce Desktop <span class="badge rounded-pill text-bg-light text-muted float-end small font-monospace">1.0</span><br>PNG &mdash; 800&times;600</figcaption>
  93. </figure>
  94. </a>
  95. <a class="col-12 col-sm-auto" href="/preview/installation">
  96. <figure class="figure">
  97. <img class="figure-img rounded img-thumbnail" src="/static/screenshots/dragora-boot_IMGP.jpg" alt="Installation step-by-step" width="200" height="200">
  98. <figcaption class="figure-caption">Installation <img class="nb" src="/static/media-image-list.svg" alt="Multiple images" title="Multiple images" height="20"> <span class="badge rounded-pill text-bg-light text-muted float-end small font-monospace">3.0</span><br>&nbsp;</figcaption>
  99. </figure>
  100. </a>
  101. </div><h2>From our community</h2>
  102. <div class="container row align-items-start my-3 gap-5">
  103. <a class="col-12 col-sm-auto" href="/support">
  104. <figure class="figure">
  105. <img class="figure-img" src="/static/media-image.svg" alt="Send us new screenshots!" width="120" height="120">
  106. <figcaption class="figure-caption text-center">Send screenshot<br>&nbsp;</figcaption>
  107. </figure>
  108. </a>
  109. </div>
  110. </main>
  111. <footer class="small text-muted mt-5">
  112. <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>
  113. <div class="hstack">
  114. <img class="me-2" src="../static/logo/dragora-logo-modern.svg" alt="" height="64" draggable="false">
  115. <p class="vstack small mt-2">
  116. <span class="mb-1 fw-bold">Dragora is made available for free to everyone at no additional costs.</span>
  117. <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>
  118. <span>This web domain never uses tracking or analytics cookies.</span>
  119. </p>
  120. </div>
  121. </footer>
  122. </div>
  123. <script src="../static/bootstrap.min.js"></script>
  124. </body>
  125. </html>