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.
 
 
 

132 lines
6.7 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>. Will write about them soon...
  40. </p>
  41. <h3>Window Manager</h3>
  42. <p class="indent-l">
  43. I highly recommend <a href="https://dwm.suckless.org">suckless's dwm</a>,
  44. because it is
  45. extremely lightweight, fast and highly customizable. The are several drawbacks such as lack of documentation and patches (you usually have to install patches manually by editing the code).
  46. </p>
  47. <h3>Terminal</h3>
  48. <p class="indent-l">
  49. <a href="https://st.suckless.org/">st(simple terminal)</a> - <a href="https://suckless.org">suckless</a>
  50. terminal. St supports UTF-8 characters,
  51. emojis(install libxft-bgra). I personally use Luke Smith's<a href="https://github.com/LukeSmithxyz/st"> build of
  52. st</a>. Will probably make my own soon.
  53. </p>
  54. <h3>Text & Code Editor</h3>
  55. <p class="indent-l">
  56. <a href="https://github.com/neovim/neovim">Neovim</a> and <a href="https://www.vim.org/">vim</a> can improve
  57. your productivity.
  58. </p>
  59. <h3>Web Browser</h3>
  60. <p class="indent-l">
  61. <a href="https://www.mozilla.org/en-US/exp/firefox/">Firefox</a> is an open-source web browser. You can extend it with some extensions:
  62. <ul>
  63. <li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin">uBlock
  64. Origin</a> - ad and tracking blocking</li>
  65. <li class="indent-l">Using <a
  66. href="https://addons.mozilla.org/en-US/firefox/addon/multi-account-containers/">Multi
  67. Account
  68. Containers</a>, you can be logged in multiple accounts at the same time and keep tracking websites separate from each other.</li>
  69. <li class="indent-l"><a
  70. href="https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/">Bitwarden</a> is a private, decentralized, and open-source password manager.</li>
  71. <li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/onetab/">OneTab</a> helps you to organize your tabs</li>
  72. <li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/darkreader/">Dark Reader</a> turns on dark mode in almost every website.</li>
  73. </ul>
  74. </p>
  75. <h3>Media Player</h3>
  76. <p class="indent-l">
  77. <a href="https://mpv.io">mpv</a> is a lightweight, open-source, and reliable media player. You can play
  78. YouTube and other internet videos using mpv simply by installing youtube-dl.
  79. </p>
  80. <h3>Music Player</h3>
  81. <p class="indent-l">
  82. <a href="https://github.com/cmus/cmus">cmus</a> is a lightweight music player with vim key bindings.
  83. </p>
  84. <h2>Resources</h2>
  85. <hr>
  86. <h3>Websites:</h3>
  87. <ul>
  88. <li><a href="https://www.privacytools.io/">Privacy Tools</a></li>
  89. <li><a href="https://www.freecodecamp.org/">Free Code Camp</a></li>
  90. <li><a href="https://wiki.archlinux.org/">Arch Wiki</a></li>
  91. <li><a href="https://www.vultr.com/?ref=8647597-6G">Vultr(affiliate link)</a> - a cheap VPS. Get free 100$ for the first month</li>
  92. <li><a href="https://www.epik.com/?affid=ja5me8fu2">Epik(affiliate link)</a> - a cheap domain registrar</li>
  93. <li><a href="https://madi-wka.club">Madi-wka.club</a> - my friend's personal website</li>
  94. </ul>
  95. </div>
  96. <footer class="footer">
  97. <div class="container-fluid">
  98. <div class="row">
  99. <div class="col-lg-4 col-md-6 col-sm-12 mb-4">Email: <a
  100. href="mailto:rin@rinri-d.xyz">rin@rinri-d.xyz</a> <a
  101. href="https://cloud.rinri-d.xyz/s/TtX6ny2x7XLSaeK">(PGP)</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>
  109. </footer>
  110. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
  111. integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
  112. crossorigin="anonymous"></script>
  113. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
  114. integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  115. crossorigin="anonymous"></script>
  116. <script src="js/main.js"></script>
  117. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
  118. integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  119. crossorigin="anonymous"></script>
  120. </body>
  121. </html>