API tools faq
paste
Advertisement
CrispinAsheYA

To-Do List (MISC, F2U)

CrispinAsheYA
Jul 14th, 2022 (edited)
197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.58 KB | None | 0 0
raw download clone embed print report
  1. <!--RULES
  2.  
  3. YOU MAY
  4. -Frankenstein this with other codes and add/change/delete sections to your liking
  5. -Change colours, images, fonts, ect.
  6.  
  7. YOU MAYN'T
  8. -Resell or copy and paste this template pretty much exactly and pass it off as your own
  9. -Change every single image to be Minecraft Raw Porkchop
  10.  
  11. HOW TO USE
  12. -When editing, remember to turn WYSIWYG off! (AKA, the button should say "Enable WYSIWYG"! What does that stand for anyway?)
  13. -I tend to litter comments everywhere. I like to assume that somewhere out there, one of my templates its someone's first ever experience with HTML so I tend to explain accordingly. Feel free to delete the comments to your liking.
  14. -To change the colours, I reccomend copy 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.
  15.  
  16. Default Colours
  17. -White: #FFFFFF
  18. -Black: #000000
  19. -Border Orange: #E85324
  20. -Background Orange: #FD9855
  21. -Gradient Colour 1: rgba(201,58,92,1)
  22. -Gradient Colour 2: rgba(232,83,36,1)
  23. -Background Purple: #3D122E
  24.  
  25. Thank you for reading!
  26. Crispin
  27.  
  28. -->
  29.  
  30.  
  31. <!---------------------------------------------------------  START BACKGROUND --------------------------------------------------------->
  32.  
  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:#3D122E;">
  34. </div>
  35.  
  36. <div style="background-image: url(https://media.discordapp.net/attachments/917542533930823690/996466133202907206/unknown.png?width=574&height=578); background-size: cover; background-position: top-center; overflow: auto;" class="card-block">
  37.  
  38.   <!-- top divider credit -->
  39.   <a href="https://toyhou.se/2108365.-resources/10613944.-dividers#35571013">
  40.     <!-- top divider image address-->
  41.     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/35571013_OKTdBHRiFuWJcTS.png">
  42.   </a>
  43.  
  44.   <!---------------------------------------------------------  END BACKGROUND --------------------------------------------------------->
  45.  
  46.   <!------------------------------------------------ START ACCORDIAN ------------------------------------------------>
  47.   <div class="accordion" id="accordian" style="border:6px #E85324 solid;"> <!-- Start Defines Accordian -->
  48.    
  49.     <!----------------------------------------- START ITEM ------------------------------------------>
  50.    
  51.     <a class="collapsed btn btn-outline btn-block border-0 rounded-0 text-left" data-toggle="collapse" style="background:linear-gradient(0deg, rgba(201,58,92,1) 5%, rgba(232,83,36,1)); font-size:24px; color:#FFFFFF" href="#item1"><i class="fad fa-moon-stars"></i>   PROFILE / FRONT-PAGE LINKED</a> <!-- Heading -->
  52.    
  53.     <div class="collapse" id="item1"> <!-- Start Define Specific Section -->
  54.      
  55.       <div class="p-3" style="color:#000000; font-family:'comic sans ms'; background-color:#FD9855;"> <!-- Start Card Interior -->
  56.      
  57.         <!------- START SECTION -------->
  58.         <h2 style="font-size:18px;">High Priority</h2>
  59.        
  60.         <!------ START WRITING ------->
  61.         <ul>
  62.           <li>Goal 1.</li>
  63.           <li>Goal 2.</li>
  64.           <li>Goal 3.</li>
  65.         </ul>
  66.         <!------ END WRITING ------->
  67.         <!------- END SECTION -------->
  68.        
  69.         <!------- START SECTION -------->
  70.         <h2 style="font-size:18px;">Medium Priority</h2>
  71.        
  72.         <!------ START WRITING ------->
  73.         <ul>
  74.           <li>Goal 1.</li>
  75.           <li>Goal 2.</li>
  76.           <li>Goal 3.</li>
  77.         </ul>
  78.         <!------ END WRITING ------->
  79.         <!------- END SECTION -------->
  80.        
  81.         <!------- START SECTION -------->
  82.         <h2 style="font-size:18px;">Low Priority</h2>
  83.        
  84.         <!------ START WRITING ------->
  85.         <ul>
  86.           <li>Goal 1.</li>
  87.           <li>Goal 2.</li>
  88.           <li>Goal 3.</li>
  89.         </ul>
  90.         <!------ END WRITING ------->
  91.         <!------- END SECTION -------->
  92.        
  93.       </div> <!-- End Card Interior -->
  94.    
  95.     </div> <!-- End Define Specific Section -->
  96.    
  97.     <!----------------------------------------- END ITEM ------------------------------------------>
  98.    
  99.     <!----------------------------------------- START ITEM ------------------------------------------>
  100.    
  101.     <a class="collapsed btn btn-outline btn-block border-0 rounded-0 text-left" data-toggle="collapse" style="background:linear-gradient(0deg, rgba(201,58,92,1) 5%, rgba(232,83,36,1)); font-size:24px; color:#FFFFFF" href="#item2"><i class="fad fa-moon-stars"></i>   CHARACTER-AVATAR LINKED</a> <!-- Heading -->
  102.    
  103.     <div class="collapse" id="item2"> <!-- Start Define Specific Section -->
  104.      
  105.       <div class="p-3" style="color:#000000; font-family:'comic sans ms'; background-color:#FD9855;"> <!-- Start Card Interior -->
  106.      
  107.         <!------- START SECTION -------->
  108.         <h2 style="font-size:18px;">High Priority</h2>
  109.        
  110.         <!------ START WRITING ------->
  111.         <ul>
  112.           <li>Goal 1.</li>
  113.           <li>Goal 2.</li>
  114.           <li>Goal 3.</li>
  115.         </ul>
  116.         <!------ END WRITING ------->
  117.         <!------- END SECTION -------->
  118.        
  119.         <!------- START SECTION -------->
  120.         <h2 style="font-size:18px;">Medium Priority</h2>
  121.        
  122.         <!------ START WRITING ------->
  123.         <ul>
  124.           <li>Goal 1.</li>
  125.           <li>Goal 2.</li>
  126.           <li>Goal 3.</li>
  127.         </ul>
  128.         <!------ END WRITING ------->
  129.         <!------- END SECTION -------->
  130.        
  131.         <!------- START SECTION -------->
  132.         <h2 style="font-size:18px;">Low Priority</h2>
  133.        
  134.         <!------ START WRITING ------->
  135.         <ul>
  136.           <li>Goal 1.</li>
  137.           <li>Goal 2.</li>
  138.           <li>Goal 3.</li>
  139.         </ul>
  140.         <!------ END WRITING ------->
  141.         <!------- END SECTION -------->
  142.        
  143.       </div> <!-- End Card Interior -->
  144.    
  145.     </div> <!-- End Define Specific Section -->
  146.    
  147.     <!----------------------------------------- END ITEM ------------------------------------------>
  148.    
  149.     <!----------------------------------------- START ITEM ------------------------------------------>
  150.    
  151.     <a class="collapsed btn btn-outline btn-block border-0 rounded-0 text-left" data-toggle="collapse" style="background:linear-gradient(0deg, rgba(201,58,92,1) 5%, rgba(232,83,36,1)); font-size:24px; color:#FFFFFF" href="#item3"><i class="fad fa-moon-stars"></i>   CHARACTER-CODE LINKED</a> <!-- Heading -->
  152.    
  153.     <div class="collapse" id="item3"> <!-- Start Define Specific Section -->
  154.      
  155.       <div class="p-3" style="color:#000000; font-family:'comic sans ms'; background-color:#FD9855;"> <!-- Start Card Interior -->
  156.      
  157.         <!------- START SECTION -------->
  158.         <h2 style="font-size:18px;">High Priority</h2>
  159.        
  160.         <!------ START WRITING ------->
  161.         <ul>
  162.           <li>Goal 1.</li>
  163.           <li>Goal 2.</li>
  164.           <li>Goal 3.</li>
  165.         </ul>
  166.         <!------ END WRITING ------->
  167.         <!------- END SECTION -------->
  168.        
  169.         <!------- START SECTION -------->
  170.         <h2 style="font-size:18px;">Medium Priority</h2>
  171.        
  172.         <!------ START WRITING ------->
  173.         <ul>
  174.           <li>Goal 1.</li>
  175.           <li>Goal 2.</li>
  176.           <li>Goal 3.</li>
  177.         </ul>
  178.         <!------ END WRITING ------->
  179.         <!------- END SECTION -------->
  180.        
  181.         <!------- START SECTION -------->
  182.         <h2 style="font-size:18px;">Low Priority</h2>
  183.        
  184.         <!------ START WRITING ------->
  185.         <ul>
  186.           <li>Goal 1.</li>
  187.           <li>Goal 2.</li>
  188.           <li>Goal 3.</li>
  189.         </ul>
  190.         <!------ END WRITING ------->
  191.         <!------- END SECTION -------->
  192.        
  193.       </div> <!-- End Card Interior -->
  194.    
  195.     </div> <!-- End Define Specific Section -->
  196.    
  197.     <!----------------------------------------- END ITEM ------------------------------------------>
  198.    
  199.     <!----------------------------------------- START ITEM ------------------------------------------>
  200.    
  201.     <a class="collapsed btn btn-outline btn-block border-0 rounded-0 text-left" data-toggle="collapse" style="background:linear-gradient(0deg, rgba(201,58,92,1) 5%, rgba(232,83,36,1)); font-size:24px; color:#FFFFFF" href="#item4"><i class="fad fa-moon-stars"></i>   FOLDER HOUSEKEEPING</a> <!-- Heading -->
  202.    
  203.     <div class="collapse" id="item4"> <!-- Start Define Specific Section -->
  204.      
  205.       <div class="p-3" style="color:#000000; font-family:'comic sans ms'; background-color:#FD9855;"> <!-- Start Card Interior -->
  206.      
  207.         <!------- START SECTION -------->
  208.         <h2 style="font-size:18px;">High Priority</h2>
  209.        
  210.         <!------ START WRITING ------->
  211.         <ul>
  212.           <li>Goal 1.</li>
  213.           <li>Goal 2.</li>
  214.           <li>Goal 3.</li>
  215.         </ul>
  216.         <!------ END WRITING ------->
  217.         <!------- END SECTION -------->
  218.        
  219.         <!------- START SECTION -------->
  220.         <h2 style="font-size:18px;">Medium Priority</h2>
  221.        
  222.         <!------ START WRITING ------->
  223.         <ul>
  224.           <li>Goal 1.</li>
  225.           <li>Goal 2.</li>
  226.           <li>Goal 3.</li>
  227.         </ul>
  228.         <!------ END WRITING ------->
  229.         <!------- END SECTION -------->
  230.        
  231.         <!------- START SECTION -------->
  232.         <h2 style="font-size:18px;">Low Priority</h2>
  233.        
  234.         <!------ START WRITING ------->
  235.         <ul>
  236.           <li>Goal 1.</li>
  237.           <li>Goal 2.</li>
  238.           <li>Goal 3.</li>
  239.         </ul>
  240.         <!------ END WRITING ------->
  241.         <!------- END SECTION -------->
  242.        
  243.       </div> <!-- End Card Interior -->
  244.    
  245.     </div> <!-- End Define Specific Section -->
  246.    
  247.     <!----------------------------------------- END ITEM ------------------------------------------>
  248.    
  249.     <!----------------------------------------- START ITEM ------------------------------------------>
  250.    
  251.     <a class="collapsed btn btn-outline btn-block border-0 rounded-0 text-left" data-toggle="collapse" style="background:linear-gradient(0deg, rgba(201,58,92,1) 5%, rgba(232,83,36,1)); font-size:24px; color:#FFFFFF" href="#item5"><i class="fad fa-moon-stars"></i>   MISCELLANEOUS</a> <!-- Heading -->
  252.    
  253.     <div class="collapse" id="item5"> <!-- Start Define Specific Section -->
  254.      
  255.       <div class="p-3" style="color:#000000; font-family:'comic sans ms'; background-color:#FD9855;"> <!-- Start Card Interior -->
  256.      
  257.         <!------- START SECTION -------->
  258.         <h2 style="font-size:18px;">High Priority</h2>
  259.        
  260.         <!------ START WRITING ------->
  261.         <ul>
  262.           <li>Goal 1.</li>
  263.           <li>Goal 2.</li>
  264.           <li>Goal 3.</li>
  265.         </ul>
  266.         <!------ END WRITING ------->
  267.         <!------- END SECTION -------->
  268.        
  269.         <!------- START SECTION -------->
  270.         <h2 style="font-size:18px;">Medium Priority</h2>
  271.        
  272.         <!------ START WRITING ------->
  273.         <ul>
  274.           <li>Goal 1.</li>
  275.           <li>Goal 2.</li>
  276.           <li>Goal 3.</li>
  277.         </ul>
  278.         <!------ END WRITING ------->
  279.         <!------- END SECTION -------->
  280.        
  281.         <!------- START SECTION -------->
  282.         <h2 style="font-size:18px;">Low Priority</h2>
  283.        
  284.         <!------ START WRITING ------->
  285.         <ul>
  286.           <li>Goal 1.</li>
  287.           <li>Goal 2.</li>
  288.           <li>Goal 3.</li>
  289.         </ul>
  290.         <!------ END WRITING ------->
  291.         <!------- END SECTION -------->
  292.        
  293.       </div> <!-- End Card Interior -->
  294.    
  295.     </div> <!-- End Define Specific Section -->
  296.    
  297.     <!----------------------------------------- END ITEM ------------------------------------------>
  298.    
  299.     <!----------------------------------------- START ITEM ------------------------------------------>
  300.    
  301.     <a class="collapsed btn btn-outline btn-block border-0 rounded-0 text-left" data-toggle="collapse" style="background:linear-gradient(0deg, rgba(201,58,92,1) 5%, rgba(232,83,36,1)); font-size:24px; color:#FFFFFF" href="#item6"><i class="fad fa-moon-stars"></i>   COMPLETED</a> <!-- Heading -->
  302.    
  303.     <div class="collapse" id="item6"> <!-- Start Define Specific Section -->
  304.      
  305.       <div class="p-3" style="color:#000000; font-family:'comic sans ms'; background-color:#FD9855;"> <!-- Start Card Interior -->
  306.      
  307.         <!------- START SECTION -------->
  308.         <h2 style="font-size:18px;">Completed This Month</h2>
  309.        
  310.         <!------ START WRITING ------->
  311.         <ul>
  312.           <li>Youngest Quest.</li>
  313.           <li>Oldest Quest.</li>
  314.         </ul>
  315.         <!------ END WRITING ------->
  316.         <!------- END SECTION -------->
  317.        
  318.         <!------- START SECTION -------->
  319.         <h2 style="font-size:18px;">Completed Earlier</h2>
  320.        
  321.         <!------ START WRITING ------->
  322.         <ul>
  323.           <li>Youngest Quest.</li>
  324.           <li>Oldest Quest.</li>
  325.         </ul>
  326.         <!------ END WRITING ------->
  327.         <!------- END SECTION -------->
  328.        
  329.       </div> <!-- End Card Interior -->
  330.    
  331.     </div> <!-- End Define Specific Section -->
  332.    
  333.     <!----------------------------------------- END ITEM ------------------------------------------>
  334.    
  335.   </div> <!-- End Defines Accordian -->
  336.  
  337.   <!------------------------------------------------ END ACCORDIAN !----------------------------------------------->
  338.  
  339. </div> <!-- END BACKGROUND -->
  340.  
  341. <!--Credit. You may move it, but please do not delete/remove-->
  342. <div class="text-right w-100">
  343. <a href="#" target="_blank" class="m-1" style="color:#fff;"><i class="fas fa-code"></i> Code By CrispinAsheYA</a>
  344. </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!