<!-- 
        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣤⣤⣴⠶⠶⠶⠶⠦⣤⣤⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣶⠾⠟⣿⣿⠾⠛⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠻⢶⣤⣠⣤⣤⣄⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡾⠟⠉⠀⠀⠸⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⢷⣀⠈⠙⠻⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡾⠋⠀⠀⠀⢀⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣧⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣾⠏⠀⠀⠀⠀⢠⡿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡀⠀⠀⠀⠈⠻⣦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡟⠁⠀⠀⠀⠀⢀⡿⠁⠀⠀⣰⣶⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣄⠀⠀⠀⠀⠀⢿⡀⠀⠀⠀⠀⠀⠙⠷⣤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣀⣴⠟⠋⠀⠀⠀⠀⠀⠀⣼⠇⠀⠀⠐⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⣿⣿⡇⠀⠀⠀⠀⢸⣇⠀⠀⠀⠀⠀⠀⠀⠈⠙⠳⣦⣄⡀⠀⠀⠀⠀⠀
⠀⠀⠀⣀⣴⠾⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⢿⡇⠉⠁⠉⠈⠉⠀⠀⠀⠀⠀⠀⣠⢤⣀⠀⠀⠀⠀⠀⠉⠿⠿⠁⡀⠀⠀⠀⢸⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠻⢶⣄⠀⠀⠀
⠀⣠⡾⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣷⣄⠤⠠⠐⢀⡀⠀⠀⠀⠀⠀⠋⠁⠉⠁⠀⠀⠀⠀⠀⠄⠀⠀⠀⢁⠀⠀⣼⢿⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣷⡄⠀
⢠⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡟⠻⢶⣤⣴⡾⠷⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣦⣤⠀⠜⣀⣴⠟⠈⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣷⠀
⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡿⠁⠀⠀⣿⠃⠀⠀⢸⡟⠳⠶⠶⠶⢦⣶⣴⣶⣴⣶⣶⣿⠉⠀⠹⣷⣿⣿⣥⣄⡀⠀⢻⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⢸⡇
⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⠟⠁⠀⠀⠀⢿⣆⣠⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠳⠀⢀⣿⠟⠉⠉⠉⠛⣷⡄⠙⢷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠇
⠘⢷⣄⡀⠀⠀⠀⠀⠀⠀⢀⣠⣴⠟⠃⠀⠀⠀⠀⠀⠀⣼⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⠶⠿⣷⡀⠀⠀⣀⠀⠈⣿⡄⠀⠙⢷⣄⡀⠀⠀⠀⠀⠀⠀⣀⣼⠏⠀
⠀⠀⠉⠛⠷⠶⠶⠶⠶⠾⠛⠋⠁⠀⠀⠀⠀⠀⠀⠀⣸⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣧⣤⣴⠏⠀⠀⣽⡇⠀⠀⠀⠈⠛⠿⠶⠶⠶⠶⠿⠋⠁⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⡇⠀⣠⣤⣄⠀⠀⠀⠀⠀⠀⠀⣀⣀⡀⠀⠀⠀⠀⠀⣼⡇⠀⠀⠀⠀⣴⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣷⡾⠋⠀⠁⠀⠀⠀⠀⠀⢀⣾⠛⠉⠙⠓⠀⠀⢀⣴⠟⠛⠿⠾⠿⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣷⠀⠀⠐⢶⣶⣶⣶⣶⣾⣿⡀⠀⠀⢶⡶⠛⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣧⣀⣠⡿⠁⠀⠀⠀⠀⢹⣇⡀⣠⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠁⠀⠀⠀⠀⠀⠀⠀⠙⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
   
        ================================================================
        
                       // Websites that you may find useful // 
                       
            // https://www.w3schools.com/ 
            // https://learnlayout.com/
            // https://lilaclynx.net/responsive.html
            // https://stackoverflow.com/
            // https://codepen.io/
            // https://www.10bestdesign.com/dirtymarkup/
            // https://css-tricks.com/
            // https://www.cssportal.com/
            // https://www.codecademy.com/
            
        ================================================================            

    -->
    
  <!DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <link rel='shortcut icon' type='image/x-icon' href='https://meltymods.neocities.org/imgs/psp.gif' />
      <title>Melty Mods</title>
    </head>
  
  
  <style>
  body {
  background: #eee;
  font-family: 'basiic', Open Sans, Verdana, sans-serif;
  font-size: 0.98em;
  line-height: 1.1em;
  }
  

h1 {
    line-height: 120%;
    
  }
  
h3 {
  text-align: left;
  }
  
#header-image {
  height: 200px;
  top: 0;
  width: 100%;
  background: linear-gradient(rgb(0,0,0,0), rgb(0,0,0,0)), url("https://meltymods.neocities.org/imgs/bg2.jpg") no-repeat; /*Replace this with your own header image!*/
  background-size: cover;
  margin-bottom: 30px;
  }
  
#header {
  border: 0;
  }  
  
#description {
  width: 60em;
  }
  
.column-wrapper {
  columns: 4;
  margin: 0 auto;
  }

.post, .post-scroller {
  background: #ddd;
  border: 5px solid #fff;
  border-radius: 15px;
  }
  
.post-scroller {
  height: 32em;
  }

.post-inner {
  margin:1em;
  }
  
.post-scroller .post-inner {
  max-height: 30em; /*to keep scrollbars from disrupting round corners*/
  overflow-y: auto;
  }
  
  
.readmore {
  background: #bbadfb;
  border-radius: 12px;
  padding: 10px;
  color: white;
  text-align: center;
  }
  
.readmore-link a {
  text-decoration:none;
  }
  
.readmore:hover {
  background: #adf8fb;
  }
  
#footer {
  font-size: 0.85em;
  background: #e69bdf;
  color: black;
  }
  
#footer li {
  padding-left:0;
  padding-top: 2px;
  padding-bottom: 2px;
  list-style-type: none;
  }

.footer-columns {
  border:0px black solid;
  margin: 0 auto;
  width: 68%;
  }
  
.footer-column {
  text-align: left;
  height:6em;
  width: 100%;
  padding: 10px;
  padding-top:0;
  }
  

@media(max-width:80em) { /*allow narrower columns on small screens*/
  #header, #description, .column-wrapper, .footer-columns {
    width: 90%;
    }
    
  }  
  
@media(orientation: portrait) { /*removes columns for mobile*/
  #header {
    width: 80%;
    }
  .column-wrapper, .footer-columns {
    width: 80%;
    columns: 1;
    }
  }
  
  body {
  margin: 0;
}

h1, h2, h3, #description {
  text-align: center;
  
  }
  

/*This is where your header stuff goes. The inside uses the post-inner class like posts do, instead of having a separate class name.*/
/*(If you want to give it different behavior, then add a #header .post-inner {} after the rules for .post-inner to make a special ruleset for it.)*/
#header {
  border: 0px solid #a10000;
  width: 80em;
  margin: 10px auto;
  padding-left: -1px;
  }
  
/*Normally inside the header.*/
#description {
  padding: 10px;
  margin: 10px auto;
  }

/*Contains the columns of posts.*/
.column-wrapper {
  columns: 3;
  min-height: 80%;
  width: 80em;
  margin: 0 auto;
  column-gap:10px;
  }
  
/*Variable and fixed-height boxes.*/
.post, .post-scroller {
  display: inline-block;
  
  border-image: url("https://i.imgur.com/ROjUrNz.gif") 6 fill round;
  margin: 0 auto;
  margin-bottom:10px;
  overflow-y: auto; /*To give fixed-height posts a scroller, and make images outside the post-inner div conform to rounded corners.*/
  }
  
.post img, .post-scroller img { /*Prevent image overflow.*/
  max-width: 100%;
  height: auto;
  }
  
/*Fixed-height box.*/
.post-scroller {
  height: 500px;
  }
  
.post-inner { /*because padding doesn't play nice with divs directly inside columns*/
  margin: 10px;
  }
  
/*Special optional styling for images used as post headers.*/
.post-head-image {
  padding: 0;
  }
  
/*Looks similar to footer but just covers a big section.*/
.block-color-section {
  background: #e69bdf;
  color: white;
  min-height:1em;
  margin-top: 10px;
  margin-bottom:20px;
  }
  
.block-color-inner {
  padding:10px;
  padding-left: 10%;
  padding-right: 10%;
  margin: 0 auto;
  }

#footer {
  background: #e69bdf;
  color: #fff;
  min-height:1em;
  margin-top: 10px;
  bottom: 0;
  }
  
/*Variant footer. This will stick at the bottom of the page, and overlap anything that gets too close. Use only for pages too short to scroll.*/
#footer-sticky {
  position:fixed;
  width: 100%;
  background: #a10000;
  color: #fff;
  min-height:1em;
  bottom: 0;
  margin-top: 10px;
  margin-bottom:0;
  }
  
#footer-content {
  /*For some reason the padding needs at least 1px top and bottom or else it automatically gets a giant margin instead. I still don't know why it does that. Just don't make it 0.*/
  padding:1px; 
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
  }
  
  
/*For making columns in the footer like demonstrated.*/
.footer-columns {
  columns: 3;
  width: 80em;
  margin: 0 auto;
  column-gap:10px;
  }
  
/*For when you want to make distinct columns of different stuff without a million <br>s.*/
.footer-column {
  text-align: left;
  display: inline-block;
  height:6em;
  width: 100%;
  padding: 10px;
  padding-top:0;
  }
  
/*Used to style lists of links without big obvious bullets.*/
#footer li {
  padding-left:0;
  padding-top: 2px;
  padding-bottom: 2px;
  list-style-type: none;
  }


@media(max-width:80em) { /*Allow smaller side margins on narrower screens.*/
  #header, #description, .column-wrapper, .footer-columns {
    width: 90%;
    }
    
  }  

@media(orientation:portrait) { /*Removes columns entirely for mobile*/
  .column-wrapper, .footer-columns {
    columns: 1; 
    }
  }
  
  
   @font-face{
      font-family: 'basiic';
  src: url(/basiic.ttf);
    }
    
  </style>
  
  <body>
  <div id=header-image></div>
  <div id=header><div class=post-inner>
    <h1>Welcome to Melty Mods!</h1>
  
  <!--  <div id=description>
</div> 
-->

  </div></div>
  
  
    <div class=column-wrapper>
    
    <div class=post><div class=post-inner>
    <h3>What We Do</h3>

      <p><center>Melty Mods is here to upgrade your PSP gaming experience! From Ready-To-Play Preloaded PSP Memory Cards to the occasional, Melty Mods Approved Consoles. <br><br>
<img src="https://meltymods.neocities.org/imgs/pink%20psp.webp"></center>
<br>

 <span class=readmore-link><a href="https://meltymods.neocities.org/about"><div class=readmore>Read About Melty Mods</div></a></span>
	
    </div></div>
    
	
	<!-- melty bun pic -->
	<div class=post><div class=post-inner>
 <img src="https://meltymods.neocities.org/imgs/meltybun-wide.png"><br>
     
     <span class=readmore-link><a href="https://cutiesclubshop.com/collections/melty-mods"><div class=readmore>Shop Melty Mods</div></a></span>
     
    </div></div>
	
	
	<div class=post><div class=post-inner>
    <h3>Tutorials</h3>

      <p>Looking for some help on how to mod your PSP or tutorials for how to navigate your system, you will find help here.
      <ul>
      <li>Memory Card Set Up</li>
      <li>What PSP model do you have?</li>
      <li>How to statesave.</li>
      <li>How to change image scaling.</li>
      <li>Where to find resources.</li></ul>
<br>
  
      <span class=readmore-link><a href="https://meltymods.neocities.org/tutorials"><div class=readmore>Read More...</div></a></span>
    </div></div>
	
	
    <div class=post><div class=post-inner>
    <h3>Contact</h3>

      <p>
	   Email Melty Mods: <a href="mailto:meltymods@proton.me">meltymods@proton.me</a> 
            
            <ul>
            <li><b>Need assistance with your order?</b></li> Please email us with your order number.</ul>
          <ul><li><b>Want a custom order?</b></li> You can send us a list of games you'd like included on your memory card. If there is additional space left on the card, it will be filled with a random assortment of PSP 'hits.'</ul>
          <ul><li><b>Have questions regarding installation?</b></li> Check out our "Tutorials" page or email us.</ul>
          <ul><li><b>Other General Questions?</b></li> Feel free to reach out to us via our social media.</ul>
          
		  
    </div></div>
    
    
	<div class=post><div class=post-inner><h3>Find Us Online</h3>
<img src="https://meltymods.neocities.org/imgs/banner.jpg">
<span class=readmore-link><a href="https://meltymods.carrd.co/"><div class=readmore>Melty Mods Socials</div></a></span>
  </div></div>
    

    <div class=post><div class=post-inner>
    <h3>Fun Photos</h3>

      <center>View a gallery of our items & more.</center><br>
<img src="https://meltymods.neocities.org/imgs/pinkpsp3000-1.jpeg"><br>
     
<span class=readmore-link><a href="https://meltymods.neocities.org/meltypics"><div class=readmore>See More Pics</div></a></span>
    </div></div>
    
    
    <div class=post><div class=post-inner>
    <h3>Game Lists</h3>

      <p><center>Interested in knowing what games are on our memory cards, view them here.<br><br>
<img src="https://meltymods.neocities.org/imgs/handheld%20-%20psp.gif"></center><br>
      
<span class=readmore-link><a href="https://meltymods.neocities.org/gamelists"><div class=readmore>View Game List</div></a></span>
    </div></div>
    

    <!-- 
    
   <div class=post><div class=post-inner>
      <h3>Box 8 - SHE'S 8ACK!!!!!!!!</h3>
      <p>Here's how to make a list:</p>

      <ul>
        <li>First thing</li>
        <li>Second thing</li>
        <li>Third thing</li>
      </ul>

      <p>To learn more HTML/CSS, check out these <a href="https://neocities.org/tutorials">tutorials</a>!</p>
      <p>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?</p>
<span class=readmore-link><a href=""><div class=readmore>Keep Reading...</div></a></span>
      
    </div></div>
-->
    
    </div>
    
    <div id=footer>
      <div id=footer-content>
        <div class=footer-columns>
        <div class=footer-column>
          <h4>All Links</h4>
          <ul>
            <li><a href="about">About Us</a></li>
            <li><a href="Contact">Contact Us</a></li>
            <li><a href="Shop">Shop</a></li>
            <li><a href="gamelists">Game Lists</a></li>
            <li><a href="setup">PSP Set Up</a></li>
          
          </ul>
        </div>
        <div class=footer-column>
          <h4>Other</h4>
          <ul>
            <li><a href="tutorials">Tutorials</a></li>
            <li><a href="https://meltymods.carrd.co/">Social Media</a></li>
            <li><a href="#top">To Top</a></li>
			<li><a href="https://eggramen.neocities.org/">Layout Credit</a></li>
           </ul></div>
        
        <div class=footer-column>
            <p>Melty Mods - 2024.</p>
        </div>
        </div>
        
      </div>
    </div>
    
  </body>
</html>