My personal website's statics
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.
 
 
 

154 lines
7.9 KiB

  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. <link rel="stylesheet" href="https://rinri-d.xyz/css/bootstrap.min.css">
  7. <link rel="stylesheet" href="css/style.css">
  8. <link rel="shortcut icon" href="https://rinri-d.xyz/images/logo.ico" type="image/x-icon">
  9. <title>RinRi - Recommendations</title>
  10. </head>
  11. <body>
  12. <nav class="navbar navbar-expand-lg navbar-dark">
  13. <a class="navbar-brand" href="https://rinri-d.xyz" style="color: var(--color1);">
  14. RinRi-D
  15. </a>
  16. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
  17. aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  18. <span class="navbar-toggler-icon"></span>
  19. </button>
  20. <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  21. <div class="navbar-nav">
  22. <a class="nav-item nav-link" href="https://rinri-d.xyz">Home</a>
  23. <a class="nav-item nav-link" href="https://blog.rinri-d.xyz">Blog</a>
  24. <a class="nav-item nav-link" href="https://apps.rinri-d.xyz">Apps</a>
  25. <a class="nav-item nav-link" href="https://git.rinri-d.xyz">Code</a>
  26. <a class="nav-item nav-link active" href="https://rinri-d.xyz/rec.html">Recommendations</a>
  27. </div>
  28. </div>
  29. </nav>
  30. <div class="container">
  31. <h1>Personal Recommendations:</h1>
  32. <hr>
  33. <h2>Software:</h2>
  34. <hr>
  35. <h3>OS</h3>
  36. <p class="indent-l">
  37. <a href="https://www.archlinux.org/">Arch Linux</a> or <a href="https://artixlinux.org/">Artix
  38. Linux</a>. Artix is easier than Arch, because they offer pre-installed graphical
  39. environment and graphical installation. Of course, they have arch-like base live iso as well. Also, Artix is
  40. systemd-free(runit, openrc and s6 are actually much faster and simpler than systemd).
  41. </p>
  42. <h3>Window Manager</h3>
  43. <p class="indent-l">
  44. I highly recommend <a href="https://dwm.suckless.org">suckless's dwm</a>,
  45. because it is
  46. extremely lightweight, fast and highly customizable. The are several drawbacks such as lack of documentation
  47. (code is your documentation) and patching (you usually have to install patches manually).
  48. </p>
  49. <h3>Terminal</h3>
  50. <p class="indent-l">
  51. <a href="https://st.suckless.org/">st(simple terminal)</a> - <a href="https://suckless.org">suckless</a>
  52. terminal, support UTF-8 characters,
  53. emojis(you need to
  54. install libxft-bgra). I use Luke Smith's<a href="https://github.com/LukeSmithxyz/st"> build of
  55. st</a>.
  56. </p>
  57. <h3>Text Editor</h3>
  58. <p class="indent-l">
  59. <a href="https://github.com/neovim/neovim">Neovim</a> and <a href="https://www.vim.org/">vim</a> can improve
  60. your productivity and they are actually working in your terminal, so you can use them via ssh. If you like
  61. "normie-friend" text editor, I
  62. highly recommend <a href="https://github.com/VSCodium/vscodium">VSCodium</a>.
  63. </p>
  64. <h3>Web Browser</h3>
  65. <p class="indent-l">
  66. <a href="https://www.mozilla.org/en-US/exp/firefox/">Firefox</a> is fast and open-source browser, without
  67. google's unnecessary tracking. You can extend it with some extensions:
  68. <ul>
  69. <li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin">uBlock
  70. Origin</a> - ad and
  71. tracking blocking addon;</li>
  72. <li class="indent-l">With <a
  73. href="https://addons.mozilla.org/en-US/firefox/addon/multi-account-containers/">Multi
  74. Account
  75. Containers</a>, you can use multi accounts and keep different tracking sites like facebook
  76. separate
  77. from
  78. others.</li>
  79. <li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/https-everywhere/">HTTPS
  80. Everywhere</a> is a
  81. cool
  82. addon, which automatically use HTTPS instead of insecure HTTP protocol.</li>
  83. <li class="indent-l"><a
  84. href="https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/">Bitwarden</a> is
  85. private, decentralized, open-source password manager.</li>
  86. <li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/onetab/">OneTab</a> can store
  87. all your tab in
  88. one place and save your RAM, if you have a lot of them.</li>
  89. <li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/darkreader/">Dark Reader</a> is
  90. extremely useful
  91. addon. It can turn on dark mode in almost every website.</li>
  92. </ul>
  93. </p>
  94. <h3>Media Player</h3>
  95. <p class="indent-l">
  96. <a href="https://mpv.io">mpv</a> is lightweight, open-source, fast and reliable media player. You can play
  97. YouTube and other hostings' videos in mpv, simply by installing youtube-dl.
  98. </p>
  99. <h3>Music Player</h3>
  100. <p class="indent-l">
  101. <a href="https://github.com/cmus/cmus">cmus</a> - lightweight music player with vi-like bindings.
  102. </p>
  103. <h2>Resources</h2>
  104. <hr>
  105. <h3>Websites:</h3>
  106. <ul>
  107. <li><a href="https://www.privacytools.io/">Privacy Tools</a> - recommended privacy tools.</li>
  108. <li><a href="https://www.freecodecamp.org/">Free Code Camp</a> - best internet courses for programmers.</li>
  109. <li><a href="https://wiki.archlinux.org/">Arch Wiki</a> - best wiki of GNU/Linux.</li>
  110. <li><a href="https://www.vultr.com/?ref=8647597-6G">Vultr(affiliate link)</a> - cheap VPS. Get free 100
  111. American USD dollars(what's up, slappers) for the first month.</li>
  112. <li><a href="https://www.epik.com/?affid=ja5me8fu2">Epik(affiliate link)</a> - cheap domain registrar.</li>
  113. <li><a href="https://madi-wka.club">Madi-wka.club</a> - my friend's personal website. You can play games,
  114. find programs and useful tools on his website.</li>
  115. </ul>
  116. </div>
  117. <footer class="footer">
  118. <div class="container-fluid">
  119. <div class="row">
  120. <div class="col-lg-4 col-md-6 col-sm-12 mb-4">Email: <a
  121. href="mailto:rin@rinri-d.xyz">rin@rinri-d.xyz</a> <a
  122. href="https://cloud.rinri-d.xyz/s/TtX6ny2x7XLSaeK">(PGP)</a>
  123. </div>
  124. <div class="col-lg-4 col-md-6 col-sm-12 mb-4">Mastodon: <a
  125. href="https://fosstodon.org/@rinri">@rinri@fosstodon.org</a> </div>
  126. <div class="col-lg-4 col-md-6 col-sm-12 mb-4">Matrix: <a
  127. href="https://matrix.to/#/@rinri-d:matrix.org">@rinri-d:matrix.org</a> </div>
  128. </div>
  129. <div style="text-align: center;">&copy; Copyright 2020 RinRi-D.xyz</div>
  130. </div>
  131. </footer>
  132. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
  133. integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
  134. crossorigin="anonymous"></script>
  135. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
  136. integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  137. crossorigin="anonymous"></script>
  138. <script src="js/main.js"></script>
  139. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
  140. integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  141. crossorigin="anonymous"></script>
  142. </body>
  143. </html>