Nano's Schenanigans

[Nano]

Uhh umm...this is just for some random stuff that I'll be throwing up occasionally (mainly codes and gfx with the occasional drawing), so I can share with certain people more easily since they can't go on my private workshop? xDD
Please don't steal anything though. 8(


Note: All of the coding in this thread is best viewed at a certain zoom function depending on your browser and windows(/ios? what do macs use) version. Just keep zooming out until you get the proper visual I guess. lol

 

[Nano]

For you @Quark I guess. haha

@import url('https://fonts.googleapis.com/css?family=Alegreya|Cinzel|Cinzel+Decorative|Playfair+Display+SC');

.Haku-Body {
background-image: url("https://dl.dropboxusercontent.com/s/kxgoekvyfbaf2o5/Hakuren.Base.jpg");
height: 900px;
width: 1450px;
border-style: solid;
border-width: 1px;
border-color: #000000;
}

.Haku-Title {
margin: 0px 30px 0px 0px;
color: #ffffff;
font-family: 'Cinzel Decorative', cursive;
font-size: 25px;
line-height: 20px;
text-align: right;
}

.Haku-Headings {
padding: 0px 0px 0px 30px;
color: #ffffff;
font-family: 'Cinzel Decorative', cursive;
font-size: 25px;
text-align: left;
}

.Haku-Textbox {
margin: 125px 0px 0px 120px;
padding: 70px 10px 10px 70px;
height: 710px;
width: 870px;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
background-color: #595959;
position: relative;
}

.Haku-tabs {
margin: 0px 0px 0px 0px;
position: relative;
min-height: 200px;
clear: both;
}

.Haku-tab {
float: left;
}

.Haku-tab label {
padding: 10px;
position: relative;
}

.Haku-tab [type=radio] {
display: none;
}

.Haku-content {
position: absolute;
height: 630px;
width: 790px;
background-color: #595959;
color: #ffffff;
font-family: 'Alegreya', serif;
font-size: 16px;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
overflow: auto;
}

.Haku-content::-webkit-scrollbar {
display: none;
}

[type=radio]:checked ~ label {
z-index: 2;
}
[type=radio]:checked ~ label ~ .Haku-content {
z-index: 1;
}

.Haku-Main {
margin: -784px 0px 0px 46px;
height: 150px;
width: 150px;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: absolute;
}

.Haku-Basics {
margin: -145px 0px 0px 50px;
position: absolute;
}

#Haku-Basics2 {
height: 100px;
width: 100px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
position: relative;
margin: 0 auto;
}

#Haku-Basics2 img {
position: absolute;
left: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

#Haku-Basics2 img.top:hover {
opacity: 0;
}

.Haku-Personality {
margin: -145px 0px 0px 150px;
position: absolute;
}

#Haku-Personality2 {
height: 100px;
width: 100px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
position: relative;
margin: 0 auto;
}

#Haku-Personality2 img {
position: absolute;
left: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

#Haku-Personality2 img.top:hover {
opacity: 0;
}

.Haku-Memories {
margin: -145px 0px 0px 250px;
position: absolute;
}


#Haku-Memories2 {
height: 100px;
width: 100px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
position: relative;
margin: 0 auto;
}

#Haku-Memories2 img {
position: absolute;
left: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

#Haku-Memories2 img.top:hover {
opacity: 0;
}

.Haku-Skills {
margin: 30px 0px 0px -180px;
position: absolute;
}

#Haku-Skills2 {
height: 100px;
width: 100px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
position: relative;
margin: 0 auto;
}

#Haku-Skills2 img {
position: absolute;
left: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

#Haku-Skills2 img.top:hover {
opacity: 0;
}

.Haku-Extras {
margin: 150px 0px 0px -200px;
position: absolute;
}

#Haku-Extras2 {
height: 100px;
width: 100px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
position: relative;
margin: 0 auto;
}

#Haku-Extras2 img {
position: absolute;
left: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

#Haku-Extras2 img.top:hover {
opacity: 0;
}




Mikami Hakuren

Basics



Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Personality



Stuff

Memories



Stuff

Skills



Stuff

Extras



Stuff

edit: gotta love double posting >.>;

 

[Quark]

@Nano 


*q* I am drooling all over this thread. 


It looks shoooo gud. I can already tell how great Haku's CS will look when you finish up the raw content. 

 

[Nano]

Note: Editing the code is a pain because of how many pictures are used. @v@;;;


@import url('https://fonts.googleapis.com/css?family=Alegreya|Cinzel|Cinzel+Decorative|Playfair+Display+SC');

.Ran-Body {
background-image: url("https://dl.dropboxusercontent.com/s/zmhz6819wt517u4/Ran.Base2.jpg");
height: 900px;
width: 1450px;
border-style: solid;
border-width: 1px;
border-color: #000000;
}

.Ran-Title {
margin: 0px 30px 0px 0px;
color: #ffffff;
font-family: 'Cinzel Decorative', cursive;
font-size: 25px;
line-height: 20px;
text-align: right;
}

.Ran-Headings {
padding: 0px 0px 0px 30px;
color: #ffffff;
font-family: 'Cinzel Decorative', cursive;
font-size: 25px;
text-align: left;
}

.Ran-Textbox {
margin: 125px 0px 0px 120px;
padding: 70px 10px 10px 70px;
height: 710px;
width: 870px;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
background-color: #595959;
position: relative;
}

.Ran-tabs {
margin: 0px 0px 0px 0px;
position: relative;
min-height: 200px;
clear: both;
}

.Ran-tab {
float: left;
}

.Ran-tab label {
padding: 10px;
position: relative;
}

.Ran-tab [type=radio] {
display: none;
}

.Ran-content {
position: absolute;
height: 630px;
width: 790px;
background-color: #595959;
color: #ffffff;
font-family: 'Alegreya', serif;
font-size: 16px;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
overflow: auto;
}

.Ran-content::-webkit-scrollbar {
display: none;
}

[type=radio]:checked ~ label {
z-index: 2;
}
[type=radio]:checked ~ label ~ .Ran-content {
z-index: 1;
}

.Ran-Main {
margin: -784px 0px 0px 46px;
height: 150px;
width: 150px;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: absolute;
}

.Ran-Basics {
margin: -145px 0px 0px 50px;
position: absolute;
}

#Ran-Basics2 {
height: 100px;
width: 100px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
position: relative;
margin: 0 auto;
}

#Ran-Basics2 img {
position: absolute;
left: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

#Ran-Basics2 img.top:hover {
opacity: 0;
}

.Ran-Personality {
margin: -145px 0px 0px 150px;
position: absolute;
}

#Ran-Personality2 {
height: 100px;
width: 100px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
position: relative;
margin: 0 auto;
}

#Ran-Personality2 img {
position: absolute;
left: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

#Ran-Personality2 img.top:hover {
opacity: 0;
}

.Ran-Memories {
margin: -145px 0px 0px 250px;
position: absolute;
}


#Ran-Memories2 {
height: 100px;
width: 100px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
position: relative;
margin: 0 auto;
}

#Ran-Memories2 img {
position: absolute;
left: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

#Ran-Memories2 img.top:hover {
opacity: 0;
}

.Ran-Skills {
margin: 30px 0px 0px -180px;
position: absolute;
}

#Ran-Skills2 {
height: 100px;
width: 100px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
position: relative;
margin: 0 auto;
}

#Ran-Skills2 img {
position: absolute;
left: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

#Ran-Skills2 img.top:hover {
opacity: 0;
}

.Ran-Extras {
margin: 150px 0px 0px -200px;
position: absolute;
}

#Ran-Extras2 {
height: 100px;
width: 100px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #ffffff;
position: relative;
margin: 0 auto;
}

#Ran-Extras2 img {
position: absolute;
left: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

#Ran-Extras2 img.top:hover {
opacity: 0;
}




Ranmaru

Basics



Mouseover and click on the circle icons! =D

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Personality



Stuff

Memories



Stuff

Skills



Stuff

Extras



Stuff

 

[GingerBread]

Hey, so since I'm still trying to learn how to code, here and there like. How are you getting CSS to work with html on RPN, Cause I can't get the two to work together. Idk if I'm just awful at html/css coding, or if it is something with the site (Since BBCode used to mess up a lot before, and it'd mess up the code with that as well)

 

[Nano]

Hey, so since I'm still trying to learn how to code, here and there like. How are you getting CSS to work with html on RPN, Cause I can't get the two to work together. Idk if I'm just awful at html/css coding, or if it is something with the site (Since BBCode used to mess up a lot before, and it'd mess up the code with that as well)

Not too sure if this is your issue, but you have to place text or something before your code in order to get the css to work. You can do this by placing an empty div box or empty paragraph tag before your code.


Hope this helps?

 

[A Murder Of Corviknight]

lel very purty nano >v> Even though you showed me this already. ... >.> The code is way off screen on mine though. You're laptop res is too gud. >n> *throws you jelly*

 

[Nano]

lel very purty nano >v> Even though you showed me this already. ... >.> The code is way off screen on mine though. You're laptop res is too gud. >n> *throws you jelly*

*noms* ouo


I use pixels instead of percentages, so you should be able to see it just fine on like...idk Google Chrome on 60%? 8d;;;


wide screens ftw

 

[Nano]

Spoiler

Living with bad phone cameras wheeee....

Tried to see if I could draw? I think I failed, haha.


I guess it was okay for practice, although I only drew a face-shot because I was lazy?

 

[Entarriance]

this is my aesthetic


especially since i used to bbcode and it was aesthetic and now that's dead and im a lost lima bean in a big world


THIS IS HELLA GOOD THO and u stop ur art is cute

 

[Quark]

@Nano-chan, you shade eyes very well. She has nice hair =DD. Looks beary cute. 

 

[Nano]

@Entarriance


Ah, tyty~


Being that I had absolutely no html knowledge prior to rpn's html announcement, I was actually pretty lost too, haha...bbcode was a lot more easy to comprehend, although html has its advantages of being a little more flexible and having more options. @x@


@Quark


I suddenly feel the urge to edit that picture out (I'm not used to sharing things) 8'D


hmmm...for practicing though, does doing expression sheets first help?

 

[Nano]

Thought I'd throw this one up too? It's a simple format, but I think I like it. Please don't take the code or the character.


@import 'https://fonts.googleapis.com/css?family=Cinzel|Cinzel+Decorative|Crimson+Text';
@import 'https://fonts.googleapis.com/css?family=Handlee';


.SSBody {
padding: 15px 10px 0px;
background-color: #f2f2f2;
}


.SSBasicsBox {
margin: 580px 10px 0px 10px;
padding: 10px 0px;
border-radius: 10px;
background-color: rgba(115, 115, 115, 0.5);
}


.SSDisclaimer {
color: #000000;
font-family: 'Crimson Text', serif;
font-size: 14px;
text-align: left;
}


.SSName {
color: #1a1a1a;
font-family: 'Cinzel Decorative', cursive;
font-size: 17px;
text-align: center;
}


.SSBasics {
margin: 0px 10px;
color: #1a1a1a;
font-family: 'Crimson Text', serif;
font-size: 17px;
text-align: center;
}


.SSInfoHeaders {
color: #000000;
font-family: 'Cinzel Decorative', cursive;
font-size: 17px;
text-align: right;
line-height: 0px;
}


.SSQuote {
color: #000000;
font-family: 'Handlee', cursive;
font-size: 16px;
text-align: left;
line-height: 0px;
}


.SSInfo {
margin: 0px 10px;
padding: 10px 10px;
background-color: #d9d9d9;
color: #000000;
font-family: 'Crimson Text', serif;
font-size: 16px;
text-align: left;
}


.SSIcons {
text-align: center;
margin: 0px 50px;
padding: 10px;
border-style: none none solid none;
border-width: 1px;
border-color: #000000;
}


.SSColumnLeft {
background-image: url("https://dl.dropboxusercontent.com/s/778y09fbq20tftm/Cover.v3.jpg");
height: 768px;
width: 505px;
float:left;
border-style: solid none solid solid;
border-width: 1px;
border-color: #000000;
}


.SSColumnRight {
height: 768px;
width:814px;
overflow: auto;
float:left;
border-style: solid;
border-width: 1px;
border-color: #000000;
}


.SSHalf {
width: 365px;
float:left;
font-family: 'Crimson Text', serif;
font-size: 16px;
text-align: center;
}


.SSNinjaInfoL {
width: 238px;
margin: 10px;
padding: 10px;
float:left;
background-color: #d9d9d9;
text-align: center;
}


.SSTab {
background-color: #f2f2f2;
font-family: 'Crimson Text', serif;
font-size: 16px;
text-align: center;
}


.SSNinjaInfoR {
width: 476px;
margin: 10px;
float:left;
}


.SSRTitle {
color: #000000;
font-family: 'Cinzel Decorative', cursive;
font-size: 17px;
text-align: left;
line-height: 0px;
}


.SSRBox {
padding: 10px;
font-family: 'Crimson Text', serif;
font-size: 16px;
text-align: left;
background-color: #d9d9d9;
}


This CS was built on a computer via Google Chrome with a zoom function set at 100%. Mozilla Firefox users must set their zoom function at 80% for optimal visuals. This CS was not made with mobile in mind and may potentially be difficult to read on such devices.






Shimotsuki Sasame


霜月小雨 || Female || Age 16 || November 11th || 5'5" (165cm) || 119lbs (54kg)

The Meaning of a Name   


Name - Shimotsuki, Sasame

Kanji - 霜月小雨

Nicknames/Aliases - N/A

Name Meaning - Shimotsuki "霜月" means frozen moon/month and refers to the 11th month on the Lunar Calendar. Sasame comes from "sa" (小) meaning "little" and "same" (雨) meaning "rain" which when put together as "小雨" means "light rain" or "drizzle." In a sense, Sasame's full name can be an abstract way of meaning "light snow."

What Meets The Eye   


Adorned with few embellishments, Sasame applies no makeup to her already pale skin and keeps her silky locks of a platinum blonde bound in a simple but neat ponytail. The only accessories that she consistently wears are her trademark hat and the scarves that she wears so religiously. At times, these extra apparel cast a shadow over her facial features, causing her jade eyes to almost glow with a cold and ominous color.

To Sasame, one does not need to be ornate in order to appear sophisticated. Donned in a simple pair of shorts and a sweater that fits comfortably over her rather lean figure, one can clearly see Sasame's preference for comfort over the more decorative styles that most females prefer. This philosophy of convenience is broken only by the scarf that she is so adamant about wearing. Sasame herself states that the sole reason as to why she wears a scarf is because, “no ninja should be without a scarf.”

Persona   

   “Being powerful is like being a lady. If you have to tell people you are, you aren’t.”


She always keeps her mind fixated on her goals! She safeguards those around her with her passionate and warm vigilance! -or rather, when people hear of such a description and meet Shimotsuki Sasame, they know they’ve got the wrong person for sure.

Laid-back to the point of apathy, there’s very little that can seem to truly rouse Sasame. While most would expect one of her background to be the type to seek conflict or even just be a person burning with passion, Sasame instead places her values in leading a minimalistic life that avoids complications. Oddly enough, she feels that even the expression of most emotions is too much of a bother, a belief reflected in her jaded attitude.

In spite of her pacifistic mindset, Sasame bears an ironic desire for power and strength. This desire is seldom backed up by rigorous training sessions, but she has, in fact, gone through measures to satisfy this need, even if only by an ounce. While doggedly refusing to use her skills unless driven to a point where combat is a necessity, Sasame justifies the refinement of her combative abilities with the belief that strength only counts if you have it when it truly matters. After all, there’s no point in exhausting yourself over the more trivial things.

Sasame may make exceptions for the rare few who have managed to gain the privilege of being considered a “comrade.” While certainly not the touchy-feely type and an advocate of the phrase “personal space,” she may occasionally be shown to have a bit of a soft spot for these people, even smiling while amongst them. Of course, these so-called “comrades” are few and far between.

Extras

- Sasame speaks in an odd way, using the pronoun "sessha" as well as just overall speaking in a relatively polite manner.

- Has a huge appetite and is usually seen snacking on something rice-based.

Shisamaru   


Shisamaru is a wakizashi with a blade length of 60cm forged by the esteemed swordsmith Toudou Munakata. While he had originally intended to forge a mamorigatana, Munakata decided to forge a wakizashi instead in order to provide the son of his good friend of the Takamine family with a wakizashi to accompany his katana.

While the son had been known to be down on his luck, he noticed that since he had received the wakizashi there had been a considerably less amount of misfortune befalling him, almost as if the sword was warding off evil. Thus, the son carried around the wakizashi everywhere as a protective charm even though it was not a mamorigatana. The sword received its name as its reputation as a protective sword grew over time and was compared to the likeness of a Shisa, perhaps even blessed to be like these guardians.

Shisamaru fell into unknown hands for a period of time when it was stolen from the Takamine family. Where the sword had been remains undocumented and it only made a public reappearance when it somehow came into the possession of the Shimotsuki family. It is currently in the hands of Shimotsuki Sasame.

Historia   


Regret was all that she had felt at the moment of his death. If she had been strong, then perhaps she could have assisted and prevented the events that had led to his demise. As a result of her own selfish foolishness, she had lost the person most dear to her, leaving her with only the bitterness of vengeance as well. as the determination to take back what was rightfully hers.

Being the only daughter of her family, Sasame was frequently doted upon, especially by her father and her older brother. However, she was never quite allowed to be spoiled, instead disciplined in the arts and knowledge that was expected of one from the Shimotsuki. This was especially so for Sasame, since she was considered “special” or an anomaly, as she had the five-tailed beast, Kokuo, sealed within her.

Sasame’s older brother, Ushio, naturally shared a close bond with Sasame due to being the primary overseer of her training. Even though she wasn’t very interested in “becoming the strength of the Shimotsuki,” every lesson from Ushio was taken to heart. However, the sole thing that she could not agree with was his willingness to fight long and hard in order to bring about even the smallest change in the non-existent union of the various factions within the village. To Sasame, this quest for power for such a silly purpose was something that she could not possibly understand, especially when she was plagued with a power and responsibility that she had never even wanted.

Wallowing in her self-pity, Sasame became blind to the pressures that Ushio himself faced as the current owner of the Shimotsuki’s treasured wakizashi Shisamaru. Not only did this signify that he was meant to become the successor of the current head of the Shimotsuki, but it also caused him to become a target to those who would covet the ancient sword.

In an ironic twist of fate, the sword that was supposed to be a protective charm against evil brought about Ushio’s downfall. He had paid for the shame of losing the sword with his life, having fought tooth and nail to keep the family heirloom from leaving his side. It was only when Sasame saw his cold and lifeless body that she made a vow with a burning conviction. She would find Ushio’s killers and reclaim the sword from the herself. Not only that, but in order to never be faced with regret again, she would harden her heart and become a person of strength. She was never going to dive head first into battle like her brother had, but the harsh reality had been that it had been power that she had been most lacking during a time that it had mattered the most.

Like, Dislike   




Likes

Rice (borderline obsession)

Anything w/ rice

Shisamaru

Scarves

Shortcuts

Sleeping

Night sky

High places


Dislike

Troublesome things

Unecessary altercations

Sweets

The cold

Being dragged around

Not having Shisamaru in her possession

Fussy people

Noisy or crowded places









Strengths and Weaknesses (Persona)   

Strengths

Doesn't go out of her way to pick fights

Thinks things through when it matters

Rather independent

​

Weaknesses

Her indifferent attitude can easily offend others

Feels extremely insecure when Shisamaru is not by her side

Often fails to respect the wishes or commands of others, preferring to go off on her own instead

​

Ninja Rank

Chunin


Chakra Natures

Fire, Water (Boil Release)


Tailed Beast

Five-Tails Jinchuuriki





Stats

Strength - 6/10 || Speed - 4/10 || Stamina - 2/10 || Intelligence - 6/10

Chakra Control - 3/5

Genjutsu - 0/100 || Ninjutsu - 30/100 || Taijutsu - 10/100 || Kenjutsu - 80/100

​

Jutsu

Acid Permeation

Bubble Dome

Explosive Bubble

Boil Release

Boil Release: Unrivalled Strength

​

Str/Wk

Strengths

Capable of using different techniques in tandem in order to give herself a tactical advantage.

Can increase her physical strength considerably and gain bursts of speed via the use of the power of the five-tailed beast Kokuo.

Sasame is skilled in swordsmanship.

Weaknesses

Due to her lack of hardcore training, Sasame inevitably suffers from low stamina.

While she appears to have many tools to use, the individual techniques on their own (other than Boil Release techniques) actually lack much power and therefore are used primarily for utility.

As her specialty is swordsmanship, her combative proficiency is dragged down considerably when unarmed.

​

★彡 Butts n' Rainbows

   © Code by Nano. | © Shimotsuki Sasame by Nano. | (Do not steal or I WILL snot on you >:Y)

 

[Demon]

What's the source image on this if you would?


https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://dl.dropboxusercontent.com/s/gdzlt7gc6amssi4/Memoria.Banner.png&key=f813f602d9202a6efeb9f193376bbf26587a381b6494d8c25ebf735c54874f5d

 

[Nano]

What's the source image on this if you would?


https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://dl.dropboxusercontent.com/s/gdzlt7gc6amssi4/Memoria.Banner.png&key=f813f602d9202a6efeb9f193376bbf26587a381b6494d8c25ebf735c54874f5d

If you mean where I found this image, this is actually a banner for a 1x1 that I made myself on photoshop. It's actually a collection of a whole bunch of different pictures that I edited and pasted together.

 

[Demon]

If you mean where I found this image, this is actually a banner for a 1x1 that I made myself on photoshop. It's actually a collection of a whole bunch of different pictures that I edited and pasted together.

I am beyond impressed. I'll be following.

 

[Nano]

For practice this time, I decided to try drawing up an old character that never happened because I couldn't find a character with the asymmetrical hairstyle and general appearance I wanted. QvQ


He's a musical virtuoso who also happens to be a Russophile? (although he's actually German, lol)


Not too sure if I wrote the text in the speech bubble correctly, so if that offends anyone, I'm sorry. @x@


Edit: The ribbon tie thing and collar was all because I happened to be staring at a picture of Horikawa for a bit. I'm sorry.

 

[Nano]

New code and I guess a sneak peek for those of you from ToF? I ended up having to do a ton of weird stuff just to make this RPN-proof, so I don't get in trouble for html misusage ;A;


Edit: 'Cuz I'm stupid and derped on the tabs...


Edit (2): deleted to make way for the new and improved version

 

[Quark]

@Nano


Oh nice. That latest drawing xDD. 


Tabs are nice. I like tabs. The buttons aren't on the same line, is that intentional?


I like Dale's sparkly eyes. xDD


(And Ohhhhh TOF exclusive-eh? xDD)

 

[Nano]

@Nano


Oh nice. That latest drawing xDD. 


Tabs are nice. I like tabs. The buttons aren't on the same line, is that intentional?


I like Dale's sparkly eyes. xDD


(And Ohhhhh TOF exclusive-eh? xDD)

???
Not on the same line? I'll admit that Relationships and Combat seems a bit higher than the other 3 tabs (I'll be fixing that once I get back home after this), but other than that, it seems pretty straight?


On my screen, I see this:

This is for both Chrome and Mozilla, although idk about other browsers? o - o


How bad is it?


Edit: Also, just making it RPN-proof was a real pain in the rear end, so I probably won't be using this for anyone other than Dale unless I manage to clean up the code.

 

[A Murder Of Corviknight]

*rolls in* Nano, not everyone has HD resolution like you do ' - '

 

[Nano]

*rolls in* Nano, not everyone has HD resolution like you do ' - '

Well, you don't need the resolution that my computer has, because it isn't a zoom issue, since I can do that just fine at different zooms. >:Y

 

[A Murder Of Corviknight]

Well, you don't need the resolution that my computer has, because it isn't a zoom issue, since I can do that just fine at different zooms. >:Y

' - ' I have to go on zoom 75% WITH full screen. *flails* EXPLAIN. My eyeballs can't take the small font too.

 

[Nano]

' - ' I have to go on zoom 75% WITH full screen. *flails* EXPLAIN. My eyeballs can't take the small font too.

Dude, I'm sure someone told me size 14 is the default font size on rpn? Plus, I don't see why you need the words to be 1cm in height just to see it. I'm sorry, but you should really get your prescription changed.


Jokes aside, if you want to continue this, just freaking text me or something. gosh...


Edit: On that note, I guess I'll be editing this code later on so that they're a whole lot less of these issues popping up...

 

[A Murder Of Corviknight]

Spoiler

This isn't the same OnO*******


 


as that OnO*********** The letters for that font on that one make my eyeballs hurt to look at it. Just add the freaking sidebar.


(Just kidding, idk what to say man. Just set the website on fire or something. Might be easier.)

Tbh my main issue is that I always have to zoom in and out trying to guess which I have to use just for your codes. =A= I don't understand why all 90-100% zoom modes can't all be the same. I wouldn't have this headache otherwise. *strangles the people who thought this was a good idea*


Edit: That and my computer resolution starts to protest against font size 12 starting at 75% and it gets worse at 67% which what I need to see most of your codes. Like clearly there's something wrong here with the system if your 100% on chrome equals my 67-75%. *throws laptop at devs*