Okera Vekra
Character
How to get below into HTML
[dohtml]
<link href="https://fonts.googleapis.com/css?fa...tel+Sans:300,400,600,700,800,900&display=swap" rel="stylesheet">
<style>
.Okeras {
position: relative;
background: #2a2a2a;
margin: 20px auto 0;
width: 520px;
overflow: hidden;
}
.Okeras-image-hold {
position: relative;
}
.Okeras-image-hold img {
width: 600px;
height: 450px;
object-fit: cover;
filter: grayscale(10%) contrast(60%);
}
.Okeras-image-hold:before {
content:"";
background: rgb(61,2,2);
background: linear-gradient(180deg, RGB(197,135,40), rgb(102, 163, 255) 0%, rgba(12, 14, 28,0) 100%);
position: absolute;
width: 600px;
height: 450px;
z-index: 1;
mix-blend-mode: multiply;
}
.Okeras-image-hold:after {
background: rgb(42,42,42);
background: linear-gradient(0deg, rgba(42,42,42,1) 0%, rgba(70,10,10,0) 100%);
content:"";
position: absolute;
bottom: 0px;
height: 600px;
width: 650px;
left: 0px;
}
.Okeras-inner {
padding: 60px;
color: #ccc;
font-family: martel sans;
font-size: 11px;
text-align: justify;
line-height: 180%;
}
.Okeras b {
color: #F28C28;
}
.Okeras-lyrics {
position: absolute;
padding: 0 30px;
font-family: martel sans;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 300;
margin-top: -70px;
z-index: 2;
color: #eee;
pointer-events:none
}
.Okeras-lyrics b, .Okeras-lyrics-bottom b {
font-weight: 900;
letter-spacing: 3px;
color: #fff;
}
.Okeras-lyrics span {
position: absolute;
font-size: 100px;
z-index: 1;
color: #ccc;
top: -22px;
width: 450px;
font-weight: 700;
letter-spacing: 0px;
line-height: 80%;
opacity: 0.2;
text-align: left;
left: -2px;
}
.Okeras-lyrics-bottom {
position: relative;
font-family: martel sans;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 300;
z-index: 2;
color: #eee;
text-align: right;
display: inline-block;
margin-bottom: 30px;
margin-right: 30px;
float: right;
}
.Okeras-inner::first-letter {
float: left;
font-size: 60px;
display: inline-block;
padding: 10px;
padding-top: 40px;
color: #fff;
}
</style>
<div class="Okeras">
<div class="Okeras-image-hold">
<img src="">
</div>
<div class="Okeras-lyrics">
The Land of the Dead
<span>Okera Vekra </span>
</div>
<div class="Okeras-inner">
<!DOCTYPE html>
<html>
<head>
<style>
div.ex1 {
box-sizing: border-box;
padding-right:30px;
width: 400px;
height: 550px;
overflow-y: scroll;
}
</style>
</head>
<body>
<div class="ex1"><br>
Death is only the end if you assume the story is about you. Ishani didn't feel the hard impact of the ground, the breaking of bones, and the pain of gravities inevitability. Instead, they would feel soft grass, the sound of crickets accompanying the crack and hiss of a fire, and the gentle smell of woodsmoke.
<b>"Long way down hu?" </b> The voice spoke, a voice that no living being had heard in almost a millennium. A togruta woman sat tending the fire, gently poking at the flames to keep them alight as a pot of tea brewed slowly over top.
<b>"Take a moment to gather your bearings vod. The trip can be disorientating, and well… you never really notice something is there till it's gone." </b>
Okera Vekra had found herself in these woods a long time ago. Whilst she didn't entirely remember how they got here, they did know it was because she was in the way. Dealing with powerful entities was never a safe job, and Okera had found that out the hard way. Not that she expected this newcomer to know any of that. Nor did she want to bore them with tales of her trials and tribulations, and the deals she had made along with what she gave.
Many a name existed for what Okera now was, traveller was her preferred. She watched the newcomer, knowing that they would come to realise where they were and what felt oh so wrong. They were dead, but often it was best for those that found themselves here to find it out on their own, adapt to the reality, and then make the journey through with Okera for that was her task and her deal.
<b> "Tea?"</b> Pouring herself a cup and being patient with the newcomer.
</div>
</div>
</div>
<center><a href="http://cttw.jcink.net/index.php?showuser=18033" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>[/html]
[/dohtml]
[dohtml]
<link href="https://fonts.googleapis.com/css?fa...tel+Sans:300,400,600,700,800,900&display=swap" rel="stylesheet">
<style>
.Okeras {
position: relative;
background: #2a2a2a;
margin: 20px auto 0;
width: 520px;
overflow: hidden;
}
.Okeras-image-hold {
position: relative;
}
.Okeras-image-hold img {
width: 600px;
height: 450px;
object-fit: cover;
filter: grayscale(10%) contrast(60%);
}
.Okeras-image-hold:before {
content:"";
background: rgb(61,2,2);
background: linear-gradient(180deg, RGB(197,135,40), rgb(102, 163, 255) 0%, rgba(12, 14, 28,0) 100%);
position: absolute;
width: 600px;
height: 450px;
z-index: 1;
mix-blend-mode: multiply;
}
.Okeras-image-hold:after {
background: rgb(42,42,42);
background: linear-gradient(0deg, rgba(42,42,42,1) 0%, rgba(70,10,10,0) 100%);
content:"";
position: absolute;
bottom: 0px;
height: 600px;
width: 650px;
left: 0px;
}
.Okeras-inner {
padding: 60px;
color: #ccc;
font-family: martel sans;
font-size: 11px;
text-align: justify;
line-height: 180%;
}
.Okeras b {
color: #F28C28;
}
.Okeras-lyrics {
position: absolute;
padding: 0 30px;
font-family: martel sans;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 300;
margin-top: -70px;
z-index: 2;
color: #eee;
pointer-events:none
}
.Okeras-lyrics b, .Okeras-lyrics-bottom b {
font-weight: 900;
letter-spacing: 3px;
color: #fff;
}
.Okeras-lyrics span {
position: absolute;
font-size: 100px;
z-index: 1;
color: #ccc;
top: -22px;
width: 450px;
font-weight: 700;
letter-spacing: 0px;
line-height: 80%;
opacity: 0.2;
text-align: left;
left: -2px;
}
.Okeras-lyrics-bottom {
position: relative;
font-family: martel sans;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 300;
z-index: 2;
color: #eee;
text-align: right;
display: inline-block;
margin-bottom: 30px;
margin-right: 30px;
float: right;
}
.Okeras-inner::first-letter {
float: left;
font-size: 60px;
display: inline-block;
padding: 10px;
padding-top: 40px;
color: #fff;
}
</style>
<div class="Okeras">
<div class="Okeras-image-hold">
<img src="">
</div>
<div class="Okeras-lyrics">
The Land of the Dead
<span>Okera Vekra </span>
</div>
<div class="Okeras-inner">
<!DOCTYPE html>
<html>
<head>
<style>
div.ex1 {
box-sizing: border-box;
padding-right:30px;
width: 400px;
height: 550px;
overflow-y: scroll;
}
</style>
</head>
<body>
<div class="ex1"><br>
Death is only the end if you assume the story is about you. Ishani didn't feel the hard impact of the ground, the breaking of bones, and the pain of gravities inevitability. Instead, they would feel soft grass, the sound of crickets accompanying the crack and hiss of a fire, and the gentle smell of woodsmoke.
<b>"Long way down hu?" </b> The voice spoke, a voice that no living being had heard in almost a millennium. A togruta woman sat tending the fire, gently poking at the flames to keep them alight as a pot of tea brewed slowly over top.
<b>"Take a moment to gather your bearings vod. The trip can be disorientating, and well… you never really notice something is there till it's gone." </b>
Okera Vekra had found herself in these woods a long time ago. Whilst she didn't entirely remember how they got here, they did know it was because she was in the way. Dealing with powerful entities was never a safe job, and Okera had found that out the hard way. Not that she expected this newcomer to know any of that. Nor did she want to bore them with tales of her trials and tribulations, and the deals she had made along with what she gave.
Many a name existed for what Okera now was, traveller was her preferred. She watched the newcomer, knowing that they would come to realise where they were and what felt oh so wrong. They were dead, but often it was best for those that found themselves here to find it out on their own, adapt to the reality, and then make the journey through with Okera for that was her task and her deal.
<b> "Tea?"</b> Pouring herself a cup and being patient with the newcomer.
</div>
</div>
</div>
<center><a href="http://cttw.jcink.net/index.php?showuser=18033" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>[/html]
[/dohtml]