โรบิน มิไคเลอร์วิช - Robin G. Mikhailovich ࿐
แก้ไขครั้งสุดท้ายโดย Robin เมื่อ 2024-12-25 02:56 <br /><br /><link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
/* Outside box and bg*/
#boxProfilebg {
border: 1px solid #ffff;
border-radius: 10px;
padding: 0px;
}
/*Create a Parallax Effect*/
.bgimg-1,
.bgimg-2,
.bgimg-3 {
background-attachment: inherit;
background-position: center;
background-repeat: repeat;
background-size: cover;
}
/* Header image prop. */
.bgimg-1 {
min-height: 300px; /* the height of header */
}
.w3-wide {
letter-spacing: 10px;
}
.w3-hover-opacity {
cursor: pointer;
}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
.bgimg-1,
.bgimg-2,
.bgimg-3 {
background-attachment: scroll;
min-height: 500px;
}
}
.bio-info .table-container {
margin-top: 0px;
border-radius: 10px;
overflow: hidden; /* To prevent small white corners */
}
.bio-info table,
.bio-info th,
.bio-info td {
padding: 10px;
border: 1px solid black;
border-radius: 10px;
border-style: dashed;
border-color: #a1887f;
background-color: transparent;
}
.bio-info table {
border-collapse: separate; /* Separate borders */
border-spacing: 10px; /* Add space between rows */
}
.bio-info th {
width: 30%;
border-radius: 10px;
background-color: #f4eeeeff;
color: #37352fff; /* Font color */
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
color: #696969; /* Font color */
font-family: "Cordia New";
font-size: 22px;
font-weight: bold;
}
.bio-info td {
color: #37352fff; /* Font color */
border-color: #ffffff;
text-align: left;
color: #696969; /* Font color */
font-family: "Cordia New";
font-size: 22px;
}
.bgimg-1 {
min-height: 330px; /* the height of header */
}
.bio-title { /* for header text*/
background-color: #f4eeeeff; /* Background color */
border-radius: 7px; /* Round border */
padding-top: 7px; /* Add padding */
padding-bottom: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* box shadow */
margin-bottom: 0px; /*space between title and there's content*/
margin-top: 20px;
color: #696969; /* Font color */
font-family: "Verdana";
font-size: 30px;
}
.title-box { /* for title box */
border-radius: 10px;
background-color: #f4eeeeff
}
.text-style { /* for free text style */
text-align: left;
color: #696969; /* Font color */
font-family: "Cordia New";
font-size: 22px;
}
.text-right {
text-align: right;
color: #696969; /* Font color */
font-family: "Cordia New";
font-size: 22px;
}
@import url(<a href="https://fonts.googleapis.com/css?family=Open+Sans:400italic" target="_blank">https://fonts.googleapis.com/css?family=Open+Sans:400italic</a>);
blockquote{
font-size: 22px;
width:100%;
margin:50px auto;
font-family:Cordia New;
font-style:normal;
color: #696969;
padding:1.2em 30px 1.2em 75px;
border-left:8px solid #a1887f ;
line-height:1.6;
position: relative;
background:#EDEDED;
}
blockquote::before{
font-family:Sriracha;
content: "\201C";
color:#a1887f;
font-size: 70px;
position: absolute;
left: 10px;
top:-10px;
}
blockquote::after{
font-family:Sriracha;
content: "\201D";
color:#a1887f;
font-size: 70px;
position: absolute;
right: 10px;
bottom:-55px;
}
blockquote span{
display:block;
color:#696969;
font-family:Cordia New;
font-weight: bold;
margin-top:1em;
font-style:italic;
text-align: right;
font-size: 22px;
}
.highlight-gradient {
border-radius: 2px;
padding: 2px 5px;
background-image: linear-gradient(to top right, #a1887f 0%, #f4eeee 100%);
font-family:Cordia New;
font-weight: bold;
color:#fff;
}
</style>
<div id="boxProfilebg">
<div align="center">
<!-- * First Parallax Image with Logo Text -->
<div class="bgimg-1 w3-display-container w3-opacity-min" id="home" style="background-image: url('https://i.imgur.com/0OAsLwt.jpg');">
<div class="w3-display-middle" style="white-space:nowrap;">
<span class="w3-hover-shadow w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity"><font size="5">ROBIN MIKHAILOVICH</font></span></div></div>
<!-- * Layout 2 columns of block -->
<div class="w3-row">
<!-- Left: Biological Information -->
<div class="w3-col m6 w3-center w3-padding-large bio-info">
<p class="bio-title w3-hover-shadow">✦ B i o I n f o r m a t i o n</p>
<br>
<!-- The table goes here -->
<div class="table-container">
<table style="width:100%">
<tbody>
<tr>
<th>ชื่อเต็ม (TH)</th>
<td> โรบิน กาบริลโลวา มิไคเลอร์วิช</td>
</tr>
<tr>
<th>ชื่อเต็ม (EN)</th>
<td> Robin Gabriellova Mikhailovich</td>
</tr>
<tr>
<th>อายุ</th>
<td> • 14 ปี (ทางกายภาพ)<br> • 88 ปี (ทางเทคนิค)<br></td>
</tr>
<tr>
<th>วันเกิด</th>
<td> 22 มิถุนายน</td>
</tr>
<tr>
<th>เพศ</th>
<td> หญิง</td>
</tr>
<tr>
<th>สถานที่เกิด</th>
<td> มอสโก, รัสเซีย</td>
</tr>
<tr>
<th>ที่อยู่ปัจจุบัน</th>
<td> ซานโฮเซ แคลิฟอร์เนีย, สหรัฐอเมริกา</td>
</tr>
<tr>
<th>ครอบครัว</th>
<td> • กาบรีลา มิไคเลอร์วิช (แม่)<br>• เฮอร์มีส (พ่อ)<br>• อเล็กซานเดอร์ มิไคเลอร์วิช (อา)<br>• อิวาน มิไคเลอร์วิช (พ่อ; ผู้ดูแล)<br>• เบเรนีซ มิไคเลอร์วิช (แม่; ผู้ดูแล)<br>• อิกอร์ มิไคเลอร์วิช (น้องชาย)<br></td>
</tr>
<tr>
<th>ข้อบกพร่องร้ายแรง</th>
<td> • อาการวูบไม่ทราบที่มา<br> • ความทรงจำขาดหาย<br> • ความทะนงตัว</td>
</tr>
<tr>
<th>โรคประจำตัวมนุษย์กึ่งเทพ</th>
<td> • ดิสเล็กเซีย (อ่อน)<br> • สมาธิสั้น (อ่อน)<br></td>
</tr>
<tr>
<th>อาวุธ</th>
<td><font face="Cordia New" size="5" color="#696969"> </font><font face="Cordia New" size="5" color="#c0c0c0">**<i style="">รอการอัพเดท**</i></font></td>
</tr>
</tbody>
</table>
</div> <!-- * End of Table -->
</div> <!-- * End of Biological Information -->
<!-- * Right: Intro -->
<div class="w3-col m6 w3-center w3-padding-large bio-info">
<blockquote>
ไง ฉันโรบิน! ..ดิค เกรย์สันหรือเปล่าหรอ? ฉัน ทิม เดรคต่างหากล่ะ เอาเป็นว่ายินดีที่ได้รู้จักนะ จากนี้ไปก็มาสนุกกันเถอะ
<span>- Robin, Cabin 11th ☤</span>
</blockquote>
</div> <!-- * End of Intro -->
<!-- * Right: Personality -->
<div class="w3-col m6 w3-center w3-padding-large bio-info">
<p class="bio-title w3-hover-shadow">✦ P e r s o n a l i t y</p>
<br>
<p class="text-style">
เด็กสาวท่าทางทะมัดทะแมง อัธยาศัยดี มีรอยยิ้มประดับอยู่บนใบหน้าเสมอ ชอบการแลกเปลี่ยน ชอบเป็นส่วนหนึ่งของบทสนทนาและไหลตามสถานการณ์เก่ง แม้ปกติจะดูไม่มีพิษมีภัย แต่บางครั้งก็อาจเห็นเธอเปลี่ยนไปสู่บุคลิกที่ต่างไปจากเดิมอย่างสุดขั้วโดยไม่รู้สึกอะไรได้เช่นกัน ท่ามกลางความขัดแย้งเธอคือคนที่ใช้มุกตลกร้ายเพื่อประชดประชันและพร้อมจะตัดสินคนอื่นตลอดเวลา โกหกได้อย่างแนบเนียน มือไวสุด ๆ ถ้าหากต้องการเข้ามาพูดคุยละก็.. แนะนำให้เก็บของมีค่าไว้กับตัวให้มิดชิดล่ะ : P
<br>
<span class="highlight-gradient w3-hover-shadow"> ⚲ กิจวัตรประจำวัน </span> ช่วงเวลาก่อนทานอาหารเช้าจะพบโรบินได้ที่สนามบาสเกตบอลกับแซเทอร์สองสามตน ส่วนในเวลาปกติเธอมักจะไปนั่งเล่นที่ริมทะเลสาบพายเรือแคนูกับคอมพิวเตอร์แล็ปท็อปคู่ใจ
<br>
<span class="highlight-gradient w3-hover-shadow"> Thing makes me happy : )</span> ความภาคภูมิใจในตัวเอง
<br>
<span class="highlight-gradient w3-hover-shadow"> Thing makes me fear : ( </span> การสูญเสียความเป็นตัวเอง
</p>
<br>
<img src="https://i.imgur.com/hdZm00g.jpeg" width="401" _height="100" border="0">
</div> <!-- * End of Personality -->
</div> <!-- * End of Layout 2 columns of block -->
<br>
<!-- * Layout 2 columns of block for likes and dislikes -->
<div class="w3-row">
<!-- Like -->
<div class="w3-col m6 w3-center w3-padding-large bio-info">
<p class="bio-title w3-hover-shadow">☻ Li k e s</p>
<br>
<p class="text-style">
• มันเผา, กลิ่นขนมอบ
<br>
• สถานที่หรือเหตุการณ์ใหม่ ๆ
<br>
• เสียงคลื่นทะเลและทรายนุ่ม ๆ
<br>
• สีหน้าประหลาดใจและเสียงหัวเราะหลังโดนเธอแกล้ง
<br>
• หน้าจอคอมพิวเตอร์ที่เต็มไปด้วยภาษาโปรแกรม
</p><p class="text-style">• หนังหรือซีรีส์ประเภทสงคราม, สยองขวัญ, แฟนตาซี<br></p>
</div> <!-- End of Like -->
<!-- Dislike -->
<div class="w3-col m6 w3-center w3-padding-large bio-info">
<p class="bio-title w3-hover-shadow">☹ D i s l i k e s</p>
<br>
<p class="text-style">
• ฝันร้ายและอาการวูบ
<br>
• อากาศร้อนหรือหนาวสุดขั้ว
<br>
• คนที่รู้ทัน, คนที่ไม่สบตาตอนพูดคุย, และคนที่มืดมน
<br>
• สัตว์เลื้อยคลาน (โดยเฉพาะงู)
<br>
• ความอยุติธรรมและความขัดแย้ง
</p>
<br>
</div> <!-- End of Dislike -->
</div> <!-- * End of Layout 2 columns of block for likes and dislikes -->
</div>
</div> แก้ไขครั้งสุดท้ายโดย Robin เมื่อ 2024-3-25 23:13 <br /><br />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
/* Outside box and bg*/
#boxProfilebg {
border: 1px solid #ffff;
border-radius: 10px;
padding: 0px;
}
.bio-title { /* for header text*/
background-color: #f4eeeeff; /* Background color */
border-radius: 7px; /* Round border */
padding-top: 7px; /* Add padding */
padding-bottom: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* box shadow */
margin-bottom: 0px; /*space between title and there's content*/
margin-top: 20px;
color: #696969; /* Font color */
font-family: "Verdana";
font-size: 30px;
}
.title-box { /* for title box */
border-radius: 10px;
background-color: #f4eeeeff
}
.text-style { /* for free text style */
text-align: left;
color: #696969; /* Font color */
font-family: "Cordia New";
font-size: 22px;
}
.text-box {
border-radius: 10px;
background-color: #ffff;
}
/* Solid border */
hr.solid {
border-top: 1px solid #bbb;
}
.
</style>
<div id="boxProfilebg">
<br>
<div align="center">
<!-- Back story -->
<div class="w3-card-4 w3-hover-shadow w3-center title-box" style="width:50%">
<p class="bio-title w3-hover-shadow">B a c k s t o r y ࿐</p>
</div> <!-- End of Back story -->
<br>
<p class="text-style text-box" style="width:90%"> ชีวิตของโรบินเริ่มต้นครั้งแรกเมื่อเธออายุ 6 ขวบที่ประเทศญี่ปุ่น เมืองโตเกียว</p><p class="text-style text-box" style="width:90%"> จากนั้นก็เริ่มต้นอีกครั้งที่เซี่ยงไฮ้ ประเทศจีน เมื่ออายุ 7 ขวบ</p><p class="text-style text-box" style="width:90%"> และอีกครั้งที่สิงคโปร์ ตอน 8 ขวบ</p><p class="text-style text-box" style="width:90%"> พอ 10 ขวบเธอก็พบว่าตัวเองอยู่ที่อินเดีย ที่นี่วุ่นวายน่าดูเพราะเธอดันต้องปักหลักอยู่ใจกลางเมืองมุมไบที่เต็มไปด้วยสีสันและควันจากท่อไอเสีย เรื่องที่นับว่าดีน่าจะมีเพียงเรื่องเดียวคือเธอได้เจอกับคนที่เรียกได้ว่าเป็น<i>เพื่อนสนิท</i>จริง ๆ คนแรก</p><p class="text-style text-box" style="width:90%"> แต่ก็น่าเสียดายอีกเช่นกันเพราะในวันเกิดอายุ 11 ปี โรบินก็ต้องไปเริ่มใหม่อีกครั้งที่ออสเตรเลีย เธอจำได้ว่าวันสุดท้ายที่สนามบินฉัตรปตีเป็นครั้งแรกที่เห็นคนเสียน้ำตาให้กับเธอ</p><p class="text-style text-box" style="width:90%"> </p><p class="text-style text-box" style="width:90%"> สุดท้ายก่อนจะมาถึงค่ายฮาล์ฟบลัด โรบินอาศัยอยู่ที่ซิลิคอนวัลเลย์ในอเมริกาเป็นเวลาเกือบ ๆ 2 ปี ส่วนสาเหตุที่ต้องย้ายที่อยู่บ่อยครั้งนั่นเป็นเพราะธุรกิจของครอบครัว พ่อกับแม่ของเธอให้เหตุผลว่าเพราะพวกเขาเป็นกรรมการผู้จัดการของบริษัทเทคโนโลยีและนวัตกรรมด้านการขนส่งชั้นนำ จึงจำเป็นต้องไปดูแลลูกค้าที่สำนักงานใหญ่อย่างใกล้ชิด ซึ่งโรบินยอมรับได้ ถึงแม้ในสายตาของเธอมันจะเหมือนพวกเขากำลังวิ่งหนีจากอะไรบางอย่างอยู่มากกว่า แต่เธอก็ไม่ได้ถามออกไป</p><p class="text-style text-box" style="width:90%"> </p><p class="text-style text-box" style="width:90%"> การต้องเริ่มต้นใหม่ในสภาพแวดล้อมที่ต่างกันสุดขั้วบ่อยครั้งถึงแม้จะน่าเบื่อสุด ๆ แต่มันก็ทำให้โรบินพูดได้หลายภาษาและปรับตัวได้ไว เธอเรียนรู้ที่จะไม่สนิทกับใครมากเกินไปหรือทำอะไรที่สะดุดตา การวิเคราะห์สถานการณ์ว่าใครเป็นจ่าฝูงหรือหมาหัวเน่ากลายเป็นเหมือนความสามารถพิเศษของเธอที่ทำให้เอาตัวรอดมาได้อย่างปลอดภัยโดยที่ไม่มีใครรู้เลยว่าเธอมีอาการดิสเลกเซียกับสมาธิสั้นแบบอ่อน ๆ แม้จะมีบางครั้งที่เธอเผลอวูบไปต่อหน้าคนจำนวนมากก็ไม่มีใครเอะใจ</p><p class="text-style text-box" style="width:90%"> </p><p class="text-style text-box" style="width:90%"> โรบินมีน้องชายอีกคนที่อายุห่างกัน 2 ปี ทั้งสองคนสนิทกันเหมือนพี่น้องทั่วไปและได้เข้าร่วมเป็นสมาชิกรุ่นเยาว์ของสมาคมความปลอดภัยทางไซเบอร์ระดับนานาชาติด้วยกัน พ่อและแม่ของทั้งสองได้สร้างสิ่งที่เรียกว่าเป็น<i>ครอบครัวอบอุ่น</i>ขึ้นมาได้อย่างสมบูรณ์แบบโดยไม่ให้คนใดคนหนึ่งรู้สึกถึงความไม่เท่าเทียมจากการเลี้ยงดู แม้แต่ตัวโรบินเองยังไม่เคยสงสัยเลยว่าทำไมเธอถึงจำเรื่องราวก่อนตัวเอง 6 ขวบไม่ได้ หรือน้องชายที่ก็ไม่เคยสงสัยเลยเช่นกันว่าตั้งแต่จำความได้จนถึง 4 ขวบโรบินหายไปไหนมา ทั้งคู่ระแวดระวังไปจนถึงทุกสายโทรเข้าจากโรงเรียนและจะไม่ยอมให้ลูก ๆ ทำอะไรที่<i>ไม่น่าเคารพนับถือ ไม่ปลอดภัย หรือไม่มีใครเขาทำกัน</i> จนบางครั้งโรบินก็รู้สึกเหมือนถูกปฏิบัติราวกับเธอเป็นลูกเสือที่ไม่มีใครแน่ใจว่าเชื่องหรือไม่</p><p class="text-style text-box" style="width:90%"> </p><p class="text-style text-box" style="width:90%"> เรื่องประหลาดในชีวิตโรบินเกิดขึ้นตั้งแต่วันเกิดครบรอบ 12 ปีเป็นต้นมา ที่สวนสัตว์เธอเห็นม้าสีดำมีปีกโดดเด่นอยู่ท่ามกลางฝูงม้าอาหรับ หรืออควาเรียมที่จัดแสดงโชว์โดยมี<i>นางเงือกจริง ๆ</i> โบกมือให้เธอ หรือเพื่อนร่วมชั้นขาใหญ่กลุ่มหนึ่งมีผมเป็นไฟลุกโชนทั้งหัวในชั้นเรียนวิชาพละ แต่เมื่อกระพริบตาอีกครั้งภาพเหล่านั้นก็หายไป หรืออาการวูบที่เพิ่มความพิเศษขึ้น มันมาพร้อมกับเสียงกระซิบแผ่วเบาจากที่ไกล ๆ เมื่อเธอลองเล่าเรื่องนี้ให้พ่อกับแม่ฟังโดยหวังจะได้รับการรักษาก็กลับได้คำตอบเป็นเพียงสีหน้ากังวลใจ โรบินเริ่มได้ยินเสียงถกเถียงกันในห้องครัวยามดึกโดยมีคำสำคัญเป็นชื่อของเธอบ่อยขึ้น และในครึ่งเทอมหลังของเกรด 7 เพื่อนสนิทจากอินเดียคนนั้นกลับมาปรากฏตัวอยู่ในห้องเรียนเดียวกันด้วยความตั้งใจของเจ้าตัว เขาบอกกับเธอว่าระหว่างที่เธอย้ายออกไปก็ไม่ได้ข่าวคราวของเธออีกเลยจึงออกตามหามาเรื่อย ๆ จนมาถึงที่นี่โดยหวังว่าหากไม่มีอะไรเกิดขึ้นระหว่างนั้น ทั้งสองคงจะได้เรียนด้วยกันจนจบมัธยมปลาย</p>
<hr class="solid">
<br>
<p class="text-style text-box" style="width:90%"><i><font size="4" color="#808080"><b style="">** สถานะปัจจุบัน **</b></font></i></p><p class="text-style text-box" style="width:90%"><font size="4" style="" color="#808080">กาบรีลา: แม่แท้ ๆ ของโรบิน เสียชีวิตจากสงคราม</font></p><p class="text-style text-box" style="width:90%"><font color="#808080"><font size="4" style="">อเล็กซานเดอร์: </font><span style="font-size: large;">น้องชายของกาบรีลา รู้ความจริงเรื่องชาติกำเนิดของโรบิน ก่อนเสียชีวิตได้เขียนจดหมายสั่งเสียเอาไว้เพื่อให้อิวานไปรับโรบินที่โรงแรมแห่งหนึ่งในญี่ปุ่นตามวันเวลาที่กำหนด พร้อมกำชับให้เลี้ยงดูเหมือนลูกของตน</span></font></p><p class="text-style text-box" style="width:90%"><font size="4" style="" color="#808080">อิวาน (พ่อบุญธรรม): ลูกชายของคนเดียวของอเล็กซานเดอร์</font></p><p class="text-style text-box" style="width:90%"><font size="4" style="" color="#808080">เบเรนีซ (แม่บุญธรรม): ภรรยาของอิวาน</font></p><p class="text-style text-box" style="width:90%"><font size="4" style="" color="#808080">อิกอร์ : ลูกชายแท้ ๆ ของอิวานและเบเรนีซ</font></p>
</div> <!-- End of Center -->
</div> <!-- End of Outside box and bg -->
หน้า:
[1]