Added notes to V1
This commit is contained in:
John Gatward
@@ -10,192 +10,167 @@
|
||||
<script src="/frameworks/jquery-3.3.1.min.js"></script>
|
||||
<script src="/frameworks/bootstrap.min.js"></script>
|
||||
<link rel='stylesheet prefetch' href='https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.css'>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="style.css"/>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<div class="small-logo-container">
|
||||
<a class="small-logo" href="#">Havox.org</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar-collapse collapse" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#quoteJump">Quote</a></li>
|
||||
<li><a href="#introjump">Intro</a></li>
|
||||
<li><a href="#projectjump">Projects</a></li>
|
||||
<li><a href="#photojump">Photography</a></li>
|
||||
</ul>
|
||||
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<div class="small-logo-container">
|
||||
<a class="small-logo" href="#">Havox.org</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar-collapse collapse" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
|
||||
<div class="container-fluid big-logo-row">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 big-logo-container">
|
||||
<h1 class="big-logo">Havox.org</h1>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#quoteJump">Quote</a></li>
|
||||
<li><a href="#introjump">Intro</a></li>
|
||||
<li><a href="#projectjump">Projects</a></li>
|
||||
<li><a href="#photojump">Photography</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid big-logo-row">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-9 col-md-8 col-sm-12">
|
||||
<h2>Welcome to my website</h2>
|
||||
<div class="contents">
|
||||
<div id="quoteJump" class="quoteDiv">
|
||||
<h3>Quote of the day</h3>
|
||||
<p><b>Quote: </b>
|
||||
Try to keep your soul young and quivering right up to old age.
|
||||
</p>
|
||||
<p><b>Author: </b>
|
||||
George Sand
|
||||
</p>
|
||||
</div>
|
||||
<div class="intro">
|
||||
<h3 id="introjump">About me</h3>
|
||||
<div class="col-xs-12 big-logo-container">
|
||||
<h1 class="big-logo">Havox.org</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>The Union of the indestructible republics of the free ones
|
||||
The Great Russia has forever consolidated itself.
|
||||
Long live the people created by the will of the people
|
||||
A single, mighty Soviet Union!</p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-9 col-md-8 col-sm-12">
|
||||
<h2>Welcome to my website</h2>
|
||||
<div class="contents">
|
||||
<div id="quoteJump" class="quoteDiv">
|
||||
<h3>Quote of the day</h3>
|
||||
<p class="v4-margin-note">The original
|
||||
python webscraper script no longer works, the below quote is just a placeholder.</p>
|
||||
<p><b>Quote: </b>
|
||||
Try to keep your soul young and quivering right up to old age.
|
||||
</p>
|
||||
<p><b>Author: </b>
|
||||
George Sand
|
||||
</p>
|
||||
</div>
|
||||
<div class="intro">
|
||||
<h3 id="introjump">About me</h3>
|
||||
<p class="v4-margin-note">The original
|
||||
about me section was full of nonsense memes and has been removed.</p>
|
||||
<p>A cool website to show my projects</p>
|
||||
</div>
|
||||
|
||||
<p>Be glorious, our free Fatherland,
|
||||
Friendship, peoples a reliable stronghold!
|
||||
The Soviet banner, the banner of the people
|
||||
Let it lead from victory to victory!</p>
|
||||
<div class="projects">
|
||||
<h3 id="projectjump">Projects</h3>
|
||||
<a href="/projects/game_of_life.html">
|
||||
<p> Game of Life</p>
|
||||
</a>
|
||||
<a href="/projects/maze_generation/index.html">
|
||||
<p>Maze Generator</p>
|
||||
</a>
|
||||
<a href="/projects/oscillations_in_3d.html">
|
||||
<p>Oscilations in 3D</p>
|
||||
</a>
|
||||
<a href="/projects/poisson_distribution.html">
|
||||
<p>Poisson Distribution</p>
|
||||
</a>
|
||||
<a href="/projects/pi_approximation.html">
|
||||
<p>Approximating PI</p>
|
||||
</a>
|
||||
<a href="cardioid.php">
|
||||
<p>Cardioids</p>
|
||||
</a>
|
||||
<a href="/projects/ellipse_construction.html">
|
||||
<p>Constructing an ellipse</p>
|
||||
</a>
|
||||
|
||||
<p>Through the thunderstorms the sun of freedom shone,
|
||||
And Lenin, the great one, illumined our way.
|
||||
We were brought up by Stalin - to be faithful to the people.
|
||||
We were inspired by work and deeds.</p>
|
||||
<h3>Tutorials</h3>
|
||||
<a href="/tutorials/tsp/index.html">
|
||||
<p>Travelling salesman problem</p>
|
||||
</a>
|
||||
<a href="/tutorials/midpoint_displacement/index.html">
|
||||
<p>Midpoint displacement terrain generator</p>
|
||||
</a>
|
||||
<a href="/tutorials/convex_hull/index.html">
|
||||
<p>Convex hull generator</p>
|
||||
</a>
|
||||
|
||||
<p>Be glorious, Fatherland freer,
|
||||
Happiness of peoples reliable stronghold!
|
||||
The Soviet banner, the banner of the people
|
||||
Let it lead from victory to victory!</p>
|
||||
</div>
|
||||
|
||||
<p>We raised our army in the battles,
|
||||
The invaders of the vile from the road are estimated!
|
||||
We are in the battles to decide the fate of generations,
|
||||
We will lead our glory to our Fatherland!</p>
|
||||
|
||||
<p>Be glorious, our free Fatherland,
|
||||
the glory of peoples is a reliable stronghold!
|
||||
The Soviet banner, the banner of the people
|
||||
Let it lead from victory to victory!</p>
|
||||
</div>
|
||||
|
||||
<div class="projects">
|
||||
<h3 id="projectjump">Projects</h3>
|
||||
<a href="/projects/game_of_life.html">
|
||||
<p> Game of Life</p>
|
||||
</a>
|
||||
<a href="/projects/maze_generation/index.html">
|
||||
<p>Maze Generator</p>
|
||||
</a>
|
||||
<a href="/projects/oscillations_in_3d.html">
|
||||
<p>Oscilations in 3D</p>
|
||||
</a>
|
||||
<a href="/projects/poisson_distribution.html">
|
||||
<p>Poisson Distribution</p>
|
||||
</a>
|
||||
<a href="/projects/pi_approximation.html">
|
||||
<p>Approximating PI</p>
|
||||
</a>
|
||||
<a href="cardioid.php">
|
||||
<p>Cardioids</p>
|
||||
</a>
|
||||
<a href="/projects/ellipse_construction.html">
|
||||
<p>Constructing an ellipse</p>
|
||||
</a>
|
||||
|
||||
<h3>Tutorials</h3>
|
||||
<a href="/tutorials/tsp/index.html">
|
||||
<p>Travelling salesman problem</p>
|
||||
</a>
|
||||
<a href="/tutorials/midpoint_displacement/index.html">
|
||||
<p>Midpoint displacement terrain generator</p>
|
||||
</a>
|
||||
<a href="/tutorials/convex_hull/index.html">
|
||||
<p>Convex hull generator</p>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="photography">
|
||||
<h3 id="photojump">Photography</h3>
|
||||
<p>Photos from around the world</p>
|
||||
<div id="photos">
|
||||
<ul id="photo-gallery">
|
||||
<li>
|
||||
<a href="media/FlowersBW.jpg">
|
||||
<img src="media/FlowersBW.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Carosel.jpg">
|
||||
<img src="media/Carosel.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/London_Eye.jpg">
|
||||
<img src="media/London_Eye.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Boat_Man.jpg">
|
||||
<img src="media/Boat_Man.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Sheep.jpg">
|
||||
<img src="media/Sheep.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Pier.jpg">
|
||||
<img src="media/Pier.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Pink_Pier.jpg">
|
||||
<img src="media/Pink_Pier.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Some_Rocks.jpg">
|
||||
<img src="media/Some_Rocks.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Whiteboard.jpg">
|
||||
<img src="media/Whiteboard.jpg">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="photography">
|
||||
<h3 id="photojump">Photography</h3>
|
||||
<p>Photos from around the world</p>
|
||||
<div id="photos">
|
||||
<ul id="photo-gallery">
|
||||
<li>
|
||||
<a href="media/FlowersBW.jpg">
|
||||
<img src="media/FlowersBW.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Carosel.jpg">
|
||||
<img src="media/Carosel.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/London_Eye.jpg">
|
||||
<img src="media/London_Eye.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Boat_Man.jpg">
|
||||
<img src="media/Boat_Man.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Sheep.jpg">
|
||||
<img src="media/Sheep.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Pier.jpg">
|
||||
<img src="media/Pier.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Pink_Pier.jpg">
|
||||
<img src="media/Pink_Pier.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Some_Rocks.jpg">
|
||||
<img src="media/Some_Rocks.jpg">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="media/Whiteboard.jpg">
|
||||
<img src="media/Whiteboard.jpg">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/.col-xs-12 -->
|
||||
</div><!--/.row -->
|
||||
</div><!--/.container -->
|
||||
</div>
|
||||
</div><!--/.col-xs-12 -->
|
||||
</div><!--/.row -->
|
||||
</div><!--/.container -->
|
||||
|
||||
<script src="script.js">
|
||||
</script>
|
||||
<script src="script.js">
|
||||
</script>
|
||||
|
||||
</body>
|
||||
<footer>
|
||||
|
||||
@@ -1,193 +1,244 @@
|
||||
body{
|
||||
overflow-x: hidden;
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
|
||||
.navbar-inverse {
|
||||
background: white;
|
||||
border-bottom: none;
|
||||
background: white;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
a {
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
}
|
||||
|
||||
a{font-family: 'Roboto Condensed', sans-serif;}
|
||||
.navbar-inverse .navbar-toggle {
|
||||
border: 1px solid #333;
|
||||
border-color: rgba(0, 0, 0, 0.7);
|
||||
background-color: black;
|
||||
border: 1px solid #333;
|
||||
border-color: rgba(0, 0, 0, 0.7);
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
|
||||
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
|
||||
border-color: transparent;
|
||||
background-color: white;
|
||||
border-color: transparent;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
|
||||
background-color: #777;
|
||||
}
|
||||
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
|
||||
background-color: #777;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
color: black;
|
||||
background-color: white;
|
||||
color: black;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
|
||||
background-color: white;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
background-color: white;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.small-logo-container {
|
||||
padding-top: 50px;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
background-color: white;
|
||||
padding-top: 50px;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.small-logo {
|
||||
background: white;
|
||||
color: black;
|
||||
font-size: 2.5em;
|
||||
padding-bottom: 2px;
|
||||
background: white;
|
||||
color: black;
|
||||
font-size: 2.5em;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
/* *********************************
|
||||
Big Logo
|
||||
********************************** */
|
||||
.big-logo-row {
|
||||
background: white;
|
||||
color: black;
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.big-logo-row .big-logo-container {
|
||||
padding-top: 50px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.big-logo-row h1 {
|
||||
font-size: 4em;
|
||||
margin: 0;
|
||||
padding: 0 0 15px 0;
|
||||
font-size: 4em;
|
||||
margin: 0;
|
||||
padding: 0 0 15px 0;
|
||||
}
|
||||
|
||||
@media (min-width: 400px) {
|
||||
.big-logo-row h1 {
|
||||
font-size: 4.5em;
|
||||
}
|
||||
.big-logo-row h1 {
|
||||
font-size: 4.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 440px) {
|
||||
.big-logo-row h1 {
|
||||
font-size: 5.5em;
|
||||
}
|
||||
.big-logo-row h1 {
|
||||
font-size: 5.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 500px) {
|
||||
.big-logo-row h1 {
|
||||
font-size: 6.5em;
|
||||
}
|
||||
.big-logo-row h1 {
|
||||
font-size: 6.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 630px) {
|
||||
.big-logo-row h1 {
|
||||
font-size: 7.5em;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.big-logo-row h1 {
|
||||
font-size: 7.5em;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.big-logo-row h1 {
|
||||
font-size: 9em;
|
||||
padding-bottom: 30px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.big-logo-row h1 {
|
||||
font-size: 9em;
|
||||
padding-bottom: 30px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.big-logo-row h1 {
|
||||
font-size: 12em;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.big-logo-row h1 {
|
||||
font-size: 12em;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size: 41px;
|
||||
font-weight: bold;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
color: black;
|
||||
h2 {
|
||||
font-size: 41px;
|
||||
font-weight: bold;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
color: black;
|
||||
}
|
||||
|
||||
p{
|
||||
font-size: 20px;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
p {
|
||||
font-size: 20px;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h3{
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
color: black;
|
||||
h3 {
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.projects, .intro{
|
||||
border-bottom: thin solid #333;
|
||||
.projects, .intro {
|
||||
border-bottom: thin solid #333;
|
||||
|
||||
}
|
||||
|
||||
.picturebox{
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
.picturebox {
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
footer{
|
||||
padding: 20px;
|
||||
background-color: #e0e0e0;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
footer {
|
||||
padding: 20px;
|
||||
background-color: #e0e0e0;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
}
|
||||
|
||||
.navbar navbar-inverse navbar-fixed-top::-webkit-scrollbar {
|
||||
width: 0px;
|
||||
background: transparent;
|
||||
width: 0px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#photos {
|
||||
opacity: .88;
|
||||
opacity: .88;
|
||||
}
|
||||
|
||||
#photos img {
|
||||
width: 30%;
|
||||
float: left;
|
||||
display: block;
|
||||
margin: 2px;
|
||||
width: 30%;
|
||||
float: left;
|
||||
display: block;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0px auto;
|
||||
padding: 10px;
|
||||
display: block;
|
||||
max-width: 780px;
|
||||
text-align: center;
|
||||
list-style: none;
|
||||
margin: 0px auto;
|
||||
padding: 10px;
|
||||
display: block;
|
||||
max-width: 780px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#overlay {
|
||||
background: rgba(0,0,0, .8);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
text-align: center;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#overlay img {
|
||||
margin: 10% auto 0;
|
||||
width: 550px;
|
||||
border-radius: 5px;
|
||||
margin: 10% auto 0;
|
||||
width: 550px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#photos {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#photo-gallery {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.v4-margin-note {
|
||||
position: relative;
|
||||
margin: 4px 0 20px 0;
|
||||
padding: 30px 16px 12px 16px;
|
||||
border-left: 2px solid rgba(243, 139, 168, 0.6);
|
||||
background: linear-gradient(135deg, rgba(243, 139, 168, 0.07) 0%, rgba(243, 139, 168, 0.02) 60%, transparent 100%);
|
||||
color: #3d3f53;
|
||||
font-size: 13px;
|
||||
line-height: 1.65;
|
||||
font-family: 'JetBrains Mono', 'Courier New', monospace;
|
||||
font-style: italic;
|
||||
max-width: 680px;
|
||||
border-radius: 0 6px 6px 0;
|
||||
box-shadow: inset 0 0 0 1px rgba(243, 139, 168, 0.07), 2px 2px 8px rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
.v4-margin-note::before {
|
||||
content: '✎ archived note';
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
left: 16px;
|
||||
color: rgba(243, 139, 168, 0.85);
|
||||
font-size: 10px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.12em;
|
||||
font-family: 'JetBrains Mono', 'Courier New', monospace;
|
||||
}
|
||||
|
||||
.v4-margin-note::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
background: linear-gradient(90deg, rgba(243, 139, 168, 0.4), transparent);
|
||||
border-radius: 0 6px 0 0;
|
||||
}
|
||||
Reference in New Issue
Block a user