|
|
--- |
|
|
base_model: |
|
|
- ReadyArt/Broken-Tutu-24B-Transgression-v2.0 |
|
|
base_model_relation: quantized |
|
|
quantized_by: frenzybiscuit |
|
|
tags: |
|
|
- awq |
|
|
- 4-bit |
|
|
--- |
|
|
<style> |
|
|
body { |
|
|
font-family: 'Quicksand', sans-serif; |
|
|
background: linear-gradient(135deg, #e0e0e0 0%, #f0f0f0 100%); |
|
|
color: #333 !important; |
|
|
text-shadow: 0 0 3px rgba(224, 224, 224, 0.7); |
|
|
margin: 0; |
|
|
padding: 20px; |
|
|
transition: all 0.5s ease; |
|
|
} |
|
|
|
|
|
.container { |
|
|
min-width: 100%; |
|
|
margin: 0 auto; |
|
|
max-width: 1200px; |
|
|
background: rgba(240, 240, 240, 0.95); |
|
|
border-radius: 12px; |
|
|
padding: 30px; |
|
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 0 30px rgba(200, 200, 200, 0.5); |
|
|
border: 1px solid rgba(200, 200, 200, 0.2); |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.container::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: -1px; |
|
|
left: -1px; |
|
|
right: -1px; |
|
|
bottom: -1px; |
|
|
border: 1px solid rgba(200, 200, 200, 0.5); |
|
|
border-radius: 12px; |
|
|
pointer-events: none; |
|
|
animation: borderGlow 3s ease-in-out infinite alternate; |
|
|
} |
|
|
|
|
|
@keyframes borderGlow { |
|
|
0% { |
|
|
box-shadow: 0 0 5px rgba(200, 200, 200, 0.3); |
|
|
border-color: rgba(200, 200, 200, 0.5); |
|
|
} |
|
|
50% { |
|
|
box-shadow: 0 0 15px rgba(170, 170, 170, 0.3); |
|
|
border-color: rgba(170, 170, 170, 0.5); |
|
|
} |
|
|
100% { |
|
|
box-shadow: 0 0 5px rgba(200, 200, 200, 0.3); |
|
|
border-color: rgba(200, 200, 200, 0.5); |
|
|
} |
|
|
} |
|
|
|
|
|
.header { |
|
|
text-align: center; |
|
|
margin-bottom: 30px; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
.header::after { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
bottom: -15px; |
|
|
left: 25%; |
|
|
right: 25%; |
|
|
height: 1px; |
|
|
background: linear-gradient(90deg, transparent, rgba(200, 200, 200, 0.5), transparent); |
|
|
animation: scanline 8s linear infinite; |
|
|
} |
|
|
|
|
|
.model-name { |
|
|
color: #333; |
|
|
font-size: 2.5em; |
|
|
text-shadow: 0 0 15px rgba(200, 200, 200, 0.5); |
|
|
margin: 0; |
|
|
letter-spacing: -1px; |
|
|
animation: textGlow 4s ease-in-out infinite alternate; |
|
|
} |
|
|
|
|
|
@keyframes textGlow { |
|
|
0% { text-shadow: 0 0 15px rgba(200, 200, 200, 0.5); } |
|
|
50% { text-shadow: 0 0 20px rgba(170, 170, 170, 0.5); } |
|
|
100% { text-shadow: 0 0 15px rgba(200, 200, 200, 0.5); } |
|
|
} |
|
|
|
|
|
.subtitle { |
|
|
color: #444; |
|
|
font-size: 1.2em; |
|
|
margin-top: 10px; |
|
|
animation: subtitleFade 6s ease-in-out infinite; |
|
|
} |
|
|
|
|
|
.waifu-container { |
|
|
margin: 20px -30px; |
|
|
width: calc(100% + 60px); |
|
|
overflow: hidden; |
|
|
border-radius: 8px; |
|
|
border: 1px solid rgba(200, 200, 200, 0.3); |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
.waifu-container::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: 0; |
|
|
left: 0; |
|
|
right: 0; |
|
|
bottom: 0; |
|
|
background: linear-gradient(45deg, |
|
|
rgba(200, 200, 200, 0.1) 0%, |
|
|
transparent 20%, |
|
|
transparent 80%, |
|
|
rgba(170, 170, 170, 0.1) 100%); |
|
|
pointer-events: none; |
|
|
animation: gradientSlide 10s linear infinite; |
|
|
} |
|
|
|
|
|
.waifu-img { |
|
|
width: 100%; |
|
|
height: auto; |
|
|
border-radius: 0; |
|
|
border: none; |
|
|
box-shadow: 0 0 40px rgba(200, 200, 200, 0.2); |
|
|
transition: transform 0.5s ease; |
|
|
} |
|
|
|
|
|
.waifu-img:hover { |
|
|
transform: scale(1.01); |
|
|
} |
|
|
|
|
|
.section { |
|
|
color: #444; |
|
|
margin: 25px 0; |
|
|
padding: 20px; |
|
|
background: rgba(230, 230, 230, 0.9); |
|
|
border-radius: 8px; |
|
|
border: 1px solid rgba(200, 200, 200, 0.15); |
|
|
position: relative; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.section:hover { |
|
|
border-color: rgba(170, 170, 170, 0.3); |
|
|
box-shadow: 0 0 15px rgba(200, 200, 200, 0.1); |
|
|
} |
|
|
|
|
|
.section::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: -1px; |
|
|
left: -1px; |
|
|
right: -1px; |
|
|
bottom: -1px; |
|
|
border: 1px solid rgba(200, 200, 200, 0.3); |
|
|
border-radius: 8px; |
|
|
pointer-events: none; |
|
|
animation: sectionPulse 5s ease-in-out infinite; |
|
|
} |
|
|
|
|
|
@keyframes sectionPulse { |
|
|
0%, 100% { opacity: 0.7; } |
|
|
50% { opacity: 0.3; } |
|
|
} |
|
|
|
|
|
.section-title { |
|
|
color: #333; |
|
|
font-size: 1.8em; |
|
|
margin-top: 0; |
|
|
text-shadow: 0 0 5px rgba(200, 200, 200, 0.3); |
|
|
position: relative; |
|
|
display: inline-block; |
|
|
} |
|
|
|
|
|
.section-title::after { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
bottom: -5px; |
|
|
left: 0; |
|
|
width: 100%; |
|
|
height: 1px; |
|
|
background: linear-gradient(90deg, rgba(200, 200, 200, 0.5), rgba(170, 170, 170, 0.5)); |
|
|
transform: scaleX(0); |
|
|
transform-origin: left; |
|
|
transition: transform 0.3s ease; |
|
|
} |
|
|
|
|
|
.section:hover .section-title::after { |
|
|
transform: scaleX(1); |
|
|
} |
|
|
|
|
|
.quant-links { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(3, 1fr); |
|
|
gap: 15px; |
|
|
margin: 20px 0; |
|
|
} |
|
|
|
|
|
.link-card { |
|
|
padding: 15px; |
|
|
background: rgba(220, 220, 220, 0.95); |
|
|
border-radius: 8px; |
|
|
transition: all 0.3s ease; |
|
|
border: 1px solid rgba(200, 200, 200, 0.1); |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
text-decoration: none; |
|
|
color: inherit; |
|
|
} |
|
|
|
|
|
.link-card::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: 0; |
|
|
left: 0; |
|
|
right: 0; |
|
|
height: 2px; |
|
|
background: linear-gradient(90deg, rgba(200, 200, 200, 0.5), rgba(170, 170, 170, 0.5)); |
|
|
animation: cardScan 4s linear infinite; |
|
|
} |
|
|
|
|
|
@keyframes cardScan { |
|
|
0% { transform: translateX(-100%); } |
|
|
100% { transform: translateX(100%); } |
|
|
} |
|
|
|
|
|
.link-card:hover { |
|
|
transform: translateY(-3px); |
|
|
box-shadow: 0 5px 15px rgba(200, 200, 200, 0.2); |
|
|
border-color: rgba(170, 170, 170, 0.3); |
|
|
} |
|
|
|
|
|
.link-card h3 { |
|
|
margin-top: 0; |
|
|
color: #444 !important; |
|
|
} |
|
|
|
|
|
.link-button { |
|
|
display: inline-flex; |
|
|
align-items: center; |
|
|
background: rgba(200, 200, 200, 0.1); |
|
|
color: #444 !important; |
|
|
padding: 8px 15px; |
|
|
border-radius: 6px; |
|
|
text-decoration: none; |
|
|
border: 1px solid rgba(200, 200, 200, 0.3); |
|
|
margin: 5px 0; |
|
|
transition: all 0.3s ease; |
|
|
font-size: 0.95em; |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.link-button::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: 0; |
|
|
left: -100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); |
|
|
transition: all 0.5s ease; |
|
|
} |
|
|
|
|
|
.link-button:hover { |
|
|
background: rgba(170, 170, 170, 0.2); |
|
|
border-color: rgba(170, 170, 170, 0.5); |
|
|
transform: translateY(-2px); |
|
|
box-shadow: 0 4px 12px rgba(200, 200, 200, 0.2); |
|
|
} |
|
|
|
|
|
.link-button::after { |
|
|
content: '→'; |
|
|
margin-left: 8px; |
|
|
opacity: 0.7; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.link-button:hover::after { |
|
|
transform: translateX(3px); |
|
|
opacity: 1; |
|
|
} |
|
|
|
|
|
.button-group { |
|
|
display: flex; |
|
|
flex-wrap: wrap; |
|
|
gap: 10px; |
|
|
margin: 15px 0; |
|
|
} |
|
|
|
|
|
.disclaimer { |
|
|
color: #555; |
|
|
border-left: 3px solid #555; |
|
|
padding-left: 15px; |
|
|
margin: 20px 0; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
.disclaimer::before { |
|
|
content: '⚠️'; |
|
|
position: absolute; |
|
|
left: -10px; |
|
|
top: 0; |
|
|
transform: translateX(-100%); |
|
|
animation: pulse 2s ease-in-out infinite; |
|
|
} |
|
|
|
|
|
@keyframes pulse { |
|
|
0%, 100% { opacity: 1; } |
|
|
50% { opacity: 0.5; } |
|
|
} |
|
|
|
|
|
.badge { |
|
|
display: inline-block; |
|
|
padding: 5px 10px; |
|
|
border-radius: 5px; |
|
|
background: rgba(200, 200, 200, 0.1); |
|
|
border: 1px solid #ccc; |
|
|
margin: 5px; |
|
|
font-size: 0.9em; |
|
|
animation: badgePulse 3s ease-in-out infinite; |
|
|
} |
|
|
|
|
|
@keyframes badgePulse { |
|
|
0%, 100% { box-shadow: 0 0 5px rgba(200, 200, 200, 0.3); } |
|
|
50% { box-shadow: 0 0 10px rgba(200, 200, 200, 0.5); } |
|
|
} |
|
|
|
|
|
@media (prefers-color-scheme: light) { |
|
|
.container { |
|
|
background: rgba(255, 255, 255, 0.95); |
|
|
border-color: rgba(170, 170, 170, 0.3); |
|
|
} |
|
|
|
|
|
.model-name, .section-title, .subtitle { |
|
|
color: #333; |
|
|
text-shadow: 0 0 5px rgba(170, 170, 170, 0.3); |
|
|
} |
|
|
|
|
|
.section { |
|
|
background: rgba(255, 255, 255, 0.9); |
|
|
border-color: rgba(170, 170, 170, 0.2); |
|
|
color: #333; |
|
|
} |
|
|
|
|
|
.section p, |
|
|
.section ul li, |
|
|
.section > p > strong { |
|
|
color: #333 !important; |
|
|
} |
|
|
|
|
|
.link-card { |
|
|
background: rgba(255, 255, 255, 0.95); |
|
|
border-color: rgba(170, 170, 170, 0.2); |
|
|
} |
|
|
|
|
|
.link-card h3 { |
|
|
color: #333 !important; |
|
|
} |
|
|
|
|
|
.link-button { |
|
|
background: rgba(170, 170, 170, 0.1); |
|
|
color: #333 !important; |
|
|
border-color: rgba(170, 170, 170, 0.3); |
|
|
} |
|
|
|
|
|
.link-button:hover { |
|
|
background: rgba(170, 170, 170, 0.2); |
|
|
border-color: rgba(170, 170, 170, 0.5); |
|
|
} |
|
|
|
|
|
.disclaimer { |
|
|
color: #333; |
|
|
border-color: #333; |
|
|
} |
|
|
|
|
|
.badge { |
|
|
border-color: #333; |
|
|
background: rgba(170, 170, 170, 0.1); |
|
|
} |
|
|
} |
|
|
</style> |
|
|
|
|
|
<div class="container"> |
|
|
<div class="header"> |
|
|
<h1 class="model-name">Broken Tutu 24B Transgression v2.0</h1> |
|
|
<p class="subtitle">Released by ReadyArt</p> |
|
|
<p class="subtitle">Quant by FrenzyBiscuit</p> |
|
|
</div> |
|
|
|
|
|
<div class="waifu-container"> |
|
|
<img src="./frenzy.webp" class="waifu-img" alt="FrenzyBiscuit"> |
|
|
</div> |
|
|
|
|
|
<div class="section"> |
|
|
<h2 class="section-title">AWQ Details</h2> |
|
|
<ul> |
|
|
<li>Model was quantized down to INT4 using GEMM Kernels.</li> |
|
|
<li>Zero point quantization</li> |
|
|
<li>Group size of 64</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
