|
|
--- |
|
|
base_model: |
|
|
- mistralai/Mistral-Nemo-Instruct-2407 |
|
|
library_name: transformers |
|
|
tags: |
|
|
- Roleplay |
|
|
- Uncensored |
|
|
- Storyteller |
|
|
--- |
|
|
|
|
|
|
|
|
|
|
|
pipeline_tag: text-generation |
|
|
<style> |
|
|
body { |
|
|
font-family: 'Quicksand', sans-serif; |
|
|
background: linear-gradient(135deg, #0A0000 0%, #110005 100%); |
|
|
color: #FFD6E5; |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
font-size: 16px; |
|
|
} |
|
|
|
|
|
.container { |
|
|
margin: 20px; |
|
|
background-color: rgba(0, 0, 0, 0.95); |
|
|
padding: 20px; |
|
|
border-radius: 12px; |
|
|
box-shadow: 0 4px 20px rgba(255, 0, 0, 0.15); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
outline: 1px solid rgba(255, 100, 100, 0.5); |
|
|
outline-offset: -1px; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
.container::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: -1px; |
|
|
left: -1px; |
|
|
right: -1px; |
|
|
bottom: -1px; |
|
|
border: 1px solid rgba(255, 38, 0, 0.98); |
|
|
border-radius: 12px; |
|
|
pointer-events: none; |
|
|
animation: borderGlow 2s ease-in-out infinite; |
|
|
} |
|
|
|
|
|
@keyframes borderGlow { |
|
|
0% { |
|
|
box-shadow: 0 0 5px rgba(255, 8, 0, 0.98); |
|
|
} |
|
|
50% { |
|
|
box-shadow: 0 0 15px rgba(255, 100, 0, 0.98); |
|
|
} |
|
|
100% { |
|
|
box-shadow: 0 0 5px rgba(255, 0, 0, 0.98); |
|
|
} |
|
|
} |
|
|
|
|
|
.header h1 { |
|
|
font-size: 28px; |
|
|
color: #FF1A44; |
|
|
margin: 0 0 20px 0; |
|
|
text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); |
|
|
} |
|
|
|
|
|
.update-section { |
|
|
margin-top: 30px; |
|
|
} |
|
|
|
|
|
.update-section h2, h2 { |
|
|
font-size: 24px; |
|
|
color: #FF3333; |
|
|
text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); |
|
|
} |
|
|
|
|
|
.update-section p { |
|
|
font-size: 16px; |
|
|
line-height: 1.6; |
|
|
color: #FFD6E5; |
|
|
} |
|
|
|
|
|
.info p { |
|
|
color: #FFD6E5; |
|
|
line-height: 1.6; |
|
|
font-size: 16px; |
|
|
} |
|
|
|
|
|
.info img { |
|
|
width: 100%; |
|
|
border-radius: 10px; |
|
|
margin-bottom: 15px; |
|
|
box-shadow: 0 0 20px rgba(255, 0, 0, 0.3); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
outline: 1px solid rgba(255, 60, 60, 0.5); |
|
|
outline-offset: -1px; |
|
|
} |
|
|
|
|
|
a { |
|
|
color: #FF8040; |
|
|
text-decoration: none; |
|
|
transition: color 0.3s ease; |
|
|
} |
|
|
|
|
|
a:hover { |
|
|
color: #FF3333; |
|
|
} |
|
|
|
|
|
.button { |
|
|
display: inline-block; |
|
|
background-color: rgba(144, 0, 0, 0.98); |
|
|
color: #FFFFFF; |
|
|
padding: 10px 20px; |
|
|
border-radius: 5px; |
|
|
cursor: pointer; |
|
|
text-decoration: none; |
|
|
} |
|
|
|
|
|
.button:hover { |
|
|
background-color: #FF3333; |
|
|
box-shadow: 0 0 15px rgba(255, 0, 0, 0.5); |
|
|
} |
|
|
|
|
|
pre { |
|
|
background-color: rgba(25, 0, 0, 0.95); |
|
|
padding: 15px; |
|
|
border-radius: 5px; |
|
|
overflow-x: auto; |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
outline: 1px solid rgba(255, 60, 60, 0.5); |
|
|
outline-offset: -1px; |
|
|
} |
|
|
|
|
|
code { |
|
|
font-family: 'Courier New', monospace; |
|
|
color: #FFD6E5; |
|
|
} |
|
|
|
|
|
.benchmark-container { |
|
|
background: rgba(25, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.3); |
|
|
border-radius: 12px; |
|
|
padding: 20px; |
|
|
margin: 20px 0; |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.benchmark-container::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: -1px; |
|
|
left: -1px; |
|
|
right: -1px; |
|
|
bottom: -1px; |
|
|
border: 1px solid rgba(255, 17, 0, 0.98); |
|
|
border-radius: 12px; |
|
|
pointer-events: none; |
|
|
animation: borderGlow 2s ease-in-out infinite; |
|
|
} |
|
|
|
|
|
.benchmark-grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(4, 1fr); |
|
|
gap: 15px; |
|
|
} |
|
|
|
|
|
.metric-box { |
|
|
background: rgba(0, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
border-radius: 8px; |
|
|
padding: 15px; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
text-align: center; |
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease; |
|
|
} |
|
|
|
|
|
.metric-box:hover { |
|
|
transform: translateY(-2px); |
|
|
box-shadow: 0 4px 15px rgba(255, 0, 0, 0.2); |
|
|
} |
|
|
|
|
|
.metric-box .label { |
|
|
color: #FF8040; |
|
|
font-size: 14px; |
|
|
margin-bottom: 8px; |
|
|
font-weight: 500; |
|
|
} |
|
|
|
|
|
.metric-box .value { |
|
|
color: #FFD6E5; |
|
|
font-size: 18px; |
|
|
font-weight: 600; |
|
|
text-shadow: 0 0 5px rgba(255, 0, 0, 0.5); |
|
|
} |
|
|
|
|
|
/* New sections styling */ |
|
|
.metrics-section { |
|
|
margin-bottom: 30px; |
|
|
} |
|
|
|
|
|
.metrics-section details { |
|
|
background: rgba(25, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
border-radius: 8px; |
|
|
padding: 15px; |
|
|
margin-bottom: 15px; |
|
|
} |
|
|
|
|
|
.metrics-section summary { |
|
|
color: #FF3333; |
|
|
font-size: 20px; |
|
|
cursor: pointer; |
|
|
text-shadow: 0 0 5px rgba(255, 0, 0, 0.3); |
|
|
outline: none; |
|
|
padding: 5px 0; |
|
|
} |
|
|
|
|
|
.metrics-section summary::-webkit-details-marker { |
|
|
display: none; |
|
|
} |
|
|
|
|
|
|
|
|
.core-metrics-grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(4, 1fr); |
|
|
gap: 15px; |
|
|
margin-bottom: 20px; |
|
|
} |
|
|
|
|
|
.progress-metrics { |
|
|
display: grid; |
|
|
gap: 15px; |
|
|
} |
|
|
|
|
|
.progress-metric { |
|
|
background: rgba(0, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
border-radius: 8px; |
|
|
padding: 15px; |
|
|
transition: transform 0.3s ease; |
|
|
} |
|
|
|
|
|
.progress-metric:hover { |
|
|
transform: translateY(-2px); |
|
|
} |
|
|
|
|
|
.progress-label { |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
margin-bottom: 8px; |
|
|
color: #FF8040; |
|
|
font-size: 14px; |
|
|
} |
|
|
|
|
|
.progress-value { |
|
|
color: #FFD6E5; |
|
|
} |
|
|
|
|
|
/* Base progress bar styles */ |
|
|
.progress-bar { |
|
|
width: 100%; |
|
|
height: 8px; |
|
|
background: rgba(0, 0, 0, 0.3); |
|
|
border: 1px solid rgba(255, 0, 0, 0.15); |
|
|
border-radius: 4px; |
|
|
position: relative; |
|
|
margin: 10px 0; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
/* Regular progress fill (for Aggregated Scores) */ |
|
|
.progress-fill { |
|
|
height: 100%; |
|
|
background: linear-gradient(90deg, #FF3333 0%, #FF8040 100%); |
|
|
border-radius: 4px; |
|
|
transition: width 1s ease-in-out; |
|
|
box-shadow: 0 0 10px rgba(255, 0, 0, 0.3); |
|
|
} |
|
|
|
|
|
/* Split progress bars for Individual Scores */ |
|
|
.progress-bar.split { |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
background: rgba(0, 0, 0, 0.3); |
|
|
border: 1px solid rgba(255, 0, 0, 0.15); |
|
|
overflow: visible; |
|
|
} |
|
|
|
|
|
.progress-fill-left { |
|
|
height: 100%; |
|
|
position: absolute; |
|
|
right: 50%; |
|
|
background: linear-gradient(90deg, #FF3333 30%, rgba(255, 0, 0, 0.5) 100%); |
|
|
border-radius: 4px 0 0 4px; |
|
|
transition: width 0.3s ease-in-out; |
|
|
} |
|
|
|
|
|
.progress-fill-right { |
|
|
height: 100%; |
|
|
position: absolute; |
|
|
left: 50%; |
|
|
background: linear-gradient(90deg, rgba(255, 128, 64, 0.5) 0%, #FF8040 70%); |
|
|
border-radius: 0 4px 4px 0; |
|
|
transition: width 0.3s ease-in-out; |
|
|
} |
|
|
|
|
|
.progress-metric.split .progress-bar::before, |
|
|
.progress-metric.split .progress-bar::after { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
width: 2px; |
|
|
height: 20px; |
|
|
background: rgba(255, 255, 255, 0.7); |
|
|
top: 50%; |
|
|
transform: translateY(-50%); |
|
|
z-index: 2; |
|
|
box-shadow: 0 0 8px rgba(255, 255, 255, 0.5); |
|
|
} |
|
|
|
|
|
.progress-metric.split .progress-bar::before { |
|
|
left: 0; |
|
|
} |
|
|
|
|
|
.progress-metric.split .progress-bar::after { |
|
|
right: 0; |
|
|
} |
|
|
|
|
|
.progress-metric.split:hover .progress-fill-left { |
|
|
box-shadow: 0 0 15px rgba(255, 0, 0, 0.5); |
|
|
} |
|
|
|
|
|
.progress-metric.split:hover .progress-fill-right { |
|
|
box-shadow: 0 0 15px rgba(255, 128, 64, 0.5); |
|
|
} |
|
|
|
|
|
.progress-metric.split { |
|
|
padding: 12px 15px; |
|
|
} |
|
|
|
|
|
.progress-metric.split .progress-label { |
|
|
margin-bottom: 8px; |
|
|
gap: 12px; |
|
|
} |
|
|
|
|
|
.progress-metric.split .progress-label span:first-child, |
|
|
.progress-metric.split .progress-label span:last-child { |
|
|
flex: 0 0 80px; |
|
|
font-size: 14px; |
|
|
} |
|
|
|
|
|
.progress-metric.split .progress-value { |
|
|
font-weight: 600; |
|
|
text-shadow: 0 0 5px rgba(255, 0, 0, 0.3); |
|
|
font-size: 14px; |
|
|
min-width: 60px; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
.progress-metric:hover .progress-fill-center { |
|
|
box-shadow: 0 0 15px rgba(255, 0, 0, 0.5); |
|
|
} |
|
|
|
|
|
/* Progress labels */ |
|
|
.progress-label { |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
margin-bottom: 4px; |
|
|
color: #FF8040; |
|
|
font-size: 14px; |
|
|
} |
|
|
|
|
|
/* Regular progress label (for Aggregated Scores) */ |
|
|
.progress-metric:not(.split) .progress-label { |
|
|
gap: 12px; |
|
|
} |
|
|
|
|
|
.progress-metric:not(.split) .progress-label span { |
|
|
flex: 0 0 auto; |
|
|
} |
|
|
|
|
|
.progress-metric:not(.split) .progress-value { |
|
|
color: #FFD6E5; |
|
|
} |
|
|
|
|
|
/* Split progress label (for Individual Scores) */ |
|
|
.progress-metric.split .progress-label { |
|
|
gap: 20px; |
|
|
} |
|
|
|
|
|
.progress-metric.split .progress-label span:first-child, |
|
|
.progress-metric.split .progress-label span:last-child { |
|
|
flex: 0 0 80px; |
|
|
} |
|
|
|
|
|
.progress-metric.split .progress-label span:first-child { |
|
|
text-align: right; |
|
|
} |
|
|
|
|
|
.progress-metric.split .progress-label span:last-child { |
|
|
text-align: left; |
|
|
} |
|
|
|
|
|
.progress-metric.split .progress-value { |
|
|
color: #FFD6E5; |
|
|
flex: 0 0 60px; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
/* Hover effects */ |
|
|
.progress-metric:hover .progress-fill { |
|
|
box-shadow: 0 0 15px rgba(255, 0, 0, 0.5); |
|
|
} |
|
|
|
|
|
.progress-metric:hover .progress-fill-center { |
|
|
box-shadow: 0 0 15px rgba(255, 128, 64, 0.5); |
|
|
} |
|
|
|
|
|
.info-grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(3, 1fr); |
|
|
gap: 15px; |
|
|
} |
|
|
|
|
|
/* Creator section styling */ |
|
|
.creator-section { |
|
|
margin: 20px 0; |
|
|
} |
|
|
|
|
|
.creator-badge { |
|
|
display: inline-flex; |
|
|
align-items: center; |
|
|
background: rgba(25, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
border-radius: 8px; |
|
|
padding: 10px 15px; |
|
|
} |
|
|
|
|
|
.creator-label { |
|
|
color: #FFD6E5; |
|
|
font-size: 14px; |
|
|
margin-right: 8px; |
|
|
} |
|
|
|
|
|
.creator-link { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
gap: 5px; |
|
|
color: #FF8040; |
|
|
text-decoration: none; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.creator-name { |
|
|
font-weight: 600; |
|
|
} |
|
|
|
|
|
.creator-arrow { |
|
|
font-size: 16px; |
|
|
transition: transform 0.3s ease; |
|
|
} |
|
|
|
|
|
.creator-link:hover { |
|
|
color: #FF3333; |
|
|
} |
|
|
|
|
|
.creator-link:hover .creator-arrow { |
|
|
transform: translateX(3px); |
|
|
} |
|
|
|
|
|
/* Model info styling */ |
|
|
.model-info { |
|
|
margin-top: 30px; |
|
|
} |
|
|
|
|
|
.name-legend { |
|
|
background: rgba(25, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
border-radius: 8px; |
|
|
padding: 20px; |
|
|
margin: 20px 0; |
|
|
} |
|
|
|
|
|
.name-legend h3 { |
|
|
color: #FF3333; |
|
|
font-size: 18px; |
|
|
margin: 0 0 15px 0; |
|
|
} |
|
|
|
|
|
.legend-grid { |
|
|
display: grid; |
|
|
gap: 12px; |
|
|
} |
|
|
|
|
|
.legend-item { |
|
|
display: flex; |
|
|
align-items: baseline; |
|
|
gap: 10px; |
|
|
} |
|
|
|
|
|
.legend-key { |
|
|
color: #FF8040; |
|
|
font-weight: 600; |
|
|
min-width: 80px; |
|
|
} |
|
|
|
|
|
.legend-value { |
|
|
color: #FFD6E5; |
|
|
} |
|
|
|
|
|
.model-description { |
|
|
background: rgba(0, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
border-radius: 8px; |
|
|
padding: 20px; |
|
|
} |
|
|
|
|
|
.model-description p { |
|
|
margin: 0 0 15px 0; |
|
|
line-height: 1.6; |
|
|
} |
|
|
|
|
|
.model-description p:last-child { |
|
|
margin-bottom: 0; |
|
|
} |
|
|
|
|
|
/* Section Container */ |
|
|
.section-container { |
|
|
margin: 40px 0; |
|
|
} |
|
|
|
|
|
.info-card { |
|
|
background: rgba(25, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
border-radius: 8px; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.info-header { |
|
|
background: rgba(255, 0, 0, 0.1); |
|
|
padding: 20px; |
|
|
border-bottom: 1px solid rgba(255, 0, 0, 0.2); |
|
|
} |
|
|
|
|
|
.info-header h3 { |
|
|
color: #FF3333; |
|
|
margin: 0 0 10px 0; |
|
|
font-size: 20px; |
|
|
text-shadow: 0 0 5px rgba(255, 0, 0, 0.3); |
|
|
} |
|
|
|
|
|
.model-tags { |
|
|
display: flex; |
|
|
gap: 8px; |
|
|
flex-wrap: wrap; |
|
|
} |
|
|
|
|
|
.model-tag { |
|
|
background: rgba(255, 128, 64, 0.1); |
|
|
color: #FF8040; |
|
|
padding: 4px 8px; |
|
|
border-radius: 4px; |
|
|
font-size: 12px; |
|
|
border: 1px solid rgba(255, 128, 64, 0.2); |
|
|
} |
|
|
|
|
|
.model-composition { |
|
|
padding: 20px; |
|
|
border-bottom: 1px solid rgba(255, 0, 0, 0.2); |
|
|
} |
|
|
|
|
|
.model-composition h4 { |
|
|
color: #FF3333; |
|
|
margin: 0 0 15px 0; |
|
|
font-size: 16px; |
|
|
} |
|
|
|
|
|
.composition-list { |
|
|
list-style: none; |
|
|
padding: 0; |
|
|
margin: 0; |
|
|
display: grid; |
|
|
gap: 10px; |
|
|
} |
|
|
|
|
|
.composition-list li { |
|
|
color: #FFD6E5; |
|
|
display: flex; |
|
|
align-items: baseline; |
|
|
gap: 8px; |
|
|
} |
|
|
|
|
|
.model-component { |
|
|
color: #FF8040; |
|
|
font-weight: 500; |
|
|
min-width: 120px; |
|
|
} |
|
|
|
|
|
.model-description { |
|
|
padding: 20px; |
|
|
background: rgba(0, 0, 0, 0.95); |
|
|
} |
|
|
|
|
|
/* Templates & Prompts */ |
|
|
.template-card { |
|
|
background: rgba(25, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
border-radius: 8px; |
|
|
padding: 15px; |
|
|
} |
|
|
|
|
|
.template-item { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
gap: 12px; |
|
|
} |
|
|
|
|
|
.template-icon { |
|
|
width: 24px; |
|
|
height: 24px; |
|
|
opacity: 0.8; |
|
|
} |
|
|
|
|
|
.template-content { |
|
|
display: flex; |
|
|
align-items: baseline; |
|
|
gap: 8px; |
|
|
} |
|
|
|
|
|
.template-link { |
|
|
color: #FF8040; |
|
|
text-decoration: none; |
|
|
font-weight: 500; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
gap: 5px; |
|
|
} |
|
|
|
|
|
.template-author { |
|
|
color: rgba(255, 214, 229, 0.7); |
|
|
font-size: 14px; |
|
|
} |
|
|
|
|
|
/* Quantized Versions */ |
|
|
.quantized-container { |
|
|
display: grid; |
|
|
gap: 20px; |
|
|
} |
|
|
|
|
|
.quantized-section { |
|
|
background: rgba(25, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
border-radius: 8px; |
|
|
padding: 20px; |
|
|
} |
|
|
|
|
|
.quantized-section h3 { |
|
|
color: #FF3333; |
|
|
font-size: 18px; |
|
|
margin: 0 0 15px 0; |
|
|
} |
|
|
|
|
|
.quantized-items { |
|
|
display: grid; |
|
|
gap: 12px; |
|
|
} |
|
|
|
|
|
.quantized-item { |
|
|
display: flex; |
|
|
align-items: baseline; |
|
|
gap: 10px; |
|
|
} |
|
|
|
|
|
.quantized-item .author { |
|
|
color: rgba(255, 214, 229, 0.7); |
|
|
min-width: 100px; |
|
|
} |
|
|
|
|
|
.multi-links { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
gap: 8px; |
|
|
} |
|
|
|
|
|
.separator { |
|
|
color: rgba(255, 214, 229, 0.5); |
|
|
} |
|
|
|
|
|
/* Configuration */ |
|
|
.config-container { |
|
|
background: rgba(25, 0, 0, 0.95); |
|
|
border: 1px solid rgba(255, 0, 0, 0.2); |
|
|
border-radius: 8px; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.config-header { |
|
|
background: rgba(255, 0, 0, 0.1); |
|
|
padding: 15px 20px; |
|
|
border-bottom: 1px solid rgba(255, 0, 0, 0.2); |
|
|
} |
|
|
|
|
|
.model-name { |
|
|
color: #FF3333; |
|
|
font-weight: 600; |
|
|
} |
|
|
|
|
|
.config-content { |
|
|
padding: 20px; |
|
|
} |
|
|
|
|
|
.config-item { |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
gap: 5px; |
|
|
margin-bottom: 15px; |
|
|
} |
|
|
|
|
|
.config-label { |
|
|
color: #FF8040; |
|
|
font-size: 14px; |
|
|
font-weight: 500; |
|
|
} |
|
|
|
|
|
.config-value { |
|
|
color: #FFD6E5; |
|
|
font-family: 'Courier New', monospace; |
|
|
} |
|
|
|
|
|
.config-models { |
|
|
margin-top: 20px; |
|
|
} |
|
|
|
|
|
.model-list { |
|
|
list-style: none; |
|
|
padding: 0; |
|
|
margin: 10px 0 0 0; |
|
|
} |
|
|
|
|
|
.model-list li { |
|
|
color: #FFD6E5; |
|
|
font-family: 'Courier New', monospace; |
|
|
padding: 5px 0; |
|
|
padding-left: 20px; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
.model-list li::before { |
|
|
content: '-'; |
|
|
position: absolute; |
|
|
left: 0; |
|
|
color: #FF8040; |
|
|
} |
|
|
|
|
|
/* Link arrow animation */ |
|
|
.link-arrow { |
|
|
display: inline-block; |
|
|
transition: transform 0.3s ease; |
|
|
} |
|
|
|
|
|
a:hover .link-arrow { |
|
|
transform: translateX(3px); |
|
|
} |
|
|
|
|
|
/* Notification styling */ |
|
|
.benchmark-notification { |
|
|
background: rgba(255, 81, 0, 0.15); |
|
|
border: 1px solid rgba(255, 38, 0, 0.3); |
|
|
border-radius: 8px; |
|
|
margin-bottom: 20px; |
|
|
padding: 12px; |
|
|
animation: glowPulse 2s infinite; |
|
|
} |
|
|
|
|
|
.notification-content { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
justify-content: center; |
|
|
gap: 10px; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
.notification-icon { |
|
|
font-size: 20px; |
|
|
} |
|
|
|
|
|
.notification-text { |
|
|
color: #FFD6E5; |
|
|
font-size: 16px; |
|
|
font-weight: 500; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
gap: 5px; |
|
|
} |
|
|
|
|
|
.benchmark-link { |
|
|
color: #FF8040; |
|
|
text-decoration: none; |
|
|
font-size: 14px; |
|
|
padding: 4px 8px; |
|
|
border-radius: 4px; |
|
|
transition: all 0.3s ease; |
|
|
border: 1px solid rgba(255, 128, 64, 0.3); |
|
|
} |
|
|
|
|
|
.benchmark-link:hover { |
|
|
background: rgba(255, 128, 64, 0.1); |
|
|
border-color: rgba(255, 128, 64, 0.5); |
|
|
color: #FF8040; |
|
|
text-shadow: 0 0 5px rgba(255, 128, 64, 0.5); |
|
|
} |
|
|
|
|
|
@keyframes glowPulse { |
|
|
0% { |
|
|
box-shadow: 0 0 5px rgba(255, 8, 0, 0.3); |
|
|
} |
|
|
50% { |
|
|
box-shadow: 0 0 15px rgba(255, 38, 0, 0.5); |
|
|
} |
|
|
100% { |
|
|
box-shadow: 0 0 5px rgba(255, 17, 0, 0.33); |
|
|
} |
|
|
} |
|
|
</style> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Kalypso-12b</title> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet"> |
|
|
</head> |
|
|
<body> |
|
|
<div class="container"> |
|
|
<div class="header"> |
|
|
<h1>Kalypso-12b</h1> |
|
|
</div> |
|
|
<div class="info"> |
|
|
<img src="https://i.imgur.com/NxXMOXN.png" alt="Model banner"> |
|
|
<div class="creator-section"> |
|
|
<div class="creator-badge"> |
|
|
<span class="creator-label">Created by</span> |
|
|
<a href="https://huggingface.co/IIEleven11" target="_blank" class="creator-link"> |
|
|
<span class="creator-name">IEleven11</span> |
|
|
<span class="creator-arrow">→</span> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="model-info"> |
|
|
<h2>Model Information</h2> |
|
|
<div class="info-card"> |
|
|
<div class="info-header"> |
|
|
<h3>Kalypso-12b</h3> |
|
|
<div class="model-tags"> |
|
|
<span class="model-tag">12b Parameters</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="model-composition"> |
|
|
<h4>Model Composition</h4> |
|
|
<ul class="composition-list"> |
|
|
<li><span class="model-component base-model"><a href="https://huggingface.co/ArliAI/Mistral-Nemo-12B-ArliAI-RPMax-v1.3" target="_blank">Mistral-Nemo-12B</a></span>- Base model</li> |
|
|
<li><span class="model-component fine-tuning">Fine-tuning</span> - Roleplay and Storytelling data. DPO format/strategy</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="model-description"> |
|
|
<p>Kalypso is a child of the Mistral-Nemo base model. She was fine tuned on thousands of lines of DPO Roleplay and Storytelling data.</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="model-usage"> |
|
|
<h4>Model Usage</h4> |
|
|
<p>Kalypso is designed for roleplaying and story telling. She is abliterated and entirely uncensored.</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="section-container"> |
|
|
<h2>Reccomended Templates & Prompts</h2> |
|
|
<div class="template-card"> |
|
|
<div class="template-item"> |
|
|
<div class="template-content"> |
|
|
<a href="https://huggingface.co/IIEleven11/Kalypso/blob/main/Mistral%2520V7-Tekken.json" target="_blank" class="template-link"> |
|
|
Kalypso Sampler Settings |
|
|
<span class="link-arrow">→</span> |
|
|
<span class="template-description">Use with Mistral Tekken V7</span> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</body> |
|
|
</html> |
|
|
|
