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.

291 lines
7.6KB

  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">
  6. <title>DDS</title>
  7. <style>
  8. html {
  9. background-color: #ddd;
  10. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  11. }
  12. </style>
  13. <style>
  14. body {
  15. display: flex;
  16. flex-direction: column;
  17. margin: 0;
  18. }
  19. div.head,
  20. div.footer {
  21. background-color: #000a;
  22. background-image: linear-gradient(to bottom, #000a, #333a);
  23. backdrop-filter: blur(5px);
  24. border-bottom: 1px solid #444;
  25. color: white;
  26. padding: 10px;
  27. position: sticky;
  28. top: 0;
  29. bottom: 0;
  30. display: flex;
  31. justify-content: space-between;
  32. justify-items: center;
  33. align-items: center;
  34. box-shadow: 0 4px 5px #000a, 0 2px 2px #000a;
  35. }
  36. div.footer {
  37. font-size: 12pt;
  38. padding: 4px 7px;
  39. justify-content: space-evenly;
  40. position: initial;
  41. }
  42. div.links {
  43. display: flex;
  44. justify-content: center;
  45. align-items: center;
  46. flex-flow: row wrap;
  47. }
  48. div.links>a {
  49. color: white;
  50. text-decoration: none;
  51. border: 2px solid #eeee;
  52. padding: 5px 7px;
  53. border-radius: 5px;
  54. margin: 6px;
  55. }
  56. div.links>a:hover {
  57. box-shadow: 0 0 4px #fffa;
  58. background-color: #fff4;
  59. }
  60. div.hero {
  61. min-height: 300px;
  62. display: flex;
  63. flex-direction: column;
  64. justify-content: center;
  65. align-items: center;
  66. background: linear-gradient(to bottom right,
  67. rgb(109, 184, 255) 0,
  68. rgb(55, 158, 255) 25%,
  69. rgb(41, 132, 216) 30%,
  70. rgb(109, 184, 255) 30.5%,
  71. rgb(55, 158, 255) 75%,
  72. rgb(29, 103, 173) 75.5%,
  73. rgb(55, 158, 255) 90%,
  74. rgb(55, 158, 255));
  75. font-size: 56pt;
  76. color: white;
  77. text-shadow: 0 2px #000a;
  78. padding: 30px;
  79. }
  80. div.hero .text {
  81. display: grid;
  82. align-items: flex-start;
  83. grid-template-columns: 1fr 1fr;
  84. justify-items: end;
  85. }
  86. .hero .text>* {
  87. padding: 10px;
  88. }
  89. .hero .right {
  90. max-width: 300px;
  91. border-left: 5px solid white;
  92. font-size: 32pt;
  93. }
  94. .hero .buttons>a {
  95. text-decoration: none;
  96. color: white;
  97. border: 1px solid white;
  98. padding: 4px 7px;
  99. font-size: 18pt;
  100. border-radius: 10px;
  101. text-shadow: 0 0 1px black;
  102. }
  103. div.main {
  104. display: grid;
  105. gap: 20px;
  106. padding: 20px;
  107. color: #333;
  108. box-shadow: 0 0 15px #000a;
  109. }
  110. div.main>:nth-child(odd) {
  111. font-size: 32pt;
  112. font-style: italic;
  113. }
  114. @media (min-width: 600px) {
  115. div.main {
  116. grid-template-columns: 1fr 1fr;
  117. }
  118. div.main>* {
  119. padding: 20px;
  120. margin-bottom: 40px;
  121. }
  122. div.main>:nth-child(odd) {
  123. justify-self: end;
  124. max-width: 500px;
  125. text-align: right;
  126. }
  127. div.main>:nth-child(even) {
  128. max-width: 350px;
  129. padding-top: 35px;
  130. align-self: flex-start;
  131. }
  132. }
  133. @media (max-width: 600px) {
  134. div.head {
  135. flex-direction: column;
  136. }
  137. div.title {
  138. font-size: 18pt;
  139. }
  140. div.main {
  141. grid-template-columns: auto;
  142. }
  143. div.main>* {
  144. text-align: left;
  145. }
  146. div.main>:nth-child(even) {
  147. align-self: center;
  148. margin-bottom: 40px;
  149. }
  150. }
  151. </style>
  152. </head>
  153. <body>
  154. <div class="head">
  155. <div class="title">DDS - The Simplest</div>
  156. <div class="links">
  157. <a href="https://github.com/vector-of-bool/dds/releases">Releases & Downloads</a>
  158. <a href="docs/">Documentation</a>
  159. <a href="https://github.com/vector-of-bool/dds">Development</a>
  160. <a href="https://github.com/vector-of-bool/dds/issues">Issues</a>
  161. </div>
  162. </div>
  163. <div class="hero">
  164. <div class="text">
  165. <div class="left">DDS</div>
  166. <div class="right">Tooling for a new decade</div>
  167. </div>
  168. </div>
  169. <div class="main">
  170. <div>What is DDS?</div>
  171. <div>
  172. DDS is a new build, test, and packaging tool for native C and C++
  173. libraries and applications, with a focus on simplicity, speed, and
  174. integratability.
  175. </div>
  176. <div>What makes DDS <strong>different</strong>?</div>
  177. <div>
  178. <em>Convention over configuration</em>.
  179. <br><br>
  180. Traditional build tools have been built to cede all control to their
  181. users. While this may sound appealing, it leads to rampant ecosystem
  182. fragmentation that impedes the ability for us to <em>compose</em> our
  183. libraries and tools.
  184. <br><br>
  185. DDS's approach is to trade this flexibility for something sorely lacking
  186. in the C and C++ build and distribution ecosystem: <em>Simplicity</em>.
  187. </div>
  188. <div>Does DDS replace [XYZ] build tool?</div>
  189. <div>
  190. While DDS <em>is</em> a build tool, it is not meant as a full replacement
  191. for all use cases of other build tools (e.g. CMake and Meson).
  192. <br><br>
  193. For many use cases, DDS will serve as a possible replacement for more
  194. flexible build systems, especially when the build itself is far simpler
  195. than is warranted by the flexibility offered by those tools.
  196. <br><br>
  197. Additionally, DDS is built to <em>augment</em> other build tools. The
  198. output from DDS can be fed into other build and packaging systems.
  199. </div>
  200. <div>Does DDS replace [XYZ] packaging tool?</div>
  201. <div>
  202. Yes and no.
  203. <br><br>
  204. DDS supports dependency resolution, procurement, and building, much like
  205. many other tools, but has a few important differences of opinion. Refer
  206. to the documentation for more information.
  207. </div>
  208. <div>Is DDS "production ready"?</div>
  209. <div>
  210. At the time of writing, DDS is still in its alpha stages, is missing
  211. several end-goal features, and will have several breaking changes before
  212. its first "1.0" release.
  213. <br><br>
  214. Even then, DDS is ready to be used for experiments, hobby projects, and
  215. in any place that doesn't require stability.
  216. </div>
  217. <div>Is DDS free?</div>
  218. <div>
  219. Yes! DDS and its source code are available free of charge.
  220. </div>
  221. <div>Is DDS open source?</div>
  222. <div>
  223. Yes!
  224. <br><br>
  225. The main DDS codebase is licensed under the
  226. <em>Mozilla Public License Version 2.0</em>, although it is built upon
  227. many components variously licensed as MIT, BSD, Boost, and public domain.
  228. </div>
  229. <div>What platforms are supported?</div>
  230. <div>
  231. DDS is built, tested, distributed, and supported on Windows, macOS,
  232. Linux, and FreeBSD.
  233. <br><br>
  234. The Microsoft Visual C++, GNU GCC, LLVM/Clang, and AppleClang compilers
  235. are all supported.
  236. </div>
  237. <div>Is DDS centralized?</div>
  238. <div>
  239. No / "not yet"
  240. <br><br>
  241. DDS's package procurement is in very early stages, and there is no
  242. centralized repository of packages available for download.
  243. <br><br>
  244. DDS maintains a local catalog database that contain instructions it can
  245. use to obtain packages from the internet. At the moment, this involves
  246. cloning a Git repository, but there are plans to support catalog updates
  247. and source distributions delivered over HTTP(S) in the future. This
  248. includes the ability to host private package repositories.
  249. </div>
  250. </div>
  251. <div class="footer">
  252. <div class="disclaimer">
  253. This site is built without cookies, trackers, or analytics.
  254. </div>
  255. </div>
  256. </body>
  257. </html>