@@ -1,95 +1,86 @@ | |||||
<!DOCTYPE html> | <!DOCTYPE html> | ||||
<html lang="en"> | <html lang="en"> | ||||
<head> | <head> | ||||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <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"> | <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> | </head> | ||||
<body> | <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> | ||||
</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> | ||||
<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> | ||||
</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> | </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 { | :root { | ||||
/* Special */ | /* Special */ | ||||
--background: #283149; | |||||
--background: #282f42; | |||||
--foreground: #dbedf3; | --foreground: #dbedf3; | ||||
--cursor: #a3c9de; | --cursor: #a3c9de; | ||||
/* Colors */ | /* Colors */ | ||||
--color0: #404b69; | |||||
--color0: #2a3246; | |||||
--color1: #0fff83; | --color1: #0fff83; | ||||
--color2: #2effaf; | --color2: #2effaf; | ||||
--color3: #8ffcc9; | --color3: #8ffcc9; | ||||
@@ -22,77 +25,36 @@ | |||||
--color14: #c59820; | --color14: #c59820; | ||||
--color15: #b02f30; | --color15: #b02f30; | ||||
--color16: #373744; | --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, | html, | ||||
body { | body { | ||||
height: 100%; | |||||
background: var(--background); | |||||
background-color: var(--background); | |||||
color: var(--foreground); | color: var(--foreground); | ||||
font-family: "Hack", sans-serif; | font-family: "Hack", sans-serif; | ||||
font-weight: 500; | font-weight: 500; | ||||
font-size: 20px; | font-size: 20px; | ||||
line-height: 1.5; | |||||
text-align: left; | |||||
} | } | ||||
.container { | .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 { | a { | ||||
text-decoration: none; | |||||
color: var(--color4); | color: var(--color4); | ||||
} | } | ||||
@@ -103,73 +65,131 @@ a:hover { | |||||
h1 { | h1 { | ||||
color: var(--color1); | color: var(--color1); | ||||
font-size: 2.5rem; | |||||
} | } | ||||
h2 { | h2 { | ||||
color: var(--color2); | color: var(--color2); | ||||
font-size: 2rem; | |||||
} | } | ||||
h3 { | h3 { | ||||
color: var(--color3); | color: var(--color3); | ||||
font-size: 1.75rem; | |||||
} | } | ||||
h4 { | h4 { | ||||
color: var(--color3); | 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%; | 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{ | .indent-l{ | ||||
margin-left: 2rem; | |||||
margin-left: 2em; | |||||
} | } | ||||
hr.delimiter { | |||||
border: 1px dashed var(--color1); | |||||
} |
@@ -1,94 +1,86 @@ | |||||
<!DOCTYPE html> | <!DOCTYPE html> | ||||
<html lang="en"> | <html lang="en"> | ||||
<head> | <head> | ||||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <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"> | <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> | </head> | ||||
<body> | <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> | ||||
</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> | ||||
<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> | ||||
</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> | </html> |
@@ -0,0 +1 @@ | |||||
//You were expecting JavaScript here, but it was me, DIO! |
@@ -1,132 +1,123 @@ | |||||
<!DOCTYPE html> | <!DOCTYPE html> | ||||
<html lang="en"> | <html lang="en"> | ||||
<head> | <head> | ||||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <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"> | <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> | </head> | ||||
<body> | <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> | ||||
</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> | ||||
<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> | ||||
</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> | </html> |