My personal website's statics
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 

94 行
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>