File size: 8,639 Bytes
451caac ca2d7fe 451caac d8a0fd0 ca2d7fe d8a0fd0 4b234c2 d8a0fd0 6e24f50 d8a0fd0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 |
---
license: apache-2.0
language:
- en
---
<!DOCTYPE html>
<html lang="en">
<head>
<!-- MADE BY PotatoOff & LLM | https://huggingface.co/PotatoOff | Have fun and dont remove the credits <3 -->
<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/RPNN3Hs6mMXe25viwZklX.png" alt="Image">
<h1 class="product-name" style="margin: 10px">Meet HamSter-0.1 🐹</h1>
<p>
👋 Uncensored fine tune model roleplay focused of "mistralai/Mistral-7B-v0.2" and first model of the HamSter series. Made 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>
🔥 Produce spicy content.<br><br>
😄 -> Check out <a href="https://huggingface.co/PotatoOff/HamSter-0.2" target="_blank">HamSter 0.2</a> latest model of the HamSter series. Check it out!<br>
</p>
<div>
<a href="https://huggingface.co/collections/PotatoOff/hamster-01-65a31043b7897304be56474d" class="button">HamSter 0.1 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/Mxxwp63AHWhxfSuC7ljsB.png" target="_blank">
<img src="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/Mxxwp63AHWhxfSuC7ljsB.png" 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/ZDFGednAQjtPQDjyvmlRU.webp" target="_blank">
<img src="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/ZDFGednAQjtPQDjyvmlRU.webp" 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.1" target="_blank">HamSter-0.1 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/1z6u-_Iu3dXoAo-ia0KKl.png" target="_blank">
<img src="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/1z6u-_Iu3dXoAo-ia0KKl.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_20240113_7B-Q6_K_HamSter_0_1.html">Ayumi's LLM RolePlay & ERP Rankin HamSter-0.1 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>
|