My personal website's statics
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 

94 wiersze
4.4 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 - Homepage</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 active" 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" 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>Welcome! I am RinRi.</h1>
  33. <div class="odd">
  34. <p>
  35. I am a student at Innopolis University.
  36. My interests:
  37. <ul>
  38. <li>InfoSec</li>
  39. <li>Embedded Development and electronics (STM32, Arduino, Wi-Fi Routers)</li>
  40. <li>Free and Open-Source Software like Linux</li>
  41. <li>Competitive programming (My Codeforces <a href="http://codeforces.com/profile/rinri">account</a>)</li>
  42. <li>C and C++ programming</li>
  43. <li>Web Development (backend)</li>
  44. </ul>
  45. </p>
  46. <p>
  47. Initially, I created this website to share knowledge with other people.
  48. Unfortunately, there are no useful articles on my website at the moment. I'm working on it.
  49. At least you can find some valuable repositories on my Gitea instance.
  50. </p>
  51. <p>
  52. <b>Contact me: rin(AT)rinri-d(D0T)xyz.</b>
  53. </p>
  54. </div>
  55. <div>
  56. <h2>To-Do:</h2>
  57. <ul>
  58. <li>Get rid of Bootstrap, CDNs, JavaScript, and other things. I will probably remake the website using a static site generator.</li>
  59. <li>Write some useful articles and share them.</li>
  60. </ul>
  61. </div>
  62. </div>
  63. <footer class="footer">
  64. <div class="container-fluid">
  65. <div class="row">
  66. <div class="col-lg-4 col-md-6 col-sm-12 mb-4">Email: <a
  67. href="mailto:rin(AT)rinri-d(D0T)xyz">rin(AT)rinri-d(D0T)xyz</a> <a
  68. href="https://cloud.rinri-d.xyz/s/TtX6ny2x7XLSaeK">(PGP)</a>
  69. </div>
  70. <div class="col-lg-4 col-md-6 col-sm-12 mb-4">Mastodon: <a
  71. href="https://fosstodon.org/@rinri">@rinri@fosstodon.org</a> </div>
  72. <div class="col-lg-4 col-md-6 col-sm-12 mb-4">Matrix: <a
  73. href="https://matrix.to/#/@rinri-d:matrix.org">@rinri-d:matrix.org</a> </div>
  74. </div>
  75. </div>
  76. </footer>
  77. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
  78. integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
  79. crossorigin="anonymous"></script>
  80. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
  81. integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  82. crossorigin="anonymous"></script>
  83. <script src="js/main.js"></script>
  84. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
  85. integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  86. crossorigin="anonymous"></script>
  87. </body>
  88. </html>