@@ -1,95 +1,86 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<link rel="stylesheet" href="https://rinri-d.xyz/css/bootstrap.min.css"> | |||
<link rel="stylesheet" href="css/style.css"> | |||
<link rel="stylesheet" href="https://rinri-d.xyz/css/style.css"> | |||
<link rel="shortcut icon" href="https://rinri-d.xyz/images/logo.ico" type="image/x-icon"> | |||
<title>RinRi - About</title> | |||
<title>RinRi - Home</title> | |||
</head> | |||
<body> | |||
<nav class="navbar navbar-expand-lg navbar-dark"> | |||
<a class="navbar-brand" href="https://rinri-d.xyz" style="color: var(--color1);"> | |||
RinRi-D | |||
</a> | |||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" | |||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> | |||
<span class="navbar-toggler-icon"></span> | |||
</button> | |||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup"> | |||
<div class="navbar-nav"> | |||
<a class="nav-item nav-link" href="https://rinri-d.xyz">Home</a> | |||
<a class="nav-item nav-link" href="https://blog.rinri-d.xyz">Blog</a> | |||
<a class="nav-item nav-link" href="https://apps.rinri-d.xyz">Apps</a> | |||
<a class="nav-item nav-link" href="https://git.rinri-d.xyz">Code</a> | |||
<a class="nav-item nav-link" href="https://rinri-d.xyz/rec.html">Recommendations</a> | |||
<a class="nav-item nav-link active" href="https://rinri-d.xyz/about.html">About</a> | |||
<div class="wrapper"> | |||
<header> | |||
<div class="topnav"> | |||
<div class="container"> | |||
<div class="links"> | |||
<a href="https://rinri-d.xyz">home</a> | |||
<a href="https://blog.rinri-d.xyz">blog</a> | |||
<a href="https://git.rinri-d.xyz">code</a> | |||
<a href="https://rinri-d.xyz/rec.html">soft</a> | |||
<a href="https://rinri-d.xyz/about.html" class="active">about</a> | |||
</div> | |||
<hr> | |||
</div> | |||
</div> | |||
</div> | |||
</nav> | |||
<div class="container"> | |||
<h1> About me </h1> | |||
</header> | |||
<main> | |||
<hr> | |||
<p> | |||
Hi! I am a young seeker of knowledge and also an Information Security enthusiast. | |||
</p> | |||
<p> | |||
Contact me at rin(AT)rinri-d(D0T)xyz, and I will send you my CV. | |||
</p> | |||
<div class="container"> | |||
<h2> Experience </h1> | |||
<hr> | |||
<h1> About me </h1> | |||
<hr class="delimiter"> | |||
<h4> <i> Linux & InfoSec </i> </h4> | |||
<p> | |||
I use Linux as my desktop OS(currently using arch, btw) for more than 3-years and use Debian on my VPS for hosting my website, e-mail server, Gitea, and Nextcloud instances. I configured tons of software like Nginx, OpenVPN, databases(MySQL, PostgreSQL, MongoDB), Gitea, Nextcloud on my server, and many programs on my desktop OS(dotfiles and software I use are available on my Gitea instance). | |||
</p> | |||
<p> | |||
I enjoy solving interesting CTF challenges on web application security, reverse engineering, forensics, etc. I completed some wargames like Overthewire's bandit on Linux and scripting, many CTFlearn, and picoCTF challenges. Currently, I am solving Overthewire's Natas on web application security, Hackthebox, and hacking on my home lab. | |||
</p> | |||
<p> | |||
Hi! I am a young seeker of knowledge and also an Information Security enthusiast. | |||
</p> | |||
<p> | |||
Contact me at rin(AT)rinri-d(D0T)xyz, and I will send you my CV. | |||
</p> | |||
<br> | |||
<h4> <i> Competitive programming </i> </h4> | |||
<p> | |||
In high school, I studied Competitive programming, data structures, and algorithms. I won several Olympiads in Informatics, such as International Zhautykov Olympiad, Kazakhstan National Olympiad. While competing in Olympiads, I developed beneficial skills like problem-solving, creativity, and debugging. Competitive programming taught me many code techniques for developing optimized and fast programs. | |||
</p> | |||
<br> | |||
<h4> <i> Web Development </i> </h4> | |||
<p> | |||
As for Web Development, I developed several websites and web applications like an e-commerce website(online shop) and a Blog app on my website. Their source code is available on Gitea and GitHub. I used different technologies: PHP and MySQL for e-commerce and Node.js, Express.js, MongoDB for the Blog app. | |||
</p> | |||
<h2> Experience </h1> | |||
<hr class="delimiter"> | |||
</div> | |||
<h4> <i> Linux & InfoSec </i> </h4> | |||
<p> | |||
I use Linux as my desktop OS(currently using arch, btw) for more than 3-years and use Debian on my VPS for hosting my website, e-mail server, Gitea, and Nextcloud instances. I configured tons of software like Nginx, OpenVPN, databases(MySQL, PostgreSQL, MongoDB), Gitea, Nextcloud on my server, and many programs on my desktop OS(dotfiles and software I use are available on my Gitea instance). | |||
</p> | |||
<p> | |||
I enjoy solving interesting CTF challenges on web application security, reverse engineering, forensics, etc. I completed some wargames like Overthewire's bandit on Linux and scripting, many CTFlearn, and picoCTF challenges. Currently, I am solving Overthewire's Natas on web application security, Hackthebox, and hacking on my home lab. | |||
</p> | |||
<br> | |||
<h4> <i> Competitive programming </i> </h4> | |||
<p> | |||
In high school, I studied Competitive programming, data structures, and algorithms. I won several Olympiads in Informatics, such as International Zhautykov Olympiad, Kazakhstan National Olympiad. While competing in Olympiads, I developed beneficial skills like problem-solving, creativity, and debugging. Competitive programming taught me many code techniques for developing optimized and fast programs. | |||
</p> | |||
<br> | |||
<h4> <i> Web Development </i> </h4> | |||
<p> | |||
As for Web Development, I developed several websites and web applications like an e-commerce website(online shop) and a Blog app on my website. Their source code is available on Gitea and GitHub. I used different technologies: PHP and MySQL for e-commerce and Node.js, Express.js, MongoDB for the Blog app. | |||
</p> | |||
<footer class="footer"> | |||
<div class="container-fluid"> | |||
<div class="row"> | |||
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">Email: <a | |||
href="mailto:rin(AT)rinri-d(D0T)xyz">rin(AT)rinri-d(D0T)xyz</a> <a | |||
href="https://cloud.rinri-d.xyz/s/TtX6ny2x7XLSaeK">(PGP)</a> | |||
</div> | |||
</main> | |||
<footer> | |||
<div class="container"> | |||
<hr> | |||
<div class="contacts"> | |||
<p> | |||
rin(at)rinri-d(d0t)xyz <a href="https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x63f37e00f69fdf1e">(PGP)</a> | |||
</p> | |||
<p> | |||
public key: 63F37E00F69FDF1E | |||
</p> | |||
</div> | |||
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">Mastodon: <a | |||
href="https://fosstodon.org/@rinri">@rinri@fosstodon.org</a> </div> | |||
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">Matrix: <a | |||
href="https://matrix.to/#/@rinri-d:matrix.org">@rinri-d:matrix.org</a> </div> | |||
</div> | |||
</div> | |||
</footer> | |||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" | |||
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" | |||
crossorigin="anonymous"></script> | |||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" | |||
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" | |||
crossorigin="anonymous"></script> | |||
<script src="js/main.js"></script> | |||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" | |||
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" | |||
crossorigin="anonymous"></script> | |||
</body> | |||
</footer> | |||
</div> | |||
</body> | |||
</html> |
@@ -0,0 +1,27 @@ | |||
@font-face { | |||
font-family: 'Hack'; | |||
src: url("https://rinri-d.xyz/css/fonts/hack-regular.woff2") format('woff2'), url("https://rinri-d.xyz/css/fonts/hack-regular.woff") format('woff'); | |||
font-weight: 400; | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: 'Hack'; | |||
src: url("https://rinri-d.xyz/css/fonts/hack-bold.woff2") format('woff2'), url("https://rinri-d.xyz/css/fonts/hack-bold.woff") format('woff'); | |||
font-weight: 700; | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: 'Hack'; | |||
src: url("https://rinri-d.xyz/css/fonts/hack-italic.woff2") format('woff2'), url("https://rinri-d.xyz/css/fonts/hack-italic.woff") format('woff'); | |||
font-weight: 400; | |||
font-style: italic; | |||
} | |||
@font-face { | |||
font-family: 'Hack'; | |||
src: url("https://rinri-d.xyz/css/fonts/hack-bolditalic.woff2") format('woff2'), url("https://rinri-d.xyz/css/fonts/hack-bolditalic.woff") format('woff'); | |||
font-weight: 700; | |||
font-style: italic; | |||
} |
@@ -0,0 +1,349 @@ | |||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | |||
/* Document | |||
========================================================================== */ | |||
/** | |||
* 1. Correct the line height in all browsers. | |||
* 2. Prevent adjustments of font size after orientation changes in iOS. | |||
*/ | |||
html { | |||
line-height: 1.15; /* 1 */ | |||
-webkit-text-size-adjust: 100%; /* 2 */ | |||
} | |||
/* Sections | |||
========================================================================== */ | |||
/** | |||
* Remove the margin in all browsers. | |||
*/ | |||
body { | |||
margin: 0; | |||
} | |||
/** | |||
* Render the `main` element consistently in IE. | |||
*/ | |||
main { | |||
display: block; | |||
} | |||
/** | |||
* Correct the font size and margin on `h1` elements within `section` and | |||
* `article` contexts in Chrome, Firefox, and Safari. | |||
*/ | |||
h1 { | |||
font-size: 2em; | |||
margin: 0.67em 0; | |||
} | |||
/* Grouping content | |||
========================================================================== */ | |||
/** | |||
* 1. Add the correct box sizing in Firefox. | |||
* 2. Show the overflow in Edge and IE. | |||
*/ | |||
hr { | |||
box-sizing: content-box; /* 1 */ | |||
height: 0; /* 1 */ | |||
overflow: visible; /* 2 */ | |||
} | |||
/** | |||
* 1. Correct the inheritance and scaling of font size in all browsers. | |||
* 2. Correct the odd `em` font sizing in all browsers. | |||
*/ | |||
pre { | |||
font-family: monospace, monospace; /* 1 */ | |||
font-size: 1em; /* 2 */ | |||
} | |||
/* Text-level semantics | |||
========================================================================== */ | |||
/** | |||
* Remove the gray background on active links in IE 10. | |||
*/ | |||
a { | |||
background-color: transparent; | |||
} | |||
/** | |||
* 1. Remove the bottom border in Chrome 57- | |||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. | |||
*/ | |||
abbr[title] { | |||
border-bottom: none; /* 1 */ | |||
text-decoration: underline; /* 2 */ | |||
text-decoration: underline dotted; /* 2 */ | |||
} | |||
/** | |||
* Add the correct font weight in Chrome, Edge, and Safari. | |||
*/ | |||
b, | |||
strong { | |||
font-weight: bolder; | |||
} | |||
/** | |||
* 1. Correct the inheritance and scaling of font size in all browsers. | |||
* 2. Correct the odd `em` font sizing in all browsers. | |||
*/ | |||
code, | |||
kbd, | |||
samp { | |||
font-family: monospace, monospace; /* 1 */ | |||
font-size: 1em; /* 2 */ | |||
} | |||
/** | |||
* Add the correct font size in all browsers. | |||
*/ | |||
small { | |||
font-size: 80%; | |||
} | |||
/** | |||
* Prevent `sub` and `sup` elements from affecting the line height in | |||
* all browsers. | |||
*/ | |||
sub, | |||
sup { | |||
font-size: 75%; | |||
line-height: 0; | |||
position: relative; | |||
vertical-align: baseline; | |||
} | |||
sub { | |||
bottom: -0.25em; | |||
} | |||
sup { | |||
top: -0.5em; | |||
} | |||
/* Embedded content | |||
========================================================================== */ | |||
/** | |||
* Remove the border on images inside links in IE 10. | |||
*/ | |||
img { | |||
border-style: none; | |||
} | |||
/* Forms | |||
========================================================================== */ | |||
/** | |||
* 1. Change the font styles in all browsers. | |||
* 2. Remove the margin in Firefox and Safari. | |||
*/ | |||
button, | |||
input, | |||
optgroup, | |||
select, | |||
textarea { | |||
font-family: inherit; /* 1 */ | |||
font-size: 100%; /* 1 */ | |||
line-height: 1.15; /* 1 */ | |||
margin: 0; /* 2 */ | |||
} | |||
/** | |||
* Show the overflow in IE. | |||
* 1. Show the overflow in Edge. | |||
*/ | |||
button, | |||
input { /* 1 */ | |||
overflow: visible; | |||
} | |||
/** | |||
* Remove the inheritance of text transform in Edge, Firefox, and IE. | |||
* 1. Remove the inheritance of text transform in Firefox. | |||
*/ | |||
button, | |||
select { /* 1 */ | |||
text-transform: none; | |||
} | |||
/** | |||
* Correct the inability to style clickable types in iOS and Safari. | |||
*/ | |||
button, | |||
[type="button"], | |||
[type="reset"], | |||
[type="submit"] { | |||
-webkit-appearance: button; | |||
} | |||
/** | |||
* Remove the inner border and padding in Firefox. | |||
*/ | |||
button::-moz-focus-inner, | |||
[type="button"]::-moz-focus-inner, | |||
[type="reset"]::-moz-focus-inner, | |||
[type="submit"]::-moz-focus-inner { | |||
border-style: none; | |||
padding: 0; | |||
} | |||
/** | |||
* Restore the focus styles unset by the previous rule. | |||
*/ | |||
button:-moz-focusring, | |||
[type="button"]:-moz-focusring, | |||
[type="reset"]:-moz-focusring, | |||
[type="submit"]:-moz-focusring { | |||
outline: 1px dotted ButtonText; | |||
} | |||
/** | |||
* Correct the padding in Firefox. | |||
*/ | |||
fieldset { | |||
padding: 0.35em 0.75em 0.625em; | |||
} | |||
/** | |||
* 1. Correct the text wrapping in Edge and IE. | |||
* 2. Correct the color inheritance from `fieldset` elements in IE. | |||
* 3. Remove the padding so developers are not caught out when they zero out | |||
* `fieldset` elements in all browsers. | |||
*/ | |||
legend { | |||
box-sizing: border-box; /* 1 */ | |||
color: inherit; /* 2 */ | |||
display: table; /* 1 */ | |||
max-width: 100%; /* 1 */ | |||
padding: 0; /* 3 */ | |||
white-space: normal; /* 1 */ | |||
} | |||
/** | |||
* Add the correct vertical alignment in Chrome, Firefox, and Opera. | |||
*/ | |||
progress { | |||
vertical-align: baseline; | |||
} | |||
/** | |||
* Remove the default vertical scrollbar in IE 10+. | |||
*/ | |||
textarea { | |||
overflow: auto; | |||
} | |||
/** | |||
* 1. Add the correct box sizing in IE 10. | |||
* 2. Remove the padding in IE 10. | |||
*/ | |||
[type="checkbox"], | |||
[type="radio"] { | |||
box-sizing: border-box; /* 1 */ | |||
padding: 0; /* 2 */ | |||
} | |||
/** | |||
* Correct the cursor style of increment and decrement buttons in Chrome. | |||
*/ | |||
[type="number"]::-webkit-inner-spin-button, | |||
[type="number"]::-webkit-outer-spin-button { | |||
height: auto; | |||
} | |||
/** | |||
* 1. Correct the odd appearance in Chrome and Safari. | |||
* 2. Correct the outline style in Safari. | |||
*/ | |||
[type="search"] { | |||
-webkit-appearance: textfield; /* 1 */ | |||
outline-offset: -2px; /* 2 */ | |||
} | |||
/** | |||
* Remove the inner padding in Chrome and Safari on macOS. | |||
*/ | |||
[type="search"]::-webkit-search-decoration { | |||
-webkit-appearance: none; | |||
} | |||
/** | |||
* 1. Correct the inability to style clickable types in iOS and Safari. | |||
* 2. Change font properties to `inherit` in Safari. | |||
*/ | |||
::-webkit-file-upload-button { | |||
-webkit-appearance: button; /* 1 */ | |||
font: inherit; /* 2 */ | |||
} | |||
/* Interactive | |||
========================================================================== */ | |||
/* | |||
* Add the correct display in Edge, IE 10+, and Firefox. | |||
*/ | |||
details { | |||
display: block; | |||
} | |||
/* | |||
* Add the correct display in all browsers. | |||
*/ | |||
summary { | |||
display: list-item; | |||
} | |||
/* Misc | |||
========================================================================== */ | |||
/** | |||
* Add the correct display in IE 10+. | |||
*/ | |||
template { | |||
display: none; | |||
} | |||
/** | |||
* Add the correct display in IE 10. | |||
*/ | |||
[hidden] { | |||
display: none; | |||
} |
@@ -1,11 +1,14 @@ | |||
@import url(https://rinri-d.xyz/css/font.css); | |||
@import url(https://rinri-d.xyz/css/normalize.css); | |||
:root { | |||
/* Special */ | |||
--background: #283149; | |||
--background: #282f42; | |||
--foreground: #dbedf3; | |||
--cursor: #a3c9de; | |||
/* Colors */ | |||
--color0: #404b69; | |||
--color0: #2a3246; | |||
--color1: #0fff83; | |||
--color2: #2effaf; | |||
--color3: #8ffcc9; | |||
@@ -22,77 +25,36 @@ | |||
--color14: #c59820; | |||
--color15: #b02f30; | |||
--color16: #373744; | |||
} | |||
@font-face { | |||
font-family: 'Hack'; | |||
src: url("https://rinri-d.xyz/css/fonts/hack-regular.woff2") format('woff2'), url("https://rinri-d.xyz/css/fonts/hack-regular.woff") format('woff'); | |||
font-weight: 400; | |||
font-style: normal; | |||
--phoneWidth: (max-width:684px); | |||
--tabletWidth: (max-width:900px); | |||
} | |||
@font-face { | |||
font-family: 'Hack'; | |||
src: url("https://rinri-d.xyz/css/fonts/hack-bold.woff2") format('woff2'), url("https://rinri-d.xyz/css/fonts/hack-bold.woff") format('woff'); | |||
font-weight: 700; | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: 'Hack'; | |||
src: url("https://rinri-d.xyz/css/fonts/hack-italic.woff2") format('woff2'), url("https://rinri-d.xyz/css/fonts/hack-italic.woff") format('woff'); | |||
font-weight: 400; | |||
font-style: italic; | |||
} | |||
@font-face { | |||
font-family: 'Hack'; | |||
src: url("https://rinri-d.xyz/css/fonts/hack-bolditalic.woff2") format('woff2'), url("https://rinri-d.xyz/css/fonts/hack-bolditalic.woff") format('woff'); | |||
font-weight: 700; | |||
font-style: italic; | |||
*, ::after, ::before { | |||
margin: 0; | |||
padding: 0; | |||
box-sizing: border-box; | |||
} | |||
html, | |||
body { | |||
height: 100%; | |||
background: var(--background); | |||
background-color: var(--background); | |||
color: var(--foreground); | |||
font-family: "Hack", sans-serif; | |||
font-weight: 500; | |||
font-size: 20px; | |||
line-height: 1.5; | |||
text-align: left; | |||
} | |||
.container { | |||
min-height: 100%; | |||
} | |||
.navbar { | |||
background-color: var(--color0); | |||
margin-bottom: 1em; | |||
} | |||
.leftimg { | |||
float: left; | |||
margin: 0px 7px 0px 7px; | |||
} | |||
.rightimg { | |||
float: right; | |||
margin: 0px 7px 0px 7px; | |||
} | |||
.item-info { | |||
display: inline-block; | |||
/*border: 1px solid ;*/ | |||
border-radius: 8px; | |||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); | |||
padding: 10px; | |||
margin-top: 10px; | |||
text-align: left; | |||
background: var(--color0); | |||
max-width: 1000px; | |||
margin: 0 auto; | |||
padding: 0 1em; | |||
} | |||
a { | |||
text-decoration: none; | |||
color: var(--color4); | |||
} | |||
@@ -103,73 +65,131 @@ a:hover { | |||
h1 { | |||
color: var(--color1); | |||
font-size: 2.5rem; | |||
} | |||
h2 { | |||
color: var(--color2); | |||
font-size: 2rem; | |||
} | |||
h3 { | |||
color: var(--color3); | |||
font-size: 1.75rem; | |||
} | |||
h4 { | |||
color: var(--color3); | |||
font-size: 1.5rem; | |||
} | |||
.navbar-default .navbar-brand { | |||
color: var(--color1); | |||
h5 { | |||
color: var(--color3); | |||
font-size: 1.25rem; | |||
} | |||
img { | |||
width: 80%; | |||
margin-left: 10%; | |||
h6 { | |||
color: var(--color3); | |||
font-size: 1rem; | |||
} | |||
.footer { | |||
margin-top: 100px; | |||
padding: 10px 0; | |||
width: 100%; | |||
text-align: center; | |||
background-color: var(--color0); | |||
hr { | |||
border-color: var(--color1); | |||
margin: 0.5em 0; | |||
opacity: 0.5; | |||
} | |||
.logo { | |||
width: 33px; | |||
.textarea { | |||
color: black; | |||
} | |||
hr { | |||
background-color: gray; | |||
p, ul, ol, dl { | |||
margin-bottom: 1em; | |||
} | |||
ul, ol { | |||
padding-inline-start: 40px; | |||
} | |||
table { | |||
li { | |||
margin-bottom: 10px; | |||
} | |||
h1, h2, h3, h4, h5, h6 { | |||
margin-bottom: .5em; | |||
font-weight: 500; | |||
line-height: 1.2; | |||
} | |||
.topnav { | |||
width: 100%; | |||
margin-bottom: 1rem; | |||
border: 1px solid #dee2e6; | |||
margin-bottom: 1em; | |||
padding: 0.7em 0.5em ; | |||
background-color: var(--background); | |||
} | |||
header .topnav .links{ | |||
display: flex; | |||
flex-direction: row; | |||
} | |||
td, | |||
th { | |||
padding: 0.75rem; | |||
vertical-align: top; | |||
border-top: 1px solid #dee2e6; | |||
border: 1px solid #dee2e6; | |||
@media screen and (max-width: 730px) { | |||
header .topnav .links{ | |||
flex-direction: column; | |||
} | |||
} | |||
thead th { | |||
vertical-align: bottom; | |||
border-bottom: 2px solid #dee2e6; | |||
header .topnav a { | |||
font-size: 1.5rem; | |||
color: rgba(255, 255, 255, .5); | |||
margin-right: 2em; | |||
} | |||
tbody + tbody { | |||
border-top: 2px solid #dee2e6; | |||
header .topnav a:hover, | |||
header .topnav a.active { | |||
color: rgba(255, 255, 255, 1); | |||
transition: all .3s ease; | |||
} | |||
.textarea { | |||
color: black; | |||
.align-items-center { | |||
align-items: center; | |||
} | |||
li { | |||
margin-bottom: 10px; | |||
.contacts { | |||
text-align: center; | |||
} | |||
.text-muted{ | |||
opacity: 0.5 ; | |||
} | |||
.mb-1{ | |||
margin-bottom: 1; | |||
} | |||
.mb-2{ | |||
margin-bottom: 2; | |||
} | |||
.mb-3{ | |||
margin-bottom: 3; | |||
} | |||
.item-info { | |||
width: 100%; | |||
display: inline-block; | |||
border-radius: 8px; | |||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); | |||
padding: 1em; | |||
margin-top: 1em; | |||
text-align: left; | |||
background: var(--color0); | |||
} | |||
.indent-l{ | |||
margin-left: 2rem; | |||
margin-left: 2em; | |||
} | |||
hr.delimiter { | |||
border: 1px dashed var(--color1); | |||
} |
@@ -1,94 +1,86 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<link rel="stylesheet" href="https://rinri-d.xyz/css/bootstrap.min.css"> | |||
<link rel="stylesheet" href="css/style.css"> | |||
<link rel="stylesheet" href="https://rinri-d.xyz/css/style.css"> | |||
<link rel="shortcut icon" href="https://rinri-d.xyz/images/logo.ico" type="image/x-icon"> | |||
<title>RinRi - Homepage</title> | |||
<title>RinRi - Home</title> | |||
</head> | |||
<body> | |||
<nav class="navbar navbar-expand-lg navbar-dark"> | |||
<a class="navbar-brand" href="https://rinri-d.xyz" style="color: var(--color1);"> | |||
RinRi-D | |||
</a> | |||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" | |||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> | |||
<span class="navbar-toggler-icon"></span> | |||
</button> | |||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup"> | |||
<div class="navbar-nav"> | |||
<a class="nav-item nav-link active" href="https://rinri-d.xyz">Home</a> | |||
<a class="nav-item nav-link" href="https://blog.rinri-d.xyz">Blog</a> | |||
<a class="nav-item nav-link" href="https://apps.rinri-d.xyz">Apps</a> | |||
<a class="nav-item nav-link" href="https://git.rinri-d.xyz">Code</a> | |||
<a class="nav-item nav-link" href="https://rinri-d.xyz/rec.html">Recommendations</a> | |||
<a class="nav-item nav-link" href="https://rinri-d.xyz/about.html">About</a> | |||
<div class="wrapper"> | |||
<header> | |||
<div class="topnav"> | |||
<div class="container"> | |||
<div class="links"> | |||
<a href="https://rinri-d.xyz" class="active">home</a> | |||
<a href="https://blog.rinri-d.xyz">blog</a> | |||
<a href="https://git.rinri-d.xyz">code</a> | |||
<a href="https://rinri-d.xyz/rec.html">soft</a> | |||
<a href="https://rinri-d.xyz/about.html">about</a> | |||
</div> | |||
<hr> | |||
</div> | |||
</div> | |||
</div> | |||
</nav> | |||
<div class="container"> | |||
<h1>Welcome! I am RinRi.</h1> | |||
<div class="odd"> | |||
<p> | |||
I am a student at Innopolis University. | |||
My interests: | |||
<ul> | |||
<li>InfoSec</li> | |||
<li>Embedded Development and electronics (STM32, Arduino, Wi-Fi Routers)</li> | |||
<li>Free and Open-Source Software like Linux</li> | |||
<li>Competitive programming (My Codeforces <a href="http://codeforces.com/profile/rinri">account</a>)</li> | |||
<li>C and C++ programming</li> | |||
<li>Web Development (backend)</li> | |||
</ul> | |||
</p> | |||
</header> | |||
<main> | |||
<p> | |||
Initially, I created this website to share knowledge with other people. | |||
Unfortunately, there are no useful articles on my website at the moment. I'm working on it. | |||
At least you can find some valuable repositories on my Gitea instance. | |||
</p> | |||
<div class="container"> | |||
<p> | |||
<b>Contact me: rin(AT)rinri-d(D0T)xyz.</b> | |||
</p> | |||
</div> | |||
<div> | |||
<h2>To-Do:</h2> | |||
<ul> | |||
<li>Get rid of Bootstrap, CDNs, JavaScript, and other things. I will probably remake the website using a static site generator.</li> | |||
<li>Write some useful articles and share them.</li> | |||
</ul> | |||
</div> | |||
</div> | |||
<h1>Welcome! I am RinRi.</h1> | |||
<div class="odd"> | |||
<p> | |||
I am a student at Innopolis University. | |||
My interests: | |||
<ul> | |||
<li>InfoSec</li> | |||
<li>Embedded Development and electronics (STM32, Arduino, Wi-Fi Routers)</li> | |||
<li>Free and Open-Source Software like Linux</li> | |||
<li>Competitive programming (My Codeforces <a href="http://codeforces.com/profile/rinri">account</a>)</li> | |||
<li>C and C++ programming</li> | |||
<li>Web Development (backend)</li> | |||
</ul> | |||
</p> | |||
<p> | |||
Initially, I created this website to share knowledge. | |||
Unfortunately, there are no useful articles on my website at the moment. I'm working on it. | |||
At least you can find several valuable repositories on my Gitea instance. | |||
</p> | |||
<p> | |||
<b>Contact me: rin(AT)rinri-d(D0T)xyz.</b> | |||
</p> | |||
</div> | |||
<div> | |||
<h2>To-Do:</h2> | |||
<ul> | |||
<li>Write some useful articles</li> | |||
</ul> | |||
</div> | |||
<footer class="footer"> | |||
<div class="container-fluid"> | |||
<div class="row"> | |||
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">Email: <a | |||
href="mailto:rin(AT)rinri-d(D0T)xyz">rin(AT)rinri-d(D0T)xyz</a> <a | |||
href="https://cloud.rinri-d.xyz/s/TtX6ny2x7XLSaeK">(PGP)</a> | |||
</div> | |||
</main> | |||
<footer> | |||
<div class="container"> | |||
<hr> | |||
<div class="contacts"> | |||
<p> | |||
rin(at)rinri-d(d0t)xyz <a href="https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x63f37e00f69fdf1e">(PGP)</a> | |||
</p> | |||
<p> | |||
public key: 63F37E00F69FDF1E | |||
</p> | |||
</div> | |||
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">Mastodon: <a | |||
href="https://fosstodon.org/@rinri">@rinri@fosstodon.org</a> </div> | |||
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">Matrix: <a | |||
href="https://matrix.to/#/@rinri-d:matrix.org">@rinri-d:matrix.org</a> </div> | |||
</div> | |||
</div> | |||
</footer> | |||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" | |||
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" | |||
crossorigin="anonymous"></script> | |||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" | |||
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" | |||
crossorigin="anonymous"></script> | |||
<script src="js/main.js"></script> | |||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" | |||
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" | |||
crossorigin="anonymous"></script> | |||
</body> | |||
</footer> | |||
</div> | |||
</body> | |||
</html> |
@@ -0,0 +1 @@ | |||
//You were expecting JavaScript here, but it was me, DIO! |
@@ -1,132 +1,123 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<link rel="stylesheet" href="https://rinri-d.xyz/css/bootstrap.min.css"> | |||
<link rel="stylesheet" href="css/style.css"> | |||
<link rel="stylesheet" href="https://rinri-d.xyz/css/style.css"> | |||
<link rel="shortcut icon" href="https://rinri-d.xyz/images/logo.ico" type="image/x-icon"> | |||
<title>RinRi - Recommendations</title> | |||
<title>RinRi - Home</title> | |||
</head> | |||
<body> | |||
<nav class="navbar navbar-expand-lg navbar-dark"> | |||
<a class="navbar-brand" href="https://rinri-d.xyz" style="color: var(--color1);"> | |||
RinRi-D | |||
</a> | |||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" | |||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> | |||
<span class="navbar-toggler-icon"></span> | |||
</button> | |||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup"> | |||
<div class="navbar-nav"> | |||
<a class="nav-item nav-link" href="https://rinri-d.xyz">Home</a> | |||
<a class="nav-item nav-link" href="https://blog.rinri-d.xyz">Blog</a> | |||
<a class="nav-item nav-link" href="https://apps.rinri-d.xyz">Apps</a> | |||
<a class="nav-item nav-link" href="https://git.rinri-d.xyz">Code</a> | |||
<a class="nav-item nav-link active" href="https://rinri-d.xyz/rec.html">Recommendations</a> | |||
<a class="nav-item nav-link" href="https://rinri-d.xyz/about.html">About</a> | |||
<div class="wrapper"> | |||
<header> | |||
<div class="topnav"> | |||
<div class="container"> | |||
<div class="links"> | |||
<a href="https://rinri-d.xyz">home</a> | |||
<a href="https://blog.rinri-d.xyz">blog</a> | |||
<a href="https://git.rinri-d.xyz">code</a> | |||
<a href="https://rinri-d.xyz/rec.html" class="active">soft</a> | |||
<a href="https://rinri-d.xyz/about.html">about</a> | |||
</div> | |||
<hr> | |||
</div> | |||
</div> | |||
</div> | |||
</nav> | |||
<div class="container"> | |||
<h1>Personal Recommendations:</h1> | |||
<hr> | |||
<h2>Software:</h2> | |||
<hr> | |||
<h3>OS</h3> | |||
<p class="indent-l"> | |||
<a href="https://www.archlinux.org/">Arch Linux</a> or <a href="https://artixlinux.org/">Artix | |||
Linux</a>. Will write about them soon... | |||
</p> | |||
<h3>Window Manager</h3> | |||
<p class="indent-l"> | |||
I highly recommend <a href="https://dwm.suckless.org">suckless's dwm</a>, | |||
because it is | |||
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). | |||
</p> | |||
<h3>Terminal</h3> | |||
<p class="indent-l"> | |||
<a href="https://st.suckless.org/">st(simple terminal)</a> - <a href="https://suckless.org">suckless</a> | |||
terminal. St supports UTF-8 characters, | |||
emojis(install libxft-bgra). I personally use Luke Smith's<a href="https://github.com/LukeSmithxyz/st"> build of | |||
st</a>. Will probably make my own soon. | |||
</p> | |||
<h3>Text & Code Editor</h3> | |||
<p class="indent-l"> | |||
<a href="https://github.com/neovim/neovim">Neovim</a> and <a href="https://www.vim.org/">vim</a> can improve | |||
your productivity. | |||
</p> | |||
<h3>Web Browser</h3> | |||
<p class="indent-l"> | |||
<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: | |||
<ul> | |||
<li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin">uBlock | |||
Origin</a> - ad and tracking blocking</li> | |||
<li class="indent-l">Using <a | |||
href="https://addons.mozilla.org/en-US/firefox/addon/multi-account-containers/">Multi | |||
Account | |||
Containers</a>, you can be logged in multiple accounts at the same time and keep tracking websites separate from each other.</li> | |||
<li class="indent-l"><a | |||
href="https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/">Bitwarden</a> is a private, decentralized, and open-source password manager.</li> | |||
<li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/onetab/">OneTab</a> helps you to organize your tabs</li> | |||
<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> | |||
</ul> | |||
</p> | |||
</header> | |||
<main> | |||
<h3>Media Player</h3> | |||
<p class="indent-l"> | |||
<a href="https://mpv.io">mpv</a> is a lightweight, open-source, and reliable media player. You can play | |||
YouTube and other internet videos using mpv simply by installing youtube-dl. | |||
</p> | |||
<div class="container"> | |||
<h3>Music Player</h3> | |||
<p class="indent-l"> | |||
<a href="https://github.com/cmus/cmus">cmus</a> is a lightweight music player with vim key bindings. | |||
</p> | |||
<h1>Personal Recommendations:</h1> | |||
<hr class="delimiter"> | |||
<h2>Software:</h2> | |||
<hr class="delimiter"> | |||
<h3>OS</h3> | |||
<p class="indent-l"> | |||
<a href="https://www.archlinux.org/">Arch Linux</a> or <a href="https://artixlinux.org/">Artix | |||
Linux</a>. Will write about them soon... | |||
</p> | |||
<h3>Window Manager</h3> | |||
<p class="indent-l"> | |||
I highly recommend <a href="https://dwm.suckless.org">suckless's dwm</a>, | |||
because it is | |||
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). | |||
</p> | |||
<h3>Terminal</h3> | |||
<p class="indent-l"> | |||
<a href="https://st.suckless.org/">st(simple terminal)</a> - <a href="https://suckless.org">suckless</a> | |||
terminal. St supports UTF-8 characters, | |||
emojis(install libxft-bgra). I personally use Luke Smith's<a href="https://github.com/LukeSmithxyz/st"> build of | |||
st</a>. Will probably make my own soon. | |||
</p> | |||
<h3>Text & Code Editor</h3> | |||
<p class="indent-l"> | |||
<a href="https://github.com/neovim/neovim">Neovim</a> and <a href="https://www.vim.org/">vim</a> can improve | |||
your productivity. | |||
</p> | |||
<h3>Web Browser</h3> | |||
<p class="indent-l"> | |||
<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: | |||
<ul> | |||
<li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin">uBlock | |||
Origin</a> - ad and tracking blocking</li> | |||
<li class="indent-l">Using <a | |||
href="https://addons.mozilla.org/en-US/firefox/addon/multi-account-containers/">Multi | |||
Account | |||
Containers</a>, you can be logged in multiple accounts at the same time and keep tracking websites separate from each other.</li> | |||
<li class="indent-l"><a | |||
href="https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/">Bitwarden</a> is a private, decentralized, and open-source password manager.</li> | |||
<li class="indent-l"><a href="https://addons.mozilla.org/en-US/firefox/addon/onetab/">OneTab</a> helps you to organize your tabs</li> | |||
<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> | |||
</ul> | |||
</p> | |||
<h3>Media Player</h3> | |||
<p class="indent-l"> | |||
<a href="https://mpv.io">mpv</a> is a lightweight, open-source, and reliable media player. You can play | |||
YouTube and other internet videos using mpv simply by installing youtube-dl. | |||
</p> | |||
<h3>Music Player</h3> | |||
<p class="indent-l"> | |||
<a href="https://github.com/cmus/cmus">cmus</a> is a lightweight music player with vim key bindings. | |||
</p> | |||
<h2>Resources</h2> | |||
<hr class="delimiter"> | |||
<h3>Websites:</h3> | |||
<ul> | |||
<li><a href="https://www.privacytools.io/">Privacy Tools</a></li> | |||
<li><a href="https://www.freecodecamp.org/">Free Code Camp</a></li> | |||
<li><a href="https://wiki.archlinux.org/">Arch Wiki</a></li> | |||
<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> | |||
<li><a href="https://www.epik.com/?affid=ja5me8fu2">Epik(affiliate link)</a> - a cheap domain registrar</li> | |||
<li><a href="https://madi-wka.club">Madi-wka.club</a> - my friend's personal website</li> | |||
</ul> | |||
<h2>Resources</h2> | |||
<hr> | |||
<h3>Websites:</h3> | |||
<ul> | |||
<li><a href="https://www.privacytools.io/">Privacy Tools</a></li> | |||
<li><a href="https://www.freecodecamp.org/">Free Code Camp</a></li> | |||
<li><a href="https://wiki.archlinux.org/">Arch Wiki</a></li> | |||
<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> | |||
<li><a href="https://www.epik.com/?affid=ja5me8fu2">Epik(affiliate link)</a> - a cheap domain registrar</li> | |||
<li><a href="https://madi-wka.club">Madi-wka.club</a> - my friend's personal website</li> | |||
</ul> | |||
</div> | |||
</div> | |||
<footer class="footer"> | |||
<div class="container-fluid"> | |||
<div class="row"> | |||
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">Email: <a | |||
href="mailto:rin@rinri-d.xyz">rin@rinri-d.xyz</a> <a | |||
href="https://cloud.rinri-d.xyz/s/TtX6ny2x7XLSaeK">(PGP)</a> | |||
</main> | |||
<footer> | |||
<div class="container"> | |||
<hr> | |||
<div class="contacts"> | |||
<p> | |||
rin(at)rinri-d(d0t)xyz <a href="https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x63f37e00f69fdf1e">(PGP)</a> | |||
</p> | |||
<p> | |||
public key: 63F37E00F69FDF1E | |||
</p> | |||
</div> | |||
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">Mastodon: <a | |||
href="https://fosstodon.org/@rinri">@rinri@fosstodon.org</a> </div> | |||
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">Matrix: <a | |||
href="https://matrix.to/#/@rinri-d:matrix.org">@rinri-d:matrix.org</a> </div> | |||
</div> | |||
</div> | |||
</footer> | |||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" | |||
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" | |||
crossorigin="anonymous"></script> | |||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" | |||
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" | |||
crossorigin="anonymous"></script> | |||
<script src="js/main.js"></script> | |||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" | |||
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" | |||
crossorigin="anonymous"></script> | |||
</body> | |||
</footer> | |||
</div> | |||
</body> | |||
</html> |