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.
 
 
 

133 lines
6.5 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 style="margin-left: 2rem;">
  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 of pre-installed graphical
  39. environment. Also, Artix is
  40. systemd-free(runit is actually much faster than system-d).
  41. </p>
  42. <h3>Window Manager</h3>
  43. <p style="margin-left: 2rem;">
  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.
  47. </p>
  48. <h3>Terminal</h3>
  49. <p style="margin-left: 2rem;">
  50. <a href="https://st.suckless.org/">st(simple terminal)</a> - <a href="https://suckless.org">suckless</a>
  51. terminal, support UTF-8 characters,
  52. emojis(you need to
  53. install libxft-bgra). I use Luke Smith's<a href="https://github.com/LukeSmithxyz/st"> build of
  54. st</a>.
  55. </p>
  56. <h3>Text Editor</h3>
  57. <p style="margin-left: 2rem;">
  58. <a href="https://github.com/neovim/neovim">Neovim</a> and <a href="https://www.vim.org/">vim</a> can improve
  59. your productivity and they are actually working in your terminal, so you can use them via ssh. If you like
  60. "normie-friend" text editor, I
  61. highly recommend <a href="https://github.com/VSCodium/vscodium">VSCodium</a>.
  62. </p>
  63. <h3>Web Browser</h3>
  64. <p style="margin-left: 2rem;">
  65. <a href="https://www.mozilla.org/en-US/exp/firefox/">Firefox</a> is fast and open-source browser, without
  66. google's unnecessary tracking. You can extend it with some extensions:
  67. <ul>
  68. <li><a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin">uBlock Origin</a> - ad and
  69. tracking blocking addon;</li>
  70. <li>With <a href="https://addons.mozilla.org/en-US/firefox/addon/multi-account-containers/">Multi
  71. Account
  72. Containers</a>, you can use multi accounts and keep different tracking sites like facebook
  73. separate
  74. from
  75. others.</li>
  76. <li><a href="https://addons.mozilla.org/en-US/firefox/addon/https-everywhere/">HTTPS Everywhere</a> is a
  77. cool
  78. addon, which automatically use HTTPS instead of insecure HTTP protocol.</li>
  79. <li><a href="https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/">Bitwarden</a> is
  80. private, decentralized, open-source password manager.</li>
  81. <li><a href="https://addons.mozilla.org/en-US/firefox/addon/onetab/">OneTab</a> can store all your tab in
  82. one place and save your RAM, if you have a lot of them.</li>
  83. <li><a href="https://addons.mozilla.org/en-US/firefox/addon/darkreader/">Dark Reader</a> is extremely useful
  84. addon. It can turn on dark mode in almost every website.</li>
  85. </ul>
  86. </p>
  87. <h3>Media Player</h3>
  88. <p style="margin-left: 2rem;">
  89. <a href="https://mpv.io">mpv</a> is lightweight, open-source, fast and reliable media player. You can play
  90. YouTube and other hostings' videos in mpv, simply by installing youtube-dl.
  91. </p>
  92. <h3>Music Player</h3>
  93. <p style="margin-left: 2rem;">
  94. <a href="https://github.com/cmus/cmus">cmus</a> - lightweight music player with vi-like bindings.
  95. </p>
  96. </div>
  97. <footer class="footer">
  98. <div class="container-fluid">
  99. <div class="row">
  100. <div class="col-lg-4 col-md-6 col-sm-12 mb-4">Email: <a
  101. href="mailto:rin@rinri-d.xyz">rin@rinri-d.xyz</a>
  102. </div>
  103. <div class="col-lg-4 col-md-6 col-sm-12 mb-4">Mastodon: <a
  104. href="https://fosstodon.org/@rinri">@rinri@fosstodon.org</a> </div>
  105. <div class="col-lg-4 col-md-6 col-sm-12 mb-4">Matrix: <a
  106. href="https://matrix.to/#/@rinri-d:matrix.org">@rinri-d:matrix.org</a> </div>
  107. </div>
  108. <div style="text-align: center;">&copy; Copyright 2020 RinRi-D.xyz</div>
  109. </div>
  110. </footer>
  111. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
  112. integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
  113. crossorigin="anonymous"></script>
  114. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
  115. integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  116. crossorigin="anonymous"></script>
  117. <script src="js/main.js"></script>
  118. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
  119. integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  120. crossorigin="anonymous"></script>
  121. </body>
  122. </html>