index.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Название не придумал</title>
  7. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  8. <link rel="stylesheet" href="css/style.css">
  9. </head>
  10. <body>
  11. <nav class="navbar sticky-top navbar-expand-lg bg-dark navbar-dark">
  12. <div class="container">
  13. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-dropdown" aria-controls="navbar-dropdown" aria-expanded="false" aria-label="Toggle navigation">
  14. <span class="navbar-toggler-icon"></span>
  15. </button>
  16. <div class="collapse navbar-collapse" id="navbar-dropdown">
  17. <ul class="navbar-nav">
  18. <li class="nav-item"><a class="nav-link active" aria-current="page" href="#">Home</a></li>
  19. <li class="nav-item"><a class="nav-link" href="#why-opensource">Why open source is good?</a></li>
  20. <li class="nav-item dropdown">
  21. <a class="nav-link dropdown-toggle" href="#" id="navbar-dropdown-menu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  22. GNU/Linux distributions recomend by me
  23. </a>
  24. <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbar-dropdown-menu">
  25. <li><a class="dropdown-item" href="#arch-based-distros">Arch based distros</a></li>
  26. <li><a class="dropdown-item" href="#debian-based-distros">Debian based distros</a></li>
  27. <li><a class="dropdown-item" href="#independently-distros">Independently distros</a></li>
  28. <li><a class="dropdown-item" href="#maybe-interesting">May be interesting</a></li>
  29. </ul>
  30. </li>
  31. </ul>
  32. </div>
  33. </div>
  34. </nav>
  35. <section class="header-background">
  36. <header>
  37. <p class="text-center text-light header-text">"Software is like sex: it's better when it's free"<br>(C) Linus Torvalds</p>
  38. </header>
  39. <section class="heading text-light" id="why-opensource">
  40. <div class="heading-grid-top container-fluid">
  41. <div class="heading-grid-item"><h3>Freedom</h3></div>
  42. <div class="heading-grid-item"><h3>Security</h3></div>
  43. <div class="heading-grid-item"><h3>Quality</h3></div>
  44. </div>
  45. <div class="heading-header"><h1>Why open source is good?</h1></div>
  46. <div class="heading-grid-bottom container-fluid">
  47. <div class="heading-grid-item"><h3>Crossplatform</h3></div>
  48. <div class="heading-grid-item"><h3>Interoperability</h3></div>
  49. <div class="heading-grid-item"><h3>Auditability</h3></div>
  50. </div>
  51. </section>
  52. </section>
  53. <main id="list-distros">
  54. <h1 class="text-center text-light">List of GNU/Linux distributions recomend by me</h1>
  55. <!-- Arch based -->
  56. <section id="arch-based-distros">
  57. <h2 class="text-center text-light">Arch based</h2>
  58. <div class="main-grid container">
  59. <div class="main-grid-item">
  60. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  61. <img class="card-img-top" src="img/manjaro-small.png" alt="Manjaro Linux">
  62. <div class="card-body">
  63. <h5 class="card-title">Manjaro Linux</h5>
  64. <p class="card-text">Fast, user-friendly, desktop-oriented operating system based on Arch Linux. Key features - automatic hardware detection, stable rolling-release model, ability to install multiple kernels, special Bash scripts for managing graphics drivers and extensive desktop configurability.</p>
  65. <p>Desktop: Awesome, bspwm, Budgie, Cinnamon, GNOME, i3, KDE Plasma, LXQt, MATE, Openbox, Xfce</p>
  66. <p>Category: Desktop, Live Medium, Raspberry Pi</p>
  67. <a href="https://distrowatch.com/table.php?distribution=manjaro" class="btn btn-primary">See on distrowatch</a><br><br>
  68. <a href="https://manjaro.org/" class="btn btn-primary">Official site</a>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="main-grid-item">
  73. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  74. <img class="card-img-top" src="img/arco-small.png" alt="Arco Linux">
  75. <div class="card-body">
  76. <h5 class="card-title">Arco Linux</h5>
  77. <p class="card-text">The development takes places in three branches - ArcoLinux, ArcoLinuxD and ArcoLinuxB. ArcoLinux is a full-featured distribution that ships with the Xfce desktop (as well as Openbox and i3 window managers). ArcoLinux also provides various video tutorials as it places strong focus on learning and acquiring Linux skills.</p>
  78. <p>Desktop: Awesome, bspwm, Budgie, Cinnamon, Deepin, GNOME, i3, MATE, KDE Plasma, Openbox, Xfce</p>
  79. <p>Category: Desktop, Live Medium</p>
  80. <a href="https://distrowatch.com/table.php?distribution=arco" class="btn btn-primary">See on distrowatch</a><br><br>
  81. <a href="https://arcolinux.com/" class="btn btn-primary">Official site</a>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="main-grid-item">
  86. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  87. <img class="card-img-top" src="img/artix-small.png" alt="Artix Linux">
  88. <div class="card-body">
  89. <h5 class="card-title">Artix Linux</h5>
  90. <p class="card-text">Fork (or continuation as an autonomous project) of the Arch-OpenRC and Manjaro-OpenRC projects. Lightweight, rolling-release operating system featuring the OpenRC init software.</p>
  91. <p>Desktop: Cinnamon, LXDE, LXQt, MATE, KDE Plasma, Xfce</p>
  92. <p>Category: Desktop, Live Medium</p>
  93. <a href="https://distrowatch.com/table.php?distribution=artix" class="btn btn-primary">See on distrowatch</a><br><br>
  94. <a href="https://artixlinux.org/" class="btn btn-primary">Official site</a>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="main-grid-item">
  99. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  100. <img class="card-img-top" src="img/garuda-small.png" alt="Garuda Linux">
  101. <div class="card-body">
  102. <h5 class="card-title">Garuda Linux</h5>
  103. <p class="card-text">Rolling distribution based on the Arch Linux. Performance-oriented, with many performance enhancing tweaks: zram, performance CPU governor, custom memory management software.</p>
  104. <p>Desktop: bspwm, Cinnamon, GNOME, i3, KDE Plasma, LXQt, MATE, Recbox, UKUI, Wayfire, Xfce</p>
  105. <p>Category: Desktop, Live Media</p>
  106. <a href="https://distrowatch.com/table.php?distribution=garuda" class="btn btn-primary">See on distrowatch</a><br><br>
  107. <a href="https://garudalinux.org/" class="btn btn-primary">Official site</a>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </section>
  113. <!-- Debian based -->
  114. <section id="debian-based-distros">
  115. <h2 class="text-center text-light">Debian based</h2>
  116. <div class="main-grid container">
  117. <div class="main-grid-item">
  118. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  119. <img class="card-img-top" src="img/mx-small.png" alt="MX Linux">
  120. <div class="card-body">
  121. <h5 class="card-title">MX Linux</h5>
  122. <p class="card-text">Desktop-oriented Linux distribution based on Debian's "stable" branch, it is a mid-weight operating system with high stability, solid performance and medium-sized footprint.</p>
  123. <p>Desktop: KDE Plasma, Xfce</p>
  124. <p>Category: Desktop, From RAM, Live Medium, Raspberry Pi</p>
  125. <a href="https://distrowatch.com/table.php?distribution=mx" class="btn btn-primary">See on distrowatch</a><br><br>
  126. <a href="https://mxlinux.org/" class="btn btn-primary">Official site</a>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="main-grid-item">
  131. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  132. <img class="card-img-top" src="img/antix-small.png" alt="antiX Linux">
  133. <div class="card-body">
  134. <h5 class="card-title">antiX Linux</h5>
  135. <p class="card-text">Fast, lightweight and easy-to-install Linux live CD distribution based on Debian's "Stable" branch for x86 compatible systems. Offers users the "antiX Magic" in an environment suitable for old computers.</p>
  136. <p>Desktop: Enlightenment, GNOME, KDE Plasma, LXDE, MATE, Xfce</p>
  137. <p>Category: From RAM, Live Medium, Old Computers</p>
  138. <a href="https://distrowatch.com/table.php?distribution=antix" class="btn btn-primary">See on distrowatch</a><br><br>
  139. <a href="https://antixlinux.com/" class="btn btn-primary">Official site</a>
  140. </div>
  141. </div>
  142. </div>
  143. <div class="main-grid-item">
  144. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  145. <img class="card-img-top" src="img/parrot-small.png" alt="Parrot Security OS">
  146. <div class="card-body">
  147. <h5 class="card-title">Parrot (formerly Parrot Security OS)</h5>
  148. <p class="card-text">Security-oriented distribution featuring a collection of utilities designed for penetration testing, computer forensics, reverse engineering, hacking, privacy, anonymity and cryptography.</p>
  149. <p>Desktop: KDE Plasma, MATE</p>
  150. <p>Category: Forensics, Live Medium, Security</p>
  151. <a href="https://distrowatch.com/table.php?distribution=parrot" class="btn btn-primary">See on distrowatch</a><br><br>
  152. <a href="https://www.parrotlinux.org/" class="btn btn-primary">Official site</a>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="main-grid-item">
  157. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  158. <img class="card-img-top" src="img/devuan-small.png" alt="Devuan Linux">
  159. <div class="card-body">
  160. <h5 class="card-title">Devuan Linux</h5>
  161. <p class="card-text">Forked from Debian in 2015 and providing a variant of Debian without the complexities and dependencies of systemd, an init system and services manager originally developed by Red Hat and later adopted by most other Linux distributions.</p>
  162. <p>Desktop: Cinnamon, KDE Plasma, LXQt, MATE, Xfce</p>
  163. <p>Category: Desktop, Live Medium, Server, Raspberry Pi</p>
  164. <a href="https://distrowatch.com/table.php?distribution=devuan" class="btn btn-primary">See on distrowatch</a><br><br>
  165. <a href="https://devuan.org/" class="btn btn-primary">Official site</a>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. </section>
  171. <!-- Independently distros -->
  172. <section id="independently-distros">
  173. <h2 class="text-center text-light">Independently distros</h2>
  174. <div class="main-grid container">
  175. <div class="main-grid-item">
  176. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  177. <img class="card-img-top" src="img/arch-small.png" alt="Arch Linux">
  178. <div class="card-body">
  179. <h5 class="card-title">Arch Linux</h5>
  180. <p class="card-text">Independently developed, x86_64-optimised Linux distribution targeted at competent Linux users. It uses 'pacman', its home-grown package manager, to provide updates to the latest software applications with full dependency tracking.</p>
  181. <p>Desktop: Cinnamon, Enlightenment, GNOME, KDE, LXDE, MATE, Xfce</p>
  182. <p>Category: Desktop, Server</p>
  183. <a href="https://distrowatch.com/table.php?distribution=arch" class="btn btn-primary">See on distrowatch</a><br><br>
  184. <a href="https://archlinux.org/" class="btn btn-primary">Official site</a>
  185. </div>
  186. </div>
  187. </div>
  188. <div class="main-grid-item">
  189. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  190. <img class="card-img-top" src="img/debian-small.png" alt="Debian">
  191. <div class="card-body">
  192. <h5 class="card-title">Debian</h5>
  193. <p class="card-text">Association of individuals who have made common cause to create a free operating system. Debian comes with over 50,000 packages - all of it free.</p>
  194. <p>Desktop: AfterStep, Awesome, Blackbox, Cinnamon, Fluxbox, flwm, FVWM, GNOME, i3, IceWM, ion, JWM, KDE, LXDE, LXQt, MATE, Openbox, pekwm, Ratpoison, WMaker, XBMC, Xfce</p>
  195. <p>Category: Desktop, Server</p>
  196. <a href="https://distrowatch.com/table.php?distribution=debian" class="btn btn-primary">See on distrowatch</a><br><br>
  197. <a href="http://www.debian.org/" class="btn btn-primary">Official site</a>
  198. </div>
  199. </div>
  200. </div>
  201. <div class="main-grid-item">
  202. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  203. <img class="card-img-top" src="img/fedora-small.png" alt="Fedora">
  204. <div class="card-body">
  205. <h5 class="card-title">Fedora</h5>
  206. <p class="card-text">Linux distribution developed by the community-supported Fedora Project and owned by Red Hat. Fedora contains software distributed under a free and open-source license and aims to be on the leading edge of such technologies.</p>
  207. <p>Desktop: Awesome, Cinnamon, Enlightenment, i3, GNOME, KDE Plasma, LXDE, LXQt, MATE, Openbox, Pantheon, Ratpoison, Xfce</p>
  208. <p>Category: Desktop, Server, Live Medium</p>
  209. <a href="https://distrowatch.com/table.php?distribution=fedora" class="btn btn-primary">See on distrowatch</a><br><br>
  210. <a href="https://getfedora.org/" class="btn btn-primary">Official site</a>
  211. </div>
  212. </div>
  213. </div>
  214. <div class="main-grid-item">
  215. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  216. <img class="card-img-top" src="img/void-small.png" alt="Void Linux">
  217. <div class="card-body">
  218. <h5 class="card-title">Void Linux</h5>
  219. <p class="card-text">General-purpose operating system based on the monolithic Linux kernel with rolling-release development model with daily updates. It features a hybrid binary/source package management system - XBPS and native init system called "runit".</p>
  220. <p>Desktop: Cinnamon, Enlightenment, GNOME, LXDE, LXQt, MATE, Xfce</p>
  221. <p>Category: Desktop, Live Medium, Raspberry Pi</p>
  222. <a href="https://distrowatch.com/table.php?distribution=void" class="btn btn-primary">See on distrowatch</a><br><br>
  223. <a href="https://voidlinux.org/" class="btn btn-primary">Official site</a>
  224. </div>
  225. </div>
  226. </div>
  227. </div>
  228. </section>
  229. <!-- May be interesting -->
  230. <section id="maybe-interesting">
  231. <h2 class="text-center text-light">May be interesting</h2>
  232. <div class="main-grid container">
  233. <div class="main-grid-item">
  234. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  235. <img class="card-img-top" src="img/gentoo-small.png" alt="Gentoo">
  236. <div class="card-body">
  237. <h5 class="card-title">Gentoo Linux</h5>
  238. <p class="card-text">Versatile and fast, completely free Linux distribution geared towards developers and network professionals. Unlike other distros, Gentoo Linux has an advanced package management system called Portage.</p>
  239. <p>Desktop: Awesome, Cinnamon, Enlightenment, i3, GNOME, KDE Plasma, LXDE, LXQt, MATE, Openbox, Pantheon, Ratpoison, Xfce</p>
  240. <p>Category: Desktop, Server, Source-based</p>
  241. <a href="https://distrowatch.com/table.php?distribution=gentoo" class="btn btn-primary">See on distrowatch</a><br><br>
  242. <a href="http://www.gentoo.org/" class="btn btn-primary">Official site</a>
  243. </div>
  244. </div>
  245. </div>
  246. <div class="main-grid-item">
  247. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  248. <img class="card-img-top" src="img/nixos-small.png" alt="NixOS">
  249. <div class="card-body">
  250. <h5 class="card-title">NixOS</h5>
  251. <p class="card-text">Independently GNU/Linux distribution that aims to improve the state of the art in system configuration management. In NixOS, the entire operating system, including the kernel, applications, system packages and configuration files, are built by the Nix package manager.</p>
  252. <p>Desktop: Awesome, Enlightenment, Fluxbox, GNOME, i3, IceWM, KDE Plasma, Ratpoison, Xfce</p>
  253. <p>Category: Desktop, Education, Live Medium, Server</p>
  254. <a href="https://distrowatch.com/table.php?distribution=nixos" class="btn btn-primary">See on distrowatch</a><br><br>
  255. <a href="http://nixos.org/" class="btn btn-primary">Official site</a>
  256. </div>
  257. </div>
  258. </div>
  259. <div class="main-grid-item">
  260. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  261. <img class="card-img-top" src="img/slackware-small.png" alt="Slackware Linux">
  262. <div class="card-body">
  263. <h5 class="card-title">Slackware Linux</h5>
  264. <p class="card-text">advanced Linux operating system, designed with the twin goals of ease of use and stability as top priorities. Including the latest popular software while retaining a sense of tradition, providing simplicity and ease of use alongside flexibility and power, Slackware brings the best of all worlds to the table.</p>
  265. <p>Desktop: Blackbox, Fluxbox, FVWM, KDE, WMaker, Xfce</p>
  266. <p>Category: Desktop, Server</p>
  267. <a href="https://distrowatch.com/table.php?distribution=slackware" class="btn btn-primary">See on distrowatch</a><br><br>
  268. <a href="http://www.slackware.com/" class="btn btn-primary">Official site</a>
  269. </div>
  270. </div>
  271. </div>
  272. <div class="main-grid-item">
  273. <div class="card text-center bg-transparent text-light" style="width: 18rem;">
  274. <img class="card-img-top" src="img/tinycore-small.png" alt="Tiny Core Linux">
  275. <div class="card-body">
  276. <h5 class="card-title">Tiny Core Linux</h5>
  277. <p class="card-text">12 MB graphical Linux desktop. It is based on a recent Linux kernel, BusyBox, Tiny X, Fltk, and Flwm. The core runs entirely in memory and boots very quickly. The user has complete control over which applications and/or additional hardware to have supported, be it for a desktop, a nettop, an appliance or server; selectable from the project's online repository.</p>
  278. <p>Desktop: dwm, Fluxbox, flwm, GNOME, Hackedbox, i3, IceWM, JWM, Openbox, WMFS</p>
  279. <p>Category: Desktop, From RAM, Live Medium, Old Computers, Raspberry Pi</p>
  280. <a href="https://distrowatch.com/table.php?distribution=tinycore" class="btn btn-primary">See on distrowatch</a><br><br>
  281. <a href="http://www.tinycorelinux.net/" class="btn btn-primary">Official site</a>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. </section>
  287. </main>
  288. <footer>
  289. <div class="text-light text-center">Copyright (C) 2021 <a href="https://github.com/AlexCr4ckPentest">AlexCr4ckPentest</a></div>
  290. </footer>
  291. <script src="js/main.js"></script>
  292. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
  293. </body>
  294. </html>