README.md

---
license: cc-by-nc-4.0
language:
- en
tags:
- stable-diffusion
- anime
- art
---
<style>  
  .title {
    font-size: 3.6em;
    text-align: center;
    font-weight: bold;
    color: #5c7ccc;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }
  
  .custom-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    margin-top: 2em;
  }
  
  .custom-table td {
    width: 50%;
    vertical-align: top;
    padding: 10px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
  }

  .custom-image-container {
    position: relative;
    width: 100%;
    margin-bottom: 0em;
    overflow: hidden;
    border-radius: 10px;
    transition: transform .7s;
    /* Smooth transition for the container */
  }

  .custom-image-container:hover {
    transform: scale(1.05);
    /* Scale the container on hover */
  }
  
  .nsfw-filter {
    filter: blur(8px); /* Apply a blur effect */
    transition: filter 0.3s ease; /* Smooth transition for the blur effect */
  }

  .custom-image-container:hover .nsfw-filter {
    filter: none; /* Remove the blur effect on hover */
  }

  .custom-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    transition: transform .7s, opacity .5s;
    margin-bottom: 0em;
  }
  
  .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1vw;
    font-style: bold;
    text-align: center;
    opacity: 0;
    /* Keep the text fully opaque */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%);
    transition: opacity .5s;
  }
  .custom-image-container:hover .overlay {
    opacity: 1;
    /* Make the overlay always visible */
  }
  .overlay-text {
    background: linear-gradient(45deg, #130c28, #ca76e2);
    -webkit-background-clip: text;
    color: transparent;
    /* Fallback for browsers that do not support this effect */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    /* Enhanced text shadow for better legibility */
  }
    
  .overlay-subtext {
    font-size: 0.75em;
    margin-top: 0.5em;
    font-style: italic;
  }
    
  .overlay,
  .overlay-subtext {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }
    
</style>

<h1 class="title">
  404Networks
</h1>
<p style="text-align:center;font-style: bold;font-size: 1.2em;">A dumping ground for LoRAs, LoCons and other stable diffusion related projects </p>
<table class="custom-table">
  <tr>
    <td>
      <div class="custom-image-container">
        <div class="image-wrapper">
          <img class="custom-image" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Sweetbun/Sweetbun4.png" alt="sampleb1">
          <div class="overlay" style="font-size: 1vw; font-style: bold;">"A Quick Stroll" <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">by 404-program-not-found</div></div>
        </div>
      </div>
       <div class="custom-image-container">
        <div class="image-wrapper">
         <img class="custom-image" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Sweetbun/Sweetbun3.png" alt="sampleb2">
         <div class="overlay" style="font-size: 1vw; font-style: bold;">"Lost in Wonder" <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">by 404-program-not-found</div></div>
       </div>
    </td>
    <td>
      <div class="custom-image-container">
       <div class="image-wrapper">
        <img class="custom-image" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Sweetbun/Sweetbun9.png" alt="sampleb3">
        <div class="overlay" style="font-size: 1vw; font-style: bold;"> "Unexpected Visitor" <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">by 404-program-not-found</div></div>
      </div>
     </div>
      <div class="custom-image-container">
       <div class="image-wrapper">
        <img class="custom-image" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Takoyaki/Takoyaki1.png" alt="sampleb4">
        <div class="overlay" style="font-size: 1vw; font-style: bold;"> "Urban Tranqulity" <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">by 404-program-not-found</div></div>
    </td>
    <td>
      <div class="custom-image-container">
       <div class="image-wrapper">
        <img class="custom-image" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Sweetbun/Sweetbun11.png" alt="sampleb5">
        <div class="overlay" style="font-size: 1vw; font-style: bold;"> "Bear Hug" <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">by 404-program-not-found</div></div>
      </div>
     </div>
      <div class="custom-image-container">
       <div class="image-wrapper">
        <img class="custom-image" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Sweetbun/Sweetbun10.png" alt="sampleb6">
        <div class="overlay" style="font-size: 1vw; font-style: bold;"> "Inaka life" <div class="overlay-subtext" style="font-size: 0.75em; font-style: italic;">by 404-program-not-found</div></div>
      </div>
    </td>
  </tr>
</table>


<details id="Dropdown">
 <summary style="font-size: 1.10em"><strong> Changelogs </strong></summary>

### 2 12 2023
- Repo Creation
- Added images
- Uploaded Sweetbun

</details>

<hr>

# LoRAs
## 🥐 Sweetbun
<table class="custom-table">
  <tr>
    <td>
      <img class="custom-image-container" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Sweetbun/Sweetbun6.png" alt="Sweetbun Preview 1">
    </td>
    <td>
      <img class="custom-image-container" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Sweetbun/Sweetbun7.png" alt="Sweetbun Preview 2">
    </td>
    <td>
      <img class="custom-image-container" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Sweetbun/Sweetbun8.png" alt="Sweetbun Preview 3">
    </td>
  </tr>
</table>
<p align="center", style="font-size: 1.2rem; font-style:bold"><strong><a href="https://huggingface.co/404-program-not-found/404Networks/resolve/main/LoRas/Sweetbun.safetensors?download=true">Download</a></strong></p>

A LoRA merge based on several custom trained artist LoRas with similar art styles. Performs very well when used with cute and more 2d models, untested with 3d/semi realistic models

## 🐙 Takoyaki
<table class="custom-table">
  <tr>
    <td>
      <img class="custom-image-container" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Takoyaki/Takoyaki2.png" alt="Sweetbun Preview 1">
    </td>
    <td>
      <img class="custom-image-container" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Takoyaki/Takoyaki3.png" alt="Sweetbun Preview 2">
    </td>
    <td>
      <img class="custom-image-container" src="https://huggingface.co/404-program-not-found/404Networks/resolve/main/Previews/Takoyaki/Takoyaki4.png" alt="Sweetbun Preview 3">
    </td>
  </tr>
</table>
-- Work In Progress --

<hr>

# 👏 Credits

- Enferlain & Lynn for layout
  - [**218xl**](https://huggingface.co/Enferlain/218xl)
  - [**Animagine XL 2**](https://huggingface.co/Linaqruf/animagine-xl-2.0)

- Tools
  - [**holostrawberry's lora training guide & Colabs**](https://civitai.com/models/22530)