API tools faq
paste
Advertisement
CrispinAsheYA

Lunar Moon (MISC, F2U)

CrispinAsheYA
May 16th, 2022 (edited)
202
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 43.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2.  
  3. <!--RULES
  4.  
  5. YOU MAY
  6. -Frankenstein this with other codes and add/change/delete sections to your liking
  7. -Change colours, images, fonts, ect.
  8.  
  9. YOU MAYN'T
  10. -Resell or copy and paste this template pretty much exactly and pass it off as your own
  11. -Change every single image to be Minecraft Raw Porkchop
  12.  
  13. HOW TO USE
  14. -When editing, remember to turn WYSIWYG off! (AKA, the button should say "Enable WYSIWYG"! What does that stand for anyway?)
  15. -I tend to litter comments everywhere. I like to assume that somewhere out there, one of my templates is someone's first ever experience with HTML so I tend to explain accordingly. Feel free to delete the comments to your liking.
  16. -To change the colours, I recommend copying and pasting all of your code into a Google Doc, going onto "find and replace" and using the colours below to quickly change the colours globally.
  17.  
  18. Default Colours
  19. -Bright Colour: #33449B
  20. -Darker Colour: #131635
  21. -Background Colour: #171537
  22.  
  23. For this template specifically, your character's design may be consistent no matter what they endure by the end of the story. Therefore, it may be easier to, instead of copying and pasting one Design area to the second design area, you may wanna get rid of the second Design Area and set the button in the spoilers area from 7 to 5 instead. Just remember to add the section back in and change accordingly if you change your mind!
  24.  
  25. Thank you for reading!
  26. Crispin
  27.  
  28. -->
  29.  
  30. <!---------------------------------------------------------  START BACKGROUND --------------------------------------------------------->
  31.  
  32. <div class="col-lg-2 col-md-3 hidden-sm-down sidebar"></div>
  33. <div class="card rounded-0 border-0 col-lg-10 offset-lg-2 col-md-9 offset-md-3 p-0" style="overflow:hidden; position:fixed; bottom:0; top:0; left:0; z-index:-1; background-color:#171537;">
  34. </div>
  35.  
  36. <!---------------------------------------------------------  END BACKGROUND --------------------------------------------------------->
  37.  
  38.  
  39. <div class="row p-3 tab-pane fade show active"> <!-- This sets up the box you're writing in. I suggest not fiddling this. -->
  40.  
  41.  
  42.   <!--------------------------------------------------------- START TABS & PLAYLIST ------------------------------------------------------->
  43.  
  44.   <div class="col-12 col-lg-4"> <!-- Sets up the Tabs & Playlist area -->
  45.  
  46.     <!------------------------------------------------------------- START TABS ------------------------------------------------------------>
  47.    
  48.     <div class="card mb-3 mb-lg-0" style="height:540px; font-family:'comic sans ms'; color:#33449B; background:#131635; border:6px #33449B solid;"> <!-- Sets up Tabs Area -->
  49.      
  50.       <!------ START HEADER ------>
  51.       <div class="card-header py-1 px-2 text-white" style="font-size:17px; border-radius:0px; background-color:#33449B; border-color:#33449B">
  52.         <span class="pull-left"><i class="fas fa-moon"></i> Tabs</span>
  53.       </div>
  54.       <!------ END HEADER ------>
  55.      
  56.       <!------------------------- START BUTTONS --------------------------->
  57.      
  58.       <ul class="nav flex-column m-3"> <!-- Defines this as the list for the buttons -->
  59.        
  60.         <!--- START BUTTON ONE --->
  61.         <li class="nav-item m-1"><a class="nav-link btn btn" style="font-family:'comic sans ms'; color:#33449B; background: #131635; border: 6px #33449B solid;" data-toggle="pill" href="#one">Surface Culture</a></li>
  62.         <!-- <li> and </li> defines each point of the list (like a bullet point!) making each button distinct -->
  63.         <!--- END BUTTON ONE --->
  64.        
  65.         <!--- START BUTTON TWO --->
  66.         <li class="nav-item m-1"><a class="nav-link btn btn" style="font-family:'comic sans ms'; color:#33449B; background: #131635; border: 6px #33449B solid;" data-toggle="pill" href="#two">Geography & Biology</a></li>
  67.        <!-- nav-link btn btn is essentially the building block of the button -->
  68.        <!--- END BUTTON TWO --->
  69.        
  70.        <!--- START BUTTON THREE --->
  71.        <li class="nav-item m-1"><a class="nav-link btn btn" style="font-family:'comic sans ms'; color:#33449B; background: #131635; border: 6px #33449B solid;" data-toggle="pill" href="#three">Communication Styles & Rules</a></li>
  72.        <!-- anything within the style="##" is fun stuff like font of the writing inside the button, the background colour, border colour & thickness, ect. -->
  73.        <!--- END BUTTON THREE --->
  74.        
  75.        <!--- START BUTTON FOUR --->
  76.        <li class="nav-item m-1"><a class="nav-link btn btn" style="font-family:'comic sans ms'; color:#33449B; background: #131635; border: 6px #33449B solid;" data-toggle="pill" href="#four">Notions Of...</a></li>
  77.         <!--- END BUTTON FOUR --->
  78.        
  79.         <!--- START BUTTON FIVE --->
  80.         <li class="nav-item m-1"><a class="nav-link btn btn" style="font-family:'comic sans ms'; color:#33449B; background: #131635; border: 6px #33449B solid;" data-toggle="pill" href="#five">Concepts Of...</a></li>
  81.         <!--- END BUTTON FIVE --->
  82.        
  83.         <!--- START BUTTON SIX --->
  84.         <li class="nav-item m-1"><a class="nav-link btn btn" style="font-family:'comic sans ms'; color:#33449B; background: #131635; border: 6px #33449B solid;" data-toggle="pill" href="#six">Attitudes Towards...</a></li>
  85.         <!--- END BUTTON SIX --->
  86.        
  87.         <!--- START BUTTON SEVEN --->
  88.         <li class="nav-item m-1"><a class="nav-link btn btn" style="font-family:'comic sans ms'; color:#33449B; background: #131635; border: 6px #33449B solid;" data-toggle="pill" href="#seven">Approaches To...</a></li>
  89.         <!--- END BUTTON SEVEN --->
  90.        
  91.         <!--- START BUTTON EIGHT --->
  92.         <li class="nav-item m-1"><a class="nav-link btn btn" style="font-family:'comic sans ms'; color:#33449B; background: #131635; border: 6px #33449B solid;" data-toggle="pill" href="#eight">Images</a></li>
  93.         <!--- END BUTTON EIGHT --->
  94.        
  95.         <!--- START BUTTON NINE --->
  96.         <li class="nav-item m-1"><a class="nav-link btn btn" style="font-family:'comic sans ms'; color:#33449B; background: #131635; border: 6px #33449B solid;" data-toggle="pill" href="#nine">Sources</a></li>
  97.         <!--- END BUTTON NINE --->
  98.        
  99.       </ul> <!-- Ends the button list -->
  100.      
  101.     </div> <!-- End Tabs Area -->
  102.    
  103.     <!------------------------- END BUTTONS --------------------------->
  104.    
  105.     <!------------------------------------------------------ END TABS ----------------------------------------------------->
  106.  
  107.   </div> <!-- End Tabs & Playlist Area -->
  108.  
  109.   <!------------------------------------------------------ END TABS & PLAYLIST ----------------------------------------------------->
  110.  
  111.   <!----------------------------------------------------------- START INFO ------------------------------------------------------------>
  112.    
  113.   <div class="col-12 col-lg-8"> <!-- Sets up The Whole Square On The Right -->
  114.    
  115.     <div class="card text-white" style="height:715px; font-family:'comic sans ms'; color:#33449B; background:#131635; border:6px #33449B solid;"> <!-- Sets up The Whole Square On The Right 2 -->
  116.      
  117.       <!------ START HEADER ------>
  118.       <div class="card-header py-1 px-2 text-white" style="font-size:17px; border-radius:0px; background-color:#33449B; border-color:#33449B">
  119.         <span class="pull-left"><i class="fas fa-moon"></i> Info</span>
  120.       </div>
  121.       <!------ END HEADER ------>
  122.      
  123.       <div class="tab-content"> <!-- Sets up Tabs -->
  124.      
  125.       <!-------------------------------------------------------- START SURFACE CULTURE --------------------------------------------------------->
  126.        
  127.         <div class="tab-pane active" id="one"> <!-- Start Tab 1 -->
  128.          
  129.           <div class="card-body p-3 table-responsive" style="max-height:675px"> <!-- This area is 675 pixels high -->
  130.            
  131.             <!------ START SECTION 1 ------>
  132.             <span style="font-size:22px; color:#33449B"> Food</span> <!-- Writes Trivia at the top -->
  133.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  134.            
  135.             <!------ START TEXT ------>
  136.             <p>What kinds of foods do this culture have access to?<br>Are they mealers or grazers? How is snacking seen?<br>Extra facts.<br>-</p>
  137.             <p><b>Here Are Some Dishes</b></p>
  138.             <ul>
  139.               <li>Dish 1 - Description of the dish.</li>
  140.             </ul>
  141.             <!------ END TEXT ------>
  142.            
  143.             <!------ END SECTION 1 ------>
  144.            
  145.            
  146.             <!------ START SECTION 2 ------>
  147.             <span style="font-size:22px; color:#33449B"> Music</span> <!-- Writes Trivia at the top -->
  148.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  149.            
  150.             <!------ START TEXT ------>
  151.             <p>What is the general sound of their traditional music? What instruments do they have access to?<br>-</p>
  152.             <p><b>Here Are Some Musical Genres / Songs</b></p>
  153.             <ul>
  154.               <li>Music Style - Description</li>
  155.             </ul>
  156.            
  157.             <!------ END TEXT ------>
  158.            
  159.             <!------ END SECTION 2 ------>
  160.            
  161.            
  162.             <!------ START SECTION 3 ------>
  163.             <span style="font-size:22px; color:#33449B"> Games</span> <!-- Writes Trivia at the top -->
  164.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  165.            
  166.             <!------ START TEXT ------>
  167.             <p>How are games seen in this culture? Are they a children's toy or are they things adults can enjoy too?<br>What sports are there?<br>Are there board games?<br>-</p>
  168.             <p><b>Here Are Some Games</b></p>
  169.             <ul>
  170.               <li>Game - Description</li>
  171.             </ul>
  172.             <!------ END TEXT ------>
  173.            
  174.             <!------ END SECTION 3 ------>
  175.            
  176.            
  177.             <!------ START SECTION 4 ------>
  178.             <span style="font-size:22px; color:#33449B"> Holidays</span> <!-- Writes Trivia at the top -->
  179.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  180.            
  181.             <!------ START TEXT ------>
  182.             <p><b>Here Are Some Holidays</b></p>
  183.             <ul>
  184.               <li>Holiday - Description</li>
  185.             </ul>
  186.             <!------ END TEXT ------>
  187.            
  188.             <!------ END SECTION 4 ------>
  189.            
  190.            
  191.             <!------ START SECTION 5 ------>
  192.             <span style="font-size:22px; color:#33449B"> Fashion</span> <!-- Writes Trivia at the top -->
  193.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  194.            
  195.             <!------ START TEXT ------>
  196.             <p>What is the clothing history like?<br>What is clothing like now?<br>-</p>
  197.             <p><b>Here Are Some Articles Of Clothing</b></p>
  198.             <ul>
  199.               <li>Article Of Clothing - Description</li>
  200.             </ul>
  201.             <!------ END TEXT ------>
  202.            
  203.             <!------ END SECTION 5 ------>
  204.            
  205.             <!------ START SECTION 6 ------>
  206.             <span style="font-size:22px; color:#33449B"> Dances</span> <!-- Writes Trivia at the top -->
  207.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  208.            
  209.             <!------ START TEXT ------>
  210.             <p>What types of dance are there? How significant are they to the culture?<br>-</p>
  211.             <p><b>Here Are Some Dances</b></p>
  212.             <ul>
  213.               <li>Dance Name - Description</li>
  214.             </ul>
  215.             <!------ END TEXT ------>
  216.            
  217.             <!------ END SECTION 6 ------>
  218.            
  219.             <!------ START SECTION 7 ------>
  220.             <span style="font-size:22px; color:#33449B"> Language</span> <!-- Writes Trivia at the top -->
  221.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  222.            
  223.             <!------ START TEXT ------>
  224.             <p>If they speak primarily English... Why?<br>Do they have any of their own language/slang?<br>-</p>
  225.             <p><b>Here Are Some __ Words And Their Meanings</b></p>
  226.             <ul>
  227.               <li>Word - Description (“Word used in a sentence.”)</li>
  228.             </ul>
  229.             <!------ END TEXT ------>
  230.            
  231.             <!------ END SECTION 7 ------>
  232.            
  233.             <!------ START SECTION 8 ------>
  234.             <span style="font-size:22px; color:#33449B"> Literature</span> <!-- Writes Trivia at the top -->
  235.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  236.            
  237.             <!------ START TEXT ------>
  238.             <p>Can the culture read & write? If so, what alphabet? Do they have myths and legends?<br>-</p>
  239.            <p><b>Some Stories Are</b></p>
  240.            <ul>
  241.              <li>Story - Description (“Word used in a sentence.”)</li>
  242.            </ul>
  243.            <!------ END TEXT ------>
  244.            
  245.            <!------ END SECTION 8 ------>
  246.            
  247.          </div> <!-- End 675 pixels high div -->
  248.          
  249.        </div> <!-- End Tab 1 -->
  250.        
  251.        <!---------------------------------------------------------- END SURFACE CULTURE ------------------------------------------------------->
  252.        <!----------------------------------------------------- START GEOGRAPHY & BIOLOGY ------------------------------------------------------>
  253.        
  254.        <div class="tab-pane fade" id="two"> <!-- Start Tab 2 -->
  255.          
  256.          <div class="card-body p-3 table-responsive" style="max-height:675px"> <!-- This area is 675 pixels high -->
  257.            
  258.            <!------ START SECTION 1 ------>
  259.            <span style="font-size:22px; color:#33449B"> Where Do They Live</span> <!-- Writes Trivia at the top -->
  260.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  261.            
  262.             <!------ START TEXT ------>
  263.             <p>Where does this culture/fantasy race live? Are they stuck in one location or are they dispersed? Do they stay in one location or are they nomadic?</p>
  264.             <!------ END TEXT ------>
  265.            
  266.             <!------ END SECTION 1 ------>
  267.            
  268.            
  269.             <!------ START SECTION 2 ------>
  270.             <span style="font-size:22px; color:#33449B"> Adaptations</span> <!-- Writes Trivia at the top -->
  271.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  272.            
  273.             <!------ START TEXT ------>
  274.             <p>If this is an animal/fantasy race, are they adapted to their habitat? How? Are there any drawbacks/limitations to these adaptations?</p>
  275.             <!------ END TEXT ------>
  276.            
  277.             <!------ END SECTION 2 ------>
  278.            
  279.            
  280.             <!------ START SECTION 3 ------>
  281.             <span style="font-size:22px; color:#33449B"> Etymology</span> <!-- Writes Trivia at the top -->
  282.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  283.            
  284.             <!------ START TEXT ------>
  285.             <p>Why is this group/culture/species called what it is? Where does the word come from? Is it known under a different name in their language/English? How about in other languages?</p>
  286.             <!------ END TEXT ------>
  287.            
  288.             <!------ END SECTION 3 ------>
  289.            
  290.            
  291.             <!------ START SECTION 4 ------>
  292.             <span style="font-size:22px; color:#33449B"> History</span> <!-- Writes Trivia at the top -->
  293.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  294.            
  295.             <!------ START TEXT ------>
  296.             <p>Brief (or not so brief) overview of their history as a culture/species (if there is one.) What's their relationship with their neighbours been like historically?</p>
  297.             <!------ END TEXT ------>
  298.            
  299.             <!------ END SECTION 4 ------>
  300.            
  301.            
  302.           </div> <!-- End 675 pixels high div -->
  303.          
  304.         </div> <!-- End Tab 2 -->
  305.        
  306.         <!-------------------------------------------------------- END GEOGRAPHY & BIOLOGY ----------------------------------------------------->
  307.         <!------------------------------------------------- START COMMUNICATION STYLE & RULES -------------------------------------------------->
  308.        
  309.         <div class="tab-pane fade" id="three"> <!-- Start Tab 3 -->
  310.          
  311.           <div class="card-body p-3 table-responsive" style="max-height:675px"> <!-- This area is 675 pixels high -->
  312.            
  313.             <!------ START SECTION 1 ------>
  314.             <span style="font-size:22px; color:#33449B"> Facial Expressions</span> <!-- Writes Trivia at the top -->
  315.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  316.            
  317.             <!------ START TEXT ------>
  318.             <p>Are facial expressions important?<br>-</p>
  319.             <p><b>Here Are Facial Expressions And Their Meanings</b></p>
  320.             <ul>
  321.               <li>Wide Eyes - Shocked</li>
  322.               <li>Gesture - Description.</li>
  323.             </ul>
  324.             <!------ END TEXT ------>
  325.            
  326.             <!------ END SECTION 1 ------>
  327.            
  328.            
  329.             <!------ START SECTION 2 ------>
  330.             <span style="font-size:22px; color:#33449B"> Body Language</span> <!-- Writes Trivia at the top -->
  331.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  332.            
  333.             <!------ START TEXT ------>
  334.             <p>How are people expcted to be postured? Are there any (unconscious) gestures people use to communicate?<br>-</p>
  335.             <p><b>Here Are Some Body Language Cues And Their Meanings</b></p>
  336.             <ul>
  337.               <li>Prolonged staring - Thinks someone is beautiful.</li>
  338.               <li>Gesture - Description.</li>
  339.             </ul>
  340.             <!------ END TEXT ------>
  341.            
  342.             <!------ END SECTION 2 ------>
  343.            
  344.            
  345.             <!------ START SECTION 3 ------>
  346.             <span style="font-size:22px; color:#33449B"> Eye Contact</span> <!-- Writes Trivia at the top -->
  347.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  348.            
  349.             <!------ START TEXT ------>
  350.             <p>Is eye contact important to this culture? Is it something that's always expected or something that's only done in intimate moments? Or is it rude altogether?</p>
  351.             <!------ END TEXT ------>
  352.            
  353.             <!------ END SECTION 3 ------>
  354.            
  355.            
  356.             <!------ START SECTION 4 ------>
  357.             <span style="font-size:22px; color:#33449B"> Personal Space</span> <!-- Writes Trivia at the top -->
  358.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  359.            
  360.             <!------ START TEXT ------>
  361.             <p>What are personal space boundaries like? Are people always hugging and kissing each other or are people more restrained? Are touched ranked in a hierarchy? (IE, you wouldn't kiss your boss but you would kiss a homie.)</p>
  362.             <!------ END TEXT ------>
  363.            
  364.             <!------ END SECTION 4 ------>
  365.            
  366.            
  367.             <!------ START SECTION 5 ------>
  368.             <span style="font-size:22px; color:#33449B"> Gestures</span> <!-- Writes Trivia at the top -->
  369.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  370.            
  371.             <!------ START TEXT ------>
  372.             <p>Are gestures used often? If the culture/group/species has different limbs to us (IE, wings) how does this affect their gesticulation?<br>-</p>
  373.             <p><b>Here Are Some Gestures And Their Meanings</b></p>
  374.             <ul>
  375.               <li>Shrug - I don't know.</li>
  376.               <li>Gesture - Description.</li>
  377.             </ul>
  378.             <!------ END TEXT ------>
  379.            
  380.             <!------ END SECTION 5 ------>
  381.            
  382.            
  383.             <!------ START SECTION 6 ------>
  384.             <span style="font-size:22px; color:#33449B"> Outwards Emotion</span> <!-- Writes Trivia at the top -->
  385.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  386.            
  387.             <!------ START TEXT ------>
  388.             <p>Is outwards emotion shown? Or do people bottle things up more? What effect does this have in the culture?</p>
  389.             <!------ END TEXT ------>
  390.            
  391.             <!------ END SECTION 6 ------>
  392.            
  393.           </div> <!-- End 675 pixels high div -->
  394.          
  395.         </div> <!-- End Tab 2 -->
  396.        
  397.         <!-------------------------------------------------- END COMMUNICATION STYLE & RULES --------------------------------------------------->
  398.         <!---------------------------------------------------------- START SECTION ----------------------------------------------------------->
  399.        
  400.         <div class="tab-pane fade" id="four"> <!-- Start Tab 4 -->
  401.          
  402.           <div class="card-body p-3 table-responsive" style="max-height:675px"> <!-- This area is 675 pixels high -->
  403.            
  404.             <!------ START SECTION 1 ------>
  405.             <span style="font-size:22px; color:#33449B"> Manners</span> <!-- Writes Trivia at the top -->
  406.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  407.            
  408.             <!------ START TEXT ------>
  409.             <p>Are Manners super important? Are some more important than others?<br>-</p>
  410.             <p><b>Here Are Some Manner And Their Meanings</b></p>
  411.             <ul>
  412.               <li>Say "Please" After Request - It's good manners to say please after a request. ("Can you pass me that bottle, please?")</li>
  413.               <li>Manner - Description. Is it good or bad manners to do this?</li>
  414.             </ul>
  415.             <!------ END TEXT ------>
  416.            
  417.             <!------ END SECTION 1 ------>
  418.            
  419.            
  420.             <!------ START SECTION 2 ------>
  421.             <span style="font-size:22px; color:#33449B"> Friendship</span> <!-- Writes Trivia at the top -->
  422.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  423.            
  424.             <!------ START TEXT ------>
  425.             <p>Is there a huge emphasis on friendship in the culture or is it more individualistic? Do people tend to have a small group of friends or a large group? How do people feel about befriending outsiders to the culture? Is the culture small enough for everyonet to know each other?</p>
  426.             <!------ END TEXT ------>
  427.            
  428.             <!------ END SECTION 2 ------>
  429.            
  430.            
  431.             <!------ START SECTION 3 ------>
  432.             <span style="font-size:22px; color:#33449B"> Leadership</span> <!-- Writes Trivia at the top -->
  433.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  434.            
  435.             <!------ START TEXT ------>
  436.             <p>What's the leadership culture like? Do people have a boss or are they their own boss? Do their bosses have bosses? Is there a government?</p>
  437.             <!------ END TEXT ------>
  438.            
  439.             <!------ END SECTION 3 ------>
  440.            
  441.            
  442.             <!------ START SECTION 4 ------>
  443.             <span style="font-size:22px; color:#33449B"> Beauty</span> <!-- Writes Trivia at the top -->
  444.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  445.            
  446.             <!------ START TEXT ------>
  447.             <p>Is beauty super important? What are the beauty standards?<br>-</p>
  448.             <p><b>Here Are Some Things That Are Found Beautiful</b></p>
  449.             <ul>
  450.               <li>Thing - Is it found attractive on men, women, or both?</li>
  451.             </ul>
  452.             <!------ END TEXT ------>
  453.            
  454.             <!------ END SECTION 4 ------>
  455.            
  456.           </div> <!-- End 675 pixels high div -->
  457.          
  458.         </div> <!-- End Tab 4 -->
  459.        
  460.         <!----------------------------------------------------------- END SECTION ------------------------------------------------------------>
  461.         <!---------------------------------------------------------- START SECTION ----------------------------------------------------------->
  462.        
  463.         <div class="tab-pane fade" id="five"> <!-- Start Tab 5 -->
  464.          
  465.           <div class="card-body p-3 table-responsive" style="max-height:675px"> <!-- This area is 675 pixels high -->
  466.            
  467.             <!------ START SECTION 1 ------>
  468.             <span style="font-size:22px; color:#33449B"> Time</span> <!-- Writes Trivia at the top -->
  469.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  470.            
  471.             <!------ START TEXT ------>
  472.             <p>How do they measure time? Is it in seconds, hours, days and months like ours? Or is it by time of day (dawn, dusk) and season like in Warrior Cats, for example?</p>
  473.             <!------ END TEXT ------>
  474.            
  475.             <!------ END SECTION 1 ------>
  476.            
  477.            
  478.             <!------ START SECTION 2 ------>
  479.             <span style="font-size:22px; color:#33449B"> Family</span> <!-- Writes Trivia at the top -->
  480.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  481.            
  482.             <!------ START TEXT ------>
  483.             <p>Are your parents important to you? Are your siblings? What about uncles and cousins? How far back in your bloodline do you have to go for family to stop being important?</p>
  484.             <!------ END TEXT ------>
  485.            
  486.             <!------ END SECTION 2 ------>
  487.            
  488.            
  489.             <!------ START SECTION 3 ------>
  490.             <span style="font-size:22px; color:#33449B"> Self</span> <!-- Writes Trivia at the top -->
  491.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  492.            
  493.             <!------ START TEXT ------>
  494.             <p>Do the people have a strong sense of self? If so, what do they define themselves on? If they don't, is it because they're in a defined group within the culture? How does a strong/lack of sense of self affect the culture?</p>
  495.             <!------ END TEXT ------>
  496.            
  497.             <!------ END SECTION 3 ------>
  498.            
  499.            
  500.             <!------ START SECTION 4 ------>
  501.             <span style="font-size:22px; color:#33449B"> Past & Future</span> <!-- Writes Trivia at the top -->
  502.            <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  503.            
  504.             <!------ START TEXT ------>
  505.             <p>Do people cling to the past? Are people hopeful for the future? How much time is a long time?</p>
  506.             <!------ END TEXT ------>
  507.            
  508.             <!------ END SECTION 4 ------>
  509.            
  510.            
  511.             <!------ START SECTION 5 ------>
  512.             <span style="font-size:22px; color:#33449B"> Fairness & Justice</span> <!-- Writes Trivia at the top -->
  513.            <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  514.            
  515.             <!------ START TEXT ------>
  516.             <p>What is fairness in this society? Do they believe in a "if you work hard enough, you can achieve anything" attitude or are they more of a "life's not fair, but try anyway" kind of group? What's justice to your culture? Should bad people be locked away? Rehabilitated? Killed? Forced to do the group's dirty work? What kind of punishments are there?</p>
  517.             <!------ END TEXT ------>
  518.            
  519.             <!------ END SECTION 5 ------>
  520.            
  521.           </div> <!-- End 675 pixels high div -->
  522.          
  523.         </div> <!-- End Tab 5 -->
  524.        
  525.         <!----------------------------------------------------------- END SECTION ------------------------------------------------------------>
  526.         <!---------------------------------------------------------- START SECTION ----------------------------------------------------------->
  527.        
  528.         <div class="tab-pane fade" id="six"> <!-- Start Tab 6 -->
  529.          
  530.           <div class="card-body p-3 table-responsive" style="max-height:675px"> <!-- This area is 675 pixels high -->
  531.            
  532.             <!------ START SECTION 1 ------>
  533.             <span style="font-size:22px; color:#33449B"> Elders</span> <!-- Writes Trivia at the top -->
  534.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  535.            
  536.             <!------ START TEXT ------>
  537.             <p>How does your culture see the elderly? Are they treated with respect once they retire or are they cast aside to die? Are they seen as wise or out-of-touch? (Out of time... Sorry.)</p>
  538.             <!------ END TEXT ------>
  539.            
  540.             <!------ END SECTION 1 ------>
  541.            
  542.            
  543.             <!------ START SECTION 2 ------>
  544.             <span style="font-size:22px; color:#33449B"> Children</span> <!-- Writes Trivia at the top -->
  545.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  546.            
  547.             <!------ START TEXT ------>
  548.             <p>What's the cultures view on children? Should couples be expected to have them or do they only happen once/if the couple feels ready? Are they cherished or are they found to be annoying? (Or both?) At what point do children stop being children? Are there certain rules only children have to follow? Do the children go to a school or do they mope about until a certain age?</p>
  549.             <!------ END TEXT ------>
  550.            
  551.             <!------ END SECTION 2 ------>
  552.            
  553.            
  554.             <!------ START SECTION 3 ------>
  555.             <span style="font-size:22px; color:#33449B"> Rules</span> <!-- Writes Trivia at the top -->
  556.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  557.            
  558.             <!------ START TEXT ------>
  559.             <p>Are there laws in this culture, spoken or unspoken?<br>-</p>
  560.             <p><b>Here Are Some Rules</b></p>
  561.             <ul>
  562.               <li>Rule - What Is The Rule.</li>
  563.             </ul>
  564.             <!------ END TEXT ------>
  565.            
  566.             <!------ END SECTION 3 ------>
  567.            
  568.            
  569.             <!------ START SECTION 4 ------>
  570.             <span style="font-size:22px; color:#33449B"> Work</span> <!-- Writes Trivia at the top -->
  571.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  572.            
  573.             <!------ START TEXT ------>
  574.             <p>What kind of jobs are there in this culture? If there's a wide range of different jobs, can you narrow them down to a few key areas? (IE, sciency jobs, artsy jobs, agriculture, etc.)<br>-</p>
  575.             <p><b>Here Are Some Jobs</b></p>
  576.             <ul>
  577.               <li>Farmer - Grows crops for the rest of the group.</li>
  578.               <li>Job - Description.</li>
  579.             </ul>
  580.             <!------ END TEXT ------>
  581.            
  582.             <!------ END SECTION 4 ------>
  583.            
  584.            
  585.             <!------ START SECTION 5 ------>
  586.             <span style="font-size:22px; color:#33449B"> Age</span> <!-- Writes Trivia at the top -->
  587.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  588.            
  589.             <!------ START TEXT ------>
  590.             <p>Usually I just write lifestages here.<br>-</p>
  591.             <p><b>Here Are The Lifestages</b></p>
  592.             <ul>
  593.               <li>Lifestage - Age-Age - Description.</li>
  594.               <li>Child - 4-12 - Old enough to communicate and think but not old enough to be hitting puberty.</li>
  595.             </ul>
  596.             <!------ END TEXT ------>
  597.            
  598.             <!------ END SECTION 5 ------>
  599.            
  600.            
  601.             <!------ START SECTION 6 ------>
  602.             <span style="font-size:22px; color:#33449B"> Authority</span> <!-- Writes Trivia at the top -->
  603.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  604.            
  605.             <!------ START TEXT ------>
  606.             <p>What is this group's views on authority? Do they feel the authority keeps them safe or have they noticed flaws in their system? Are parents taught to respect their parents and teachers or are they on more even ground? Do employees joke about hating their bosses or are they more friendly with their bosses?</p>
  607.             <!------ END TEXT ------>
  608.            
  609.             <!------ END SECTION 6 ------>
  610.            
  611.            
  612.             <!------ START SECTION 7 ------>
  613.             <span style="font-size:22px; color:#33449B"> Animals</span> <!-- Writes Trivia at the top -->
  614.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  615.            
  616.             <!------ START TEXT ------>
  617.             <p>Do they see animals as merely food or companions? Are certain animals symbols for certain things?<br>-</p>
  618.             <p><b>Animals And What They Mean To This Culture</b></p>
  619.             <ul>
  620.               <li>Parrot - Companion</li>
  621.               <li>Chicken - Food</li>
  622.               <li>Crow - Symbol of Death</li>
  623.             </ul>
  624.             <!------ END TEXT ------>
  625.            
  626.             <!------ END SECTION 7 ------>
  627.            
  628.            
  629.             <!------ START SECTION 8 ------>
  630.             <span style="font-size:22px; color:#33449B"> Death</span> <!-- Writes Trivia at the top -->
  631.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  632.            
  633.             <!------ START TEXT ------>
  634.             <p>How do they feel about death? Are they scared of it? Do they celebrate or mourn a lost one? When someone dies, is a big funeral held or do they just chuck the body in the trash?</p>
  635.             <!------ END TEXT ------>
  636.            
  637.             <!------ END SECTION 8 ------>
  638.            
  639.           </div> <!-- End 675 pixels high div -->
  640.          
  641.         </div> <!-- End Tab 6 -->
  642.        
  643.         <!----------------------------------------------------------- END SECTION ------------------------------------------------------------>
  644.         <!---------------------------------------------------------- START SECTION ----------------------------------------------------------->
  645.        
  646.         <div class="tab-pane fade" id="seven"> <!-- Start Tab 7 -->
  647.          
  648.           <div class="card-body p-3 table-responsive" style="max-height:675px"> <!-- This area is 675 pixels high -->
  649.            
  650.             <!------ START SECTION 1 ------>
  651.             <span style="font-size:22px; color:#33449B"> Courtship</span> <!-- Writes Trivia at the top -->
  652.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  653.            
  654.             <!------ START TEXT ------>
  655.             <p>How does courtship usually go? Is it more modest and under-the-table or are big displays of affection common? Are heterosexuality and homosexuality treated different?<br>-</p>
  656.             <p><b>Some Signs Of Courting Are</b></p>
  657.             <ul>
  658.               <li>Sign Of Courting.</li>
  659.             </ul>
  660.             <!------ END TEXT ------>
  661.            
  662.             <!------ END SECTION 1 ------>
  663.            
  664.            
  665.             <!------ START SECTION 2 ------>
  666.             <span style="font-size:22px; color:#33449B"> Marriage</span> <!-- Writes Trivia at the top -->
  667.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  668.            
  669.             <!------ START TEXT ------>
  670.             <p>What are marriage ceremonies like? Can both (or all) parties expect from married life? Is marriage done for love or something else? Are marriages monogamous or polyamorus? (If it's poly, is it one guy and lots of girls, one girls and lots of guys, or mixed?) Is divorce a thing? If so, is it natural or frowned upon?</p>
  671.             <!------ END TEXT ------>
  672.            
  673.             <!------ END SECTION 2 ------>
  674.            
  675.            
  676.             <!------ START SECTION 3 ------>
  677.             <span style="font-size:22px; color:#33449B"> Raising Children</span> <!-- Writes Trivia at the top -->
  678.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  679.            
  680.             <!------ START TEXT ------>
  681.             <p>What's raising children like? Does most of the duty fall to one parent or do both help? Are children raised by just the parents, a small group (parents, teachers) or the whole society? Do parents raise their children to be realists or optimists?</p>
  682.             <!------ END TEXT ------>
  683.            
  684.             <!------ END SECTION 3 ------>
  685.            
  686.            
  687.             <!------ START SECTION 4 ------>
  688.             <span style="font-size:22px; color:#33449B"> Making Decisions</span> <!-- Writes Trivia at the top -->
  689.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  690.            
  691.             <!------ START TEXT ------>
  692.             <p>How are decisions made when placed in a group? Is one person expected to take charge or is it more democratic? If there's a hierarchy, what's it like? Why's it like that?</p>
  693.             <!------ END TEXT ------>
  694.            
  695.             <!------ END SECTION 4 ------>
  696.            
  697.            
  698.             <!------ START SECTION 5 ------>
  699.             <span style="font-size:22px; color:#33449B"> Problem Solving</span> <!-- Writes Trivia at the top -->
  700.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  701.            
  702.             <!------ START TEXT ------>
  703.             <p>How do problem typically get solved?</p>
  704.             <!------ END TEXT ------>
  705.            
  706.             <!------ END SECTION 5 ------>
  707.            
  708.             <!------ START SECTION 6 ------>
  709.             <span style="font-size:22px; color:#33449B"> Religion</span> <!-- Writes Trivia at the top -->
  710.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  711.            
  712.             <!------ START TEXT ------>
  713.             <p>Is there a central religion? If so, what's it like? Is it more deity based or is it more spirit based? Is there more than one religion in this culture? Do people believe a mix of both or just stick to one?</p>
  714.             <!------ END TEXT ------>
  715.            
  716.             <!------ END SECTION 6 ------>
  717.            
  718.           </div> <!-- End 675 pixels high div -->
  719.          
  720.         </div> <!-- End Tab 7 -->
  721.        
  722.         <!----------------------------------------------------------- END SECTION ------------------------------------------------------------>
  723.         <!---------------------------------------------------------- START SECTION ----------------------------------------------------------->
  724.        
  725.         <div class="tab-pane fade" id="eight"> <!-- Start Tab 8 -->
  726.          
  727.           <div class="card-body p-3 table-responsive" style="max-height:675px"> <!-- This area is 675 pixels high -->
  728.            
  729.             <!------ START SECTION 1 ------>
  730.             <span style="font-size:22px; color:#33449B"> Images</span> <!-- Writes Trivia at the top -->
  731.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  732.            
  733.             <!------ START TEXT ------>
  734.             <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/45833917_0dVDkUkRno6evmr.jpg" alt="Image Goes Here."> <!-- Image That Appears On Reference-->
  735.               <a href="https://www.shutterstock.com/image-photo/starry-sky-half-moon-scenic-cloudscape-184864001" data-toggle="tooltip" title="full size" style="color:#FFFFFF; position:absolute; top:2px; right:6px; font-size:17px;"> <i class="fas fa-external-link"></i> </a> <!-- Link To Fullsize Image -->
  736.             <!------ END TEXT ------>
  737.            
  738.             <!------ END SECTION 1 ------>
  739.            
  740.           </div> <!-- End 675 pixels high div -->
  741.          
  742.         </div> <!-- End Tab 8 -->
  743.        
  744.         <!----------------------------------------------------------- END SECTION ------------------------------------------------------------>
  745.         <!---------------------------------------------------------- START SECTION ----------------------------------------------------------->
  746.        
  747.         <div class="tab-pane fade" id="nine"> <!-- Start Tab 9 -->
  748.          
  749.           <div class="card-body p-3 table-responsive" style="max-height:675px"> <!-- This area is 675 pixels high -->
  750.            
  751.             <!------ START SECTION 1 ------>
  752.             <span style="font-size:22px; color:#33449B"> Sources</span> <!-- Writes Trivia at the top -->
  753.             <hr class="mt-1 mb-2" style="border-color:#33449B; border-style:dashed;"> <!-- The lil underline beneath Trivia -->
  754.            
  755.             <!------ START TEXT ------>
  756.             <p><a href="#">Source</a> - Source Description.</p>
  757.             <!------ END TEXT ------>
  758.            
  759.             <!------ END SECTION 1 ------>
  760.            
  761.           </div> <!-- End 675 pixels high div -->
  762.          
  763.         </div> <!-- End Tab 9 -->
  764.        
  765.         <!----------------------------------------------------------- END SECTION ------------------------------------------------------------>
  766.        
  767.       </div> <!-- End Tabs -->
  768.      
  769.     </div> <!-- Sets up The Whole Square On The Right 2 -->
  770.    
  771.   </div> <!-- End The Whole Square On The Right -->
  772.  
  773. </div> <!-- End Tab Content -->
  774.  
  775.  
  776. <!--Credit. You may move it, but please do not delete/remove-->
  777. <div class="text-right w-100">
  778. <a href="https://toyhou.se/15656852.oak-woods-code" target="_blank" class="m-1" style="color:#fff;"><i class="fas fa-code"></i> Code By CrispinAsheYA</a>
  779. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!