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.
 
 
 

123 lines
5.9 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="https://rinri-d.xyz/css/style.css">
  8. <link rel="shortcut icon" href="https://rinri-d.xyz/images/logo.ico" type="image/x-icon">
  9. <title>RinRi - Home</title>
  10. </head>
  11. <body>
  12. <div class="wrapper">
  13. <header>
  14. <div class="topnav">
  15. <div class="container">
  16. <div class="links">
  17. <a href="https://rinri-d.xyz">home</a>
  18. <a href="https://blog.rinri-d.xyz">blog</a>
  19. <a href="https://git.rinri-d.xyz">code</a>
  20. <a href="https://rinri-d.xyz/rec.html" class="active">soft</a>
  21. <a href="https://rinri-d.xyz/about.html">about</a>
  22. </div>
  23. <hr>
  24. </div>
  25. </div>
  26. </header>
  27. <main>
  28. <div class="container">
  29. <h1>Personal Recommendations:</h1>
  30. <hr class="delimiter">
  31. <h2>Software:</h2>
  32. <hr class="delimiter">
  33. <h3>OS</h3>
  34. <p class="indent-l">
  35. <a href="https://www.archlinux.org/">Arch Linux</a> or <a href="https://artixlinux.org/">Artix
  36. Linux</a>. Will write about them soon...
  37. </p>
  38. <h3>Window Manager</h3>
  39. <p class="indent-l">
  40. I highly recommend <a href="https://dwm.suckless.org">suckless's dwm</a>,
  41. because it is
  42. 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).
  43. </p>
  44. <h3>Terminal</h3>
  45. <p class="indent-l">
  46. <a href="https://st.suckless.org/">st(simple terminal)</a> - <a href="https://suckless.org">suckless</a>
  47. terminal. St supports UTF-8 characters,
  48. emojis(install libxft-bgra). I personally use Luke Smith's<a href="https://github.com/LukeSmithxyz/st"> build of
  49. st</a>. Will probably make my own soon.
  50. </p>
  51. <h3>Text & Code Editor</h3>
  52. <p class="indent-l">
  53. <a href="https://github.com/neovim/neovim">Neovim</a> and <a href="https://www.vim.org/">vim</a> can improve
  54. your productivity.
  55. </p>
  56. <h3>Web Browser</h3>
  57. <p class="indent-l">
  58. <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:
  59. <ul>
  60. <li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin">uBlock
  61. Origin</a> - ad and tracking blocking</li>
  62. <li class="indent-l">Using <a
  63. href="https://addons.mozilla.org/en-US/firefox/addon/multi-account-containers/">Multi
  64. Account
  65. Containers</a>, you can be logged in multiple accounts at the same time and keep tracking websites separate from each other.</li>
  66. <li class="indent-l"><a
  67. href="https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/">Bitwarden</a> is a private, decentralized, and open-source password manager.</li>
  68. <li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/onetab/">OneTab</a> helps you to organize your tabs</li>
  69. <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>
  70. </ul>
  71. </p>
  72. <h3>Media Player</h3>
  73. <p class="indent-l">
  74. <a href="https://mpv.io">mpv</a> is a lightweight, open-source, and reliable media player. You can play
  75. YouTube and other internet videos using mpv simply by installing youtube-dl.
  76. </p>
  77. <h3>Music Player</h3>
  78. <p class="indent-l">
  79. <a href="https://github.com/cmus/cmus">cmus</a> is a lightweight music player with vim key bindings.
  80. </p>
  81. <h2>Resources</h2>
  82. <hr class="delimiter">
  83. <h3>Websites:</h3>
  84. <ul>
  85. <li><a href="https://www.privacytools.io/">Privacy Tools</a></li>
  86. <li><a href="https://www.freecodecamp.org/">Free Code Camp</a></li>
  87. <li><a href="https://wiki.archlinux.org/">Arch Wiki</a></li>
  88. <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>
  89. <li><a href="https://www.epik.com/?affid=ja5me8fu2">Epik(affiliate link)</a> - a cheap domain registrar</li>
  90. <li><a href="https://madi-wka.club">Madi-wka.club</a> - my friend's personal website</li>
  91. </ul>
  92. </div>
  93. </main>
  94. <footer>
  95. <div class="container">
  96. <hr>
  97. <div class="contacts">
  98. <p>
  99. rin(at)rinri-d(d0t)xyz <a href="https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x63f37e00f69fdf1e">(PGP)</a>
  100. </p>
  101. <p>
  102. public key: 63F37E00F69FDF1E
  103. </p>
  104. </div>
  105. </div>
  106. </footer>
  107. </div>
  108. </body>
  109. </html>