API tools faq
paste
Advertisement
CrispinAsheYA

To-Do List 2 (BSWH)

CrispinAsheYA
Feb 20th, 2025 (edited)
379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.88 KB | Source Code | 0 0
raw download clone embed print report
  1. <!-- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17098747.03-terms-of-service --
  2.  
  3. Version: 1.0
  4.  
  5. Default Colours
  6. -Success Green: #69B00B
  7. -Warning Yellow: #FF9A00
  8. -Danger Red: #CC334A
  9. -Info Blue: #211173
  10. -
  11. -Important White: #FFFFFF
  12. -Important Black: #000000
  13. -Font Awesomes: fa-strawberry
  14.  
  15. Scroll To The Bottom for every single "Find & Replace" Variable! (Feel free to move to the top when you turn this into a personal template, I just keep it at the bottom for organisation.)
  16.  
  17. Thank you for reading!
  18. Crispin
  19.  
  20. -->
  21.  
  22. <div class="mb-3 p-0" style="border:#000000 8px solid;">
  23.   <div class="card rounded-0" style="background:url([IMGHEADER]); background-position:center; background-size:cover; border:none;"><p class="display-4 text-center text-white m-1 p-3" style="background:rgba(0,0,0,0.7);"><i class="fas fa-strawberry fa-flip-horizontal"></i> TO-DO LIST <i class="fas fa-strawberry"></i></p></div>
  24. </div>
  25.  
  26. <div class="col-12 bg-dark p-0" style="border:#000000 8px solid;">
  27.   <div class="col-12 m-0 p-3 row no-gutters text-center">
  28.  
  29.     <div class="col-sm-2 d-none d-lg-block order-1">
  30.       <div class="h-100" style="background:url([IMGLEFT]); background-position:center; background-size:cover; background-attachment:fixed; border:#000000 8px solid;"></div>
  31.     </div>
  32.  
  33.     <div class="col-sm-2 d-none d-lg-block order-3">
  34.       <div class="h-100" style="background:url([IMGRIGHT]); background-position:center; background-size:cover; background-attachment:fixed; border:#000000 8px solid;"></div>
  35.     </div>
  36.  
  37.     <!-------- Start Main List -------->
  38.     <div class="col-lg-8 col-12 order-2 text-white p-2">
  39.       <div style="font-size:1.2rem;">
  40.       <p>This is my To-Do List for 2025!</p>
  41.       <p>Any completed goals from 2022-2024 have been removed. Only oustanding & goals completed in 2024 remain!</p>
  42.      </div>
  43.      <hr class="bg-muted mt-3 mb-2"><hr class="bg-muted mt-1 mb-2">
  44.      
  45.      <div class="row justify-content-center">
  46.        <p class="mx-4"><small><span class="badge text-white" style="background-color:#69B00B;"><i class="fa fa-fw fa-check"></i></span> - 100% Done </small></p>
  47.         <p class="mx-4"><small><span class="badge text-white" style="background-color:#FF9A00;"><i class="fa fa-fw fa-question"></i></span> - WIP</small></p>
  48.         <p class="mx-4"><small><span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> - Not Started</small></p>
  49.         <p class="mx-4"><small><span class="badge text-white" style="background-color:#211173;"><i class="fa fa-fw fa-arrow-down"></i></span> - Done-Ish (Click To See Outstanding)</small></p>
  50.       </div>
  51.      
  52.       <hr class="bg-muted mt-0 mb-2"><hr class="bg-muted mt-1 mb-2">
  53.      
  54.       <div class="row no-gutters" style="padding-left:10%; padding-right:10%;">
  55.        
  56.         <!----- Start Characters ------>
  57.         <div class="col-lg-6 col-12 p-3">
  58.           <div class="text-left py-3">
  59.             <h2 style="color:#CC334A;"><span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-user"></i></span> CHARACTERS</h2>
  60.            
  61.             <!----- If you've semi finished a character, keep a list of what you have and haven't done here! ----->
  62.            
  63.             <!----- Start Bramble ------>
  64.             <a class="collapsed" href="#bramble" data-toggle="collapse"><span class="badge text-white" style="background-color:#211173;"><i class="fa fa-fw fa-arrow-down"></i></span> Bramble Prowl</a>
  65.            
  66.             <div class="collapsed collapse" id="bramble"><ul>
  67.               <li><span class="badge text-white" style="background-color:#69B00B;"><i class="fa fa-fw fa-check"></i></span> Avatar</li>
  68.               <li><span class="badge text-white" style="background-color:#69B00B;"><i class="fa fa-fw fa-check"></i></span> Code</li>
  69.               <li><span class="badge text-white" style="background-color:#FF9A00;"><i class="fa fa-fw fa-question"></i></span> Awards</li>
  70.               <li><span class="badge text-white" style="background-color:#FF9A00;"><i class="fa fa-fw fa-question"></i></span> Playlist</li>
  71.               <li><span class="badge text-white" style="background-color:#FF9A00;"><i class="fa fa-fw fa-question"></i></span> Rewards</li>
  72.               <li><span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> Warning</li>
  73.               <li><span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> CSS</li>
  74.             </ul></div><br>
  75.             <!----- End Bramble ------>
  76.            
  77.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  78.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  79.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  80.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  81.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  82.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  83.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  84.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  85.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  86.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  87.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  88.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  89.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  90.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  91.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  92.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  93.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  94.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  95.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  96.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  97.            
  98.           </div>
  99.         </div>
  100.         <!----- End Characters ------>
  101.        
  102.         <!----- Start Everything Else ------>
  103.         <div class="col-lg-6 col-12 p-3">
  104.          
  105.           <!----- Start Profile ------>
  106.           <div class="text-left py-3">
  107.             <h2 class="text-warning"><span class="badge text-white" style="background-color:#FF9A00;"><i class="fa fa-fw fa-home"></i></span> PROFILE</h2>
  108.            
  109.             <span class="badge text-white" style="background-color:#FF9A00;"><i class="fa fa-fw fa-check"></i></span> [???]<br>
  110.             <span class="badge text-white" style="background-color:#FF9A00;"><i class="fa fa-fw fa-check"></i></span> [???]<br>
  111.             <span class="badge text-white" style="background-color:#FF9A00;"><i class="fa fa-fw fa-check"></i></span> [???]<br>
  112.            
  113.           </div>
  114.           <!----- End Profile ------>
  115.        
  116.           <!----- Start Folders ------>
  117.           <div class="text-left py-3">
  118.             <h2 style="color:#69B00B;"><span class="badge text-white" style="background-color:#69B00B;"><i class="fa fa-fw fa-folder"></i></span> FOLDERS</h2>
  119.            
  120.             <span class="badge text-white" style="background-color:#69B00B;"><i class="fa fa-fw fa-check"></i></span> [???]<br>
  121.             <span class="badge text-white" style="background-color:#69B00B;"><i class="fa fa-fw fa-check"></i></span> [???]<br>
  122.             <span class="badge text-white" style="background-color:#69B00B;"><i class="fa fa-fw fa-check"></i></span> [???]<br>
  123.            
  124.           </div>
  125.           <!----- End Folders ------>
  126.        
  127.           <!----- Start Worlds ------>
  128.           <div class="text-left py-3">
  129.             <h2 style="color:#CC334A;"><span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-globe"></i></span> WORLDS</h2>
  130.            
  131.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  132.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  133.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  134.            
  135.           </div>
  136.           <!----- End Worlds ------>
  137.        
  138.           <!----- Start Literatures ------>
  139.           <div class="text-left py-3">
  140.             <h2 style="color:#CC334A;"><span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-book"></i></span> LITERATURES</h2>
  141.            
  142.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  143.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  144.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  145.            
  146.           </div>
  147.           <!----- End Literatures ------>
  148.        
  149.           <!----- Start Misc ------>
  150.           <div class="text-left py-3">
  151.             <h2 style="color:#CC334A;"><span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-cog"></i></span> MISC</h2>
  152.            
  153.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  154.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  155.             <span class="badge text-white" style="background-color:#CC334A;"><i class="fa fa-fw fa-x"></i></span> [???]<br>
  156.            
  157.           </div>
  158.           <!----- End Misc ------>
  159.        
  160.       </div>
  161.      
  162.       </div>
  163.      
  164.     </div>
  165.     <!-------- End Main List -------->
  166.  
  167.   </div>
  168. </div>
  169.  
  170. <div class="col-12 mt-3 py-2 bg-primary text-center" style="font-size:1.2rem; border:#000000 8px solid;">
  171.   <a href="[IMGLEFT]" data-toggle="tooltip" title="Left Image Source"><span style="color:#FFFFFF;"><i class="fas fa-image"></i></span></a>
  172.   <a href="https://toyhou.se/16006417.overlay" data-toggle="tooltip" title="Header Code Frankensteined From: CuckooHoopoe"><span style="color:#FFFFFF;"><i class="fas fa-strawberry fa-flip-horizontal"></i></span></a>
  173.   <a href="https://toyhou.se/31739594.two-do-list" data-toggle="tooltip" title="Code By: TomcatCodes / CrispinAsheYA"><span style="color:#FFFFFF;"><i class="fas fa-code"></i></span></a>
  174.   <a href="[IMGHEADER]" data-toggle="tooltip" title="Header Image Source"><span style="color:#FFFFFF;"><i class="fas fa-strawberry"></i></span></a>
  175.   <a href="[IMGRIGHT]" data-toggle="tooltip" title="Right Image Source"><span style="color:#FFFFFF;"><i class="fas fa-image"></i></span></a>
  176. </div>
  177.  
  178. <!--
  179. [IMGHEADER]
  180. [IMGLEFT] | [IMGRIGHT]
  181. [???]
  182. -->
  183.  
  184. </div>
  185. </div>
  186. <!----------- END WHERE YOU PUT YOUR SOURCE CODES ----------->
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!