My personal website's statics
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

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