<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HamSter v0.2</title>
    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Quicksand', sans-serif;
            background-color: #1A202C;
            color: #F7FAFC;
            margin: 0;
            padding: 20px;
            font-size: 16px;
        }
        .container {
            width: 100%;
            margin: auto;
            background-color: #2D3748;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        }
        .header {
            display: flex;
            align-items: flex-start;
            gap: 20px;
        }
        .header h1 {
            font-size: 20px;
            color: #E2E8F0;
        }
        .header img {
            flex-shrink: 0;
            margin-left: 25%;
            width: 50%;
            max-width: 50%;
            border-radius: 15px;
            transition: filter 0.4s ease;
        }
        .header img:hover {
            filter: blur(2px); /* Apply a stronger blur on hover */
        }
        .info {
            flex-grow: 1;
            background-color: #2D3748;
            color: #CBD5E0;
            font-family: 'Fira Code', 'JetBrains Mono', monospace;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            font-size: 14px;
            line-height: 1.7;
            overflow-x: auto;
            margin-top: 40px;
            border: 2px solid #4A90E2;
            transition: box-shadow 0.3s ease;
            position: relative; /* Ensure proper stacking */
        }
        .info:hover {
            box-shadow: 0 4px 13px rgba(0, 0, 0, 0.6), 0 0 24px rgba(74, 144, 226, 0.6);
        }
        .info-img {
            width: 100%; /* Adjust width as per your layout needs */
            max-width: 400px; /* Max width to ensure it doesn't get too large */
            max-height: 100%; /* Adjust height proportionally */
            border-radius: 10px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            margin-left: 5%; /* Align to the right */
            margin-right: 0%; /* Keep some space from the text */
            display: block; /* Ensure it's properly block level for margins to work */
            float: right; /* Keep it to the right */
        }
      .button {
          display: inline-block;
          background-image: linear-gradient(145deg, #F96167 0%, #F0F2D7 100%);
          color: #F0F0F0;
          padding: 16px 24px; /* Increased padding for bigger buttons */
          border: none;
          border-radius: 10px;
          cursor: pointer;
          text-decoration: none;
          margin-left: 7%;
          transition: transform 0.3s ease, box-shadow 0.3s ease, background-image 0.3s ease, color 0.3s ease, border-radius 0.3s ease; /* Enhanced transitions */
          font-weight: bold; /* Make the text bold */
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
      }
      .button:hover {
          background-image: linear-gradient(145deg, #FB1A3E 0%, #F38555 100%); /* Vibrant to light pink gradient */
          transform: scale(1.1); /* Increase size for more emphasis */
          box-shadow: 0 10px 30px rgba(249, 97, 103, 0.8); /* More pronounced glowing effect */
          color: #FFFFFF; /* Brighten the text color slightly */
          border-radius: 15px; /* Soften the corners a bit more for a pill-like effect */
      }
      @keyframes pulse {
        0% {
            transform: scale(1);
            opacity: 1;
        }
        50% {
            transform: scale(1.05);
            opacity: 0.85;
        }
        100% {
            transform: scale(1);
            opacity: 1;
        }
    }
    </style>
</head>

<body>
  <div class="container">
        <div class="header">
            <div class="info" style="margin-top: 5px;">
            <img src="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/PieKyxOEVyn0zrrNqVec_.webp" alt="Image">
                <h1 class="product-name" style="margin: 10px">HamSter 0.2</h1>
                <p>
                    👋 Uncensored fine tune model roleplay focused of "mistralai/Mistral-7B-v0.2" with the help of my team <a href="https://huggingface.co/ConvexAI" target="_blank">ConvexAI.</a><br><br>
                    🚀 For optimal performance, I recommend using a detailed character card! (There is NSFW chub.ai) Check out <a href="https://chub.ai" target="_blank">Chub.ai</a> for some character cards.<br><br>
                    🤩 Uses the Llama2 prompt template with chat instructions.<br><br>
                    🔥 Fine-tuned with a newer dataset for even better results.<br><br>
                    😄 Next one will be more interesting!<br>
                </p>
                <div>
                    <a href="https://huggingface.co/collections/PotatoOff/hamster-02-65abc987a92a64ef5bb13148" class="button">HamSter 0.2 Quants</a>
                    <a href="https://discord.com/invite/9y7KxZxcZx" class="button">Discord Server</a>
                </div>
            </div>
        </div>
        <div style="overflow: hidden; position: relative">
            <div class="info"style="overflow: hidden; margin:-left 0% margin-top: 20px;">       
              <a href="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/RnozajhXn85WQYuqcVtnA.webp" target="_blank">
                <img src="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/RnozajhXn85WQYuqcVtnA.webp" alt="Roleplay Test" style="width: auto; max-width: 37%; max-height: 100%; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); margin-left: 0%; display: block; float: right;">
              </a>
              <h2 style="margin-top: 0;">I had good results with these parameters:</h2>
                <ul style="margin-top: 0;">
                    <p>> temperature: 0.8 <</p>
                    <p>> top_p: 0.75</p>
                    <p>> min_p: 0</p>
                    <p>> top_k: 0</p>
                    <p>> repetition_penalty: 1.05</p>
                </ul>
            </div>
        </div>
        <div style="overflow: hidden; position: relative;">
          <div class="info" style="overflow: hidden; margin-top: 20px;">
            <h2 style="margin-top: 0;">BenchMarks on OpenLLM Leaderboard</h2>
            <a href="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/KaeVaaLOYZb0k81BbQ2-m.png" target="_blank">
              <img src="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/KaeVaaLOYZb0k81BbQ2-m.png" alt="OPEN LLM BENCHMARK" style="info-img; border-radius: 10px">
            </a>
            <p>More details: <a href="https://huggingface.co/datasets/open-llm-leaderboard/details_PotatoOff__HamSter-0.2" target="_blank">HamSter-0.2 OpenLLM BenchMarks</a></p>
          </div>
        </div>
        <div style="overflow: hidden; position: relative;">
          <div class="info" style="overflow: hidden; margin-top: 20px;">
            <h2 style="margin-top: 0;">BenchMarks on Ayumi's LLM Role Play & ERP Ranking</h2>
            <a href="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/NSUmxUmDyhO9tJb-NZd8m.png" target="_blank">
              <img src="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/NSUmxUmDyhO9tJb-NZd8m.png" alt="Ayumi's LLM Role Play & ERP Ranking" class="info-img" style="width: 100%; height: auto;">
            </a>
            <p>More details: <a href="http://ayumi.m8geil.de/results_v3/model_resp_DL_20240114_7B-Q6_K_HamSter_0.2.html">Ayumi's LLM RolePlay & ERP Rankin HamSter-0.2 GGUF version Q6_K</a></p>
          </div>
        </div>
    <div style="font-family: 'Arial', sans-serif; font-weight: bold; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);">
      <p style="display: inline; font-size: 17px; margin: 0;">Have Fun</p>
      <p style="display: inline; color: #E2E8F0; margin-bottom: 20px; animation: pulse 2s infinite; font-size: 17px;">💖</p>
    </div>
  </div>
</body>
</html>
{"language": ["en"], "license": "apache-2.0"}
transformers safetensors mistral text-generation conversational en license:apache-2.0 autotrain_compatible endpoints_compatible text-generation-inference region:us