|
--- |
|
base_model: |
|
- SicariusSicariiStuff/Negative_LLAMA_70B |
|
- TheDrummer/Anubis-70B-v1 |
|
- EVA-UNIT-01/EVA-LLaMA-3.33-70B-v0.1 |
|
- TheSkullery/L3.1x3.3-Hydroblated-R1-70B-v3 |
|
- Sao10K/L3.3-70B-Euryale-v2.3 |
|
- Sao10K/L3.1-70B-Hanami-x1 |
|
- Sao10K/70B-L3.3-Cirrus-x1 |
|
library_name: transformers |
|
license: other |
|
license_name: eva-llama3.3 |
|
--- |
|
<!DOCTYPE html> |
|
<style> |
|
/* Base styles */ |
|
body { |
|
font-family: 'Quicksand', sans-serif; |
|
background: linear-gradient(135deg, #1a1a1a 0%, #2d1a12 100%); |
|
color: #FFFFFF; |
|
margin: 0; |
|
padding: 0; |
|
font-size: 16px; |
|
min-height: 100vh; |
|
} |
|
|
|
.container { |
|
max-width: 1200px; |
|
margin: 40px auto; |
|
background-color: rgba(26, 26, 26, 0.95); |
|
padding: 40px; |
|
border-radius: 12px; |
|
box-shadow: 0 4px 20px rgba(255, 69, 0, 0.4); |
|
border: 1px solid rgba(255, 69, 0, 0.4); |
|
outline: 1px solid rgba(255, 69, 0, 0.7); |
|
outline-offset: -1px; |
|
position: relative; |
|
backdrop-filter: blur(10px); |
|
overflow: hidden; |
|
} |
|
|
|
.container::after { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: |
|
linear-gradient(45deg, transparent 48%, rgba(255, 69, 0, 0.08) 49%, rgba(255, 69, 0, 0.08) 51%, transparent 52%) 0 0/20px 20px, |
|
linear-gradient(-45deg, transparent 48%, rgba(255, 69, 0, 0.08) 49%, rgba(255, 69, 0, 0.08) 51%, transparent 52%) 0 0/20px 20px, |
|
linear-gradient(90deg, transparent 48%, rgba(255, 69, 0, 0.05) 49%, rgba(255, 69, 0, 0.05) 51%, transparent 52%) 0 0/40px 100%, |
|
linear-gradient(0deg, transparent 48%, rgba(255, 69, 0, 0.05) 49%, rgba(255, 69, 0, 0.05) 51%, transparent 52%) 0 0/100% 40px; |
|
pointer-events: none; |
|
z-index: 0; |
|
animation: patternShift 30s linear infinite; |
|
} |
|
|
|
@keyframes patternShift { |
|
0% { |
|
background-position: |
|
0 0, |
|
0 0; |
|
} |
|
100% { |
|
background-position: |
|
20px 20px, |
|
20px 20px; |
|
} |
|
} |
|
|
|
@media (max-width: 1280px) { |
|
.container { |
|
margin: 20px; |
|
padding: 30px; |
|
} |
|
} |
|
|
|
.container::before { |
|
content: ''; |
|
position: absolute; |
|
top: -1px; |
|
left: -1px; |
|
right: -1px; |
|
bottom: -1px; |
|
border: 1px solid rgba(255, 69, 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, 69, 0, 0.98); |
|
} |
|
50% { |
|
box-shadow: 0 0 20px rgba(255, 69, 0, 0.98); |
|
} |
|
100% { |
|
box-shadow: 0 0 5px rgba(255, 69, 0, 0.98); |
|
} |
|
} |
|
|
|
/* Typography */ |
|
h1, h2, h3, h4 { |
|
color: #FF4500; |
|
text-shadow: 0 0 15px rgba(255, 69, 0, 0.4); |
|
letter-spacing: 0.5px; |
|
margin: 0 0 20px 0; |
|
font-weight: 600; |
|
} |
|
|
|
h1 { font-size: 32px; } |
|
h2 { font-size: 26px; } |
|
h3 { font-size: 22px; } |
|
h4 { font-size: 18px; } |
|
|
|
p { |
|
line-height: 1.6; |
|
color: #E0E0E0; |
|
margin: 0 0 15px 0; |
|
} |
|
|
|
/* Links */ |
|
a { |
|
color: #FF6B35; |
|
text-decoration: none; |
|
transition: color 0.3s ease; |
|
position: relative; |
|
} |
|
|
|
a:hover { |
|
color: #FF4500; |
|
} |
|
|
|
a:hover::after { |
|
content: ''; |
|
position: absolute; |
|
bottom: -2px; |
|
left: 0; |
|
width: 100%; |
|
height: 1px; |
|
background: currentColor; |
|
animation: linkUnderline 0.3s ease; |
|
} |
|
|
|
@keyframes linkUnderline { |
|
from { transform: scaleX(0); } |
|
to { transform: scaleX(1); } |
|
} |
|
|
|
/* Code elements */ |
|
pre { |
|
background-color: rgba(20, 20, 20, 0.95); |
|
padding: 15px; |
|
border-radius: 4px; |
|
overflow-x: auto; |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
position: relative; |
|
} |
|
|
|
pre::before { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(45deg, transparent 48%, rgba(255, 69, 0, 0.1) 49%, rgba(255, 69, 0, 0.1) 51%, transparent 52%); |
|
background-size: 10px 10px; |
|
pointer-events: none; |
|
} |
|
|
|
code { |
|
font-family: 'Courier New', monospace; |
|
color: #E0E0E0; |
|
} |
|
|
|
/* Section spacing */ |
|
.section-container { |
|
margin: 40px 0; |
|
position: relative; |
|
} |
|
|
|
.section-container::before { |
|
content: ''; |
|
position: absolute; |
|
top: -10px; |
|
left: 0; |
|
width: 50px; |
|
height: 2px; |
|
background: #FF4500; |
|
transform: skewX(-20deg); |
|
} |
|
|
|
/* Support section */ |
|
.support-section, |
|
.benchmark-container, |
|
.info-card, |
|
.template-card, |
|
.quantized-section, |
|
.settings-card { |
|
margin-top: 40px; |
|
padding: 30px; |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 4px; |
|
position: relative; |
|
overflow: hidden; |
|
z-index: 1; |
|
} |
|
|
|
.support-section::before { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
width: 100px; |
|
height: 100px; |
|
background: radial-gradient(circle at top right, rgba(255, 69, 0, 0.15), transparent 70%); |
|
pointer-events: none; |
|
} |
|
|
|
/* Ensure content is above the geometric pattern */ |
|
.model-info, |
|
.metrics-section, |
|
.section-container, |
|
.support-buttons, |
|
.model-composition, |
|
.info-header, |
|
.template-content, |
|
.quantized-items { |
|
position: relative; |
|
z-index: 1; |
|
} |
|
|
|
.support-buttons { |
|
display: flex; |
|
gap: 15px; |
|
flex-wrap: wrap; |
|
position: relative; |
|
z-index: 1; |
|
} |
|
|
|
/* Container */ |
|
.container { |
|
max-width: 1200px; |
|
margin: 0 auto; |
|
padding: 40px 20px; |
|
} |
|
|
|
/* Header */ |
|
.header { |
|
text-align: center; |
|
margin-bottom: 40px; |
|
position: relative; |
|
} |
|
|
|
.header::after { |
|
content: ''; |
|
position: absolute; |
|
bottom: -10px; |
|
left: 50%; |
|
transform: translateX(-50%) skewX(-20deg); |
|
width: 100px; |
|
height: 2px; |
|
background: #FF4500; |
|
} |
|
|
|
/* Info section */ |
|
.info { |
|
display: grid; |
|
gap: 30px; |
|
} |
|
|
|
/* Banner image */ |
|
.info img { |
|
width: 100%; |
|
height: auto; |
|
border-radius: 4px; |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
position: relative; |
|
} |
|
|
|
/* Creator section */ |
|
.creator-section { |
|
display: flex; |
|
justify-content: flex-end; |
|
margin: -20px 0 20px; |
|
} |
|
|
|
.creator-badge { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 4px; |
|
padding: 8px 15px; |
|
display: flex; |
|
align-items: center; |
|
gap: 10px; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.creator-badge::before { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(45deg, transparent 48%, rgba(255, 69, 0, 0.05) 49%, rgba(255, 69, 0, 0.05) 51%, transparent 52%); |
|
background-size: 10px 10px; |
|
pointer-events: none; |
|
} |
|
|
|
.creator-label { |
|
color: #E0E0E0; |
|
font-size: 14px; |
|
} |
|
|
|
.creator-link { |
|
display: flex; |
|
align-items: center; |
|
gap: 5px; |
|
color: #FF6B35; |
|
font-weight: 500; |
|
} |
|
|
|
.creator-name { |
|
position: relative; |
|
} |
|
|
|
.creator-arrow { |
|
font-size: 18px; |
|
line-height: 1; |
|
transform: translateY(1px); |
|
} |
|
|
|
/* Benchmark container */ |
|
.benchmark-container { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 4px; |
|
padding: 20px; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.benchmark-container::before { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
width: 200px; |
|
height: 200px; |
|
background: radial-gradient(circle at top right, rgba(255, 69, 0, 0.1), transparent 70%); |
|
pointer-events: none; |
|
} |
|
|
|
/* Details element styling */ |
|
details { |
|
margin: 15px 0; |
|
} |
|
|
|
summary { |
|
cursor: pointer; |
|
color: #FF6B35; |
|
font-weight: 500; |
|
margin-bottom: 15px; |
|
position: relative; |
|
padding-left: 20px; |
|
} |
|
|
|
summary::before { |
|
content: ''; |
|
position: absolute; |
|
left: 0; |
|
top: 50%; |
|
width: 8px; |
|
height: 2px; |
|
background: #FF4500; |
|
transform: translateY(-50%) skewX(-20deg); |
|
} |
|
|
|
summary::marker, |
|
summary::-webkit-details-marker { |
|
display: none; |
|
} |
|
|
|
/* Special Thanks Section */ |
|
.special-thanks { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 4px; |
|
padding: 20px; |
|
margin: 20px 0; |
|
position: relative; |
|
} |
|
|
|
.special-thanks h3 { |
|
color: #FF6B35; |
|
margin-bottom: 15px; |
|
position: relative; |
|
padding-left: 20px; |
|
} |
|
|
|
.special-thanks h3::before { |
|
content: ''; |
|
position: absolute; |
|
left: 0; |
|
top: 50%; |
|
width: 8px; |
|
height: 2px; |
|
background: #FF4500; |
|
transform: translateY(-50%) skewX(-20deg); |
|
} |
|
|
|
.thanks-list { |
|
list-style: none; |
|
padding: 0; |
|
margin: 0; |
|
display: grid; |
|
gap: 10px; |
|
} |
|
|
|
.thanks-list li { |
|
color: #E0E0E0; |
|
padding-left: 15px; |
|
position: relative; |
|
} |
|
|
|
.thanks-list li strong { |
|
color: #FF6B35; |
|
font-weight: 500; |
|
} |
|
|
|
.thanks-list li::before { |
|
content: ''; |
|
position: absolute; |
|
left: 0; |
|
top: 50%; |
|
width: 6px; |
|
height: 1px; |
|
background: rgba(255, 69, 0, 0.5); |
|
transform: translateY(-50%) skewX(-20deg); |
|
} |
|
|
|
.thanks-note { |
|
margin-top: 15px; |
|
color: #999; |
|
font-style: italic; |
|
font-size: 0.9em; |
|
} |
|
|
|
/* Responsive adjustments */ |
|
@media (max-width: 768px) { |
|
.container { |
|
padding: 20px; |
|
} |
|
|
|
.core-metrics-grid, |
|
.info-grid { |
|
grid-template-columns: 1fr; |
|
} |
|
|
|
.creator-section { |
|
justify-content: flex-start; |
|
} |
|
} |
|
|
|
|
|
/* Info card */ |
|
.info-card { |
|
background: #1a1a1a; |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
overflow: hidden; |
|
position: relative; |
|
} |
|
|
|
.info-card::before, |
|
.info-card::after, |
|
.info-header::before, |
|
.info-header::after { |
|
content: ''; |
|
position: absolute; |
|
width: 15px; |
|
height: 15px; |
|
pointer-events: none; |
|
} |
|
|
|
.info-card::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.info-card::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.info-header::before { |
|
bottom: 0; |
|
left: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.info-header::after { |
|
bottom: 0; |
|
right: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.info-header { |
|
background: rgba(255, 69, 0, 0.1); |
|
padding: 20px; |
|
border-bottom: 1px solid rgba(255, 69, 0, 0.3); |
|
position: relative; |
|
} |
|
|
|
.info-header h3 { |
|
margin: 0 0 10px 0; |
|
} |
|
|
|
/* Model tags */ |
|
.model-tags { |
|
display: flex; |
|
gap: 8px; |
|
flex-wrap: wrap; |
|
} |
|
|
|
.model-tag { |
|
background: rgba(255, 69, 0, 0.1); |
|
color: #FF6B35; |
|
padding: 4px 12px; |
|
border-radius: 0; |
|
font-size: 12px; |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.model-tag::before { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(45deg, transparent 48%, rgba(255, 69, 0, 0.2) 49%, rgba(255, 69, 0, 0.2) 51%, transparent 52%); |
|
background-size: 10px 10px; |
|
} |
|
|
|
/* Model composition */ |
|
.model-composition { |
|
padding: 20px; |
|
border-bottom: 1px solid rgba(255, 69, 0, 0.3); |
|
position: relative; |
|
} |
|
|
|
.composition-list { |
|
list-style: none; |
|
padding: 0; |
|
margin: 0; |
|
display: grid; |
|
gap: 12px; |
|
} |
|
|
|
.composition-list li { |
|
color: #E0E0E0; |
|
display: flex; |
|
align-items: baseline; |
|
gap: 12px; |
|
padding-left: 20px; |
|
position: relative; |
|
} |
|
|
|
.composition-list li::before { |
|
content: ''; |
|
position: absolute; |
|
left: 0; |
|
top: 50%; |
|
width: 8px; |
|
height: 2px; |
|
background: #FF4500; |
|
transform: translateY(-50%) skewX(-20deg); |
|
} |
|
|
|
.model-component { |
|
color: #FF6B35; |
|
font-weight: 500; |
|
min-width: 120px; |
|
} |
|
|
|
/* Model description */ |
|
.model-description { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
padding: 20px; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.model-description::before, |
|
.model-description::after, |
|
.model-description .corner-bl, |
|
.model-description .corner-br { |
|
content: ''; |
|
position: absolute; |
|
width: 15px; |
|
height: 15px; |
|
pointer-events: none; |
|
} |
|
|
|
.model-description::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.model-description::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.model-description .corner-bl { |
|
bottom: 0; |
|
left: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.model-description .corner-br { |
|
bottom: 0; |
|
right: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
/* Template card */ |
|
.template-card { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
padding: 20px; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.template-card::before, |
|
.template-card::after, |
|
.template-card .corner-bl, |
|
.template-card .corner-br { |
|
content: ''; |
|
position: absolute; |
|
width: 15px; |
|
height: 15px; |
|
pointer-events: none; |
|
} |
|
|
|
.template-card::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.template-card::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
/* Quantized section cards */ |
|
.quantized-container { |
|
display: grid; |
|
gap: 20px; |
|
} |
|
|
|
.quantized-section { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
padding: 20px; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.quantized-section::before, |
|
.quantized-section::after, |
|
.quantized-section .corner-bl, |
|
.quantized-section .corner-br { |
|
content: ''; |
|
position: absolute; |
|
width: 15px; |
|
height: 15px; |
|
pointer-events: none; |
|
} |
|
|
|
.quantized-section::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.quantized-section::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.quantized-items { |
|
display: grid; |
|
gap: 12px; |
|
} |
|
|
|
.quantized-item { |
|
display: flex; |
|
align-items: baseline; |
|
gap: 12px; |
|
position: relative; |
|
} |
|
|
|
.quantized-item .author { |
|
color: rgba(224, 224, 224, 0.7); |
|
min-width: 100px; |
|
position: relative; |
|
padding-left: 15px; |
|
} |
|
|
|
.quantized-item .author::before { |
|
content: ''; |
|
position: absolute; |
|
left: 0; |
|
top: 50%; |
|
width: 8px; |
|
height: 2px; |
|
background: #FF4500; |
|
transform: translateY(-50%) skewX(-20deg); |
|
} |
|
|
|
.multi-links { |
|
display: flex; |
|
align-items: center; |
|
gap: 12px; |
|
} |
|
|
|
.separator { |
|
color: rgba(255, 69, 0, 0.5); |
|
transform: skewX(-20deg); |
|
} |
|
|
|
/* Config cards */ |
|
.config-container { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
overflow: hidden; |
|
position: relative; |
|
} |
|
|
|
.config-container::before, |
|
.config-container::after, |
|
.config-container .corner-bl, |
|
.config-container .corner-br { |
|
content: ''; |
|
position: absolute; |
|
width: 15px; |
|
height: 15px; |
|
pointer-events: none; |
|
} |
|
|
|
.config-container::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.config-container::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.config-header { |
|
background: rgba(255, 69, 0, 0.1); |
|
padding: 15px 20px; |
|
border-bottom: 1px solid rgba(255, 69, 0, 0.3); |
|
position: relative; |
|
} |
|
|
|
.model-name { |
|
color: #FF4500; |
|
font-weight: 600; |
|
} |
|
|
|
.config-content { |
|
padding: 20px; |
|
} |
|
|
|
.config-item { |
|
display: flex; |
|
flex-direction: column; |
|
gap: 5px; |
|
margin-bottom: 15px; |
|
position: relative; |
|
padding-left: 15px; |
|
} |
|
|
|
.config-item::before { |
|
content: ''; |
|
position: absolute; |
|
left: 0; |
|
top: 10px; |
|
width: 8px; |
|
height: 2px; |
|
background: #FF4500; |
|
transform: skewX(-20deg); |
|
} |
|
|
|
.config-label { |
|
color: #FF6B35; |
|
font-size: 14px; |
|
font-weight: 500; |
|
} |
|
|
|
.config-value { |
|
color: #E0E0E0; |
|
font-family: 'Courier New', monospace; |
|
} |
|
|
|
/* Settings grid */ |
|
.settings-grid { |
|
display: grid; |
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
|
gap: 20px; |
|
margin-top: 20px; |
|
} |
|
|
|
.settings-card { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.settings-card::before, |
|
.settings-card::after, |
|
.settings-card .corner-bl, |
|
.settings-card .corner-br { |
|
content: ''; |
|
position: absolute; |
|
width: 15px; |
|
height: 15px; |
|
pointer-events: none; |
|
} |
|
|
|
.settings-card::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.settings-card::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.settings-header { |
|
background: rgba(255, 69, 0, 0.1); |
|
padding: 15px 20px; |
|
border-bottom: 1px solid rgba(255, 69, 0, 0.3); |
|
} |
|
|
|
.settings-header h3 { |
|
margin: 0; |
|
color: #FF4500; |
|
font-size: 1.1em; |
|
} |
|
|
|
.settings-author { |
|
display: block; |
|
font-size: 0.9em; |
|
color: rgba(224, 224, 224, 0.7); |
|
margin-top: 5px; |
|
} |
|
|
|
.settings-content { |
|
padding: 15px 20px; |
|
} |
|
|
|
.setting-item { |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
padding: 8px 0; |
|
border-bottom: 1px solid rgba(255, 69, 0, 0.1); |
|
} |
|
|
|
.setting-item:last-child { |
|
border-bottom: none; |
|
} |
|
|
|
.setting-label { |
|
color: rgba(224, 224, 224, 0.9); |
|
font-size: 0.95em; |
|
} |
|
|
|
.setting-value { |
|
color: #FF6B35; |
|
font-family: 'Courier New', monospace; |
|
font-weight: 500; |
|
} |
|
|
|
.setting-item.highlight { |
|
display: flex; |
|
justify-content: center; |
|
padding: 15px 0; |
|
} |
|
|
|
.setting-item.highlight .setting-value { |
|
font-size: 1.2em; |
|
color: #FF4500; |
|
} |
|
|
|
/* Model list */ |
|
.model-list { |
|
list-style: none; |
|
padding: 0; |
|
margin: 10px 0 0 0; |
|
} |
|
|
|
.model-list li { |
|
color: #E0E0E0; |
|
font-family: 'Courier New', monospace; |
|
padding: 8px 0 8px 20px; |
|
position: relative; |
|
} |
|
|
|
.model-list li::before { |
|
content: ''; |
|
position: absolute; |
|
left: 0; |
|
top: 50%; |
|
width: 8px; |
|
height: 2px; |
|
background: #FF4500; |
|
transform: translateY(-50%) skewX(-20deg); |
|
} |
|
|
|
|
|
/* Metrics section */ |
|
.metrics-section { |
|
margin-bottom: 30px; |
|
position: relative; |
|
} |
|
|
|
.metrics-section::before, |
|
.metrics-section::after, |
|
.metrics-section .corner-bl, |
|
.metrics-section .corner-br { |
|
content: ''; |
|
position: absolute; |
|
width: 12px; |
|
height: 12px; |
|
pointer-events: none; |
|
} |
|
|
|
.metrics-section::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.metrics-section::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.metrics-section .corner-bl { |
|
bottom: 0; |
|
left: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.metrics-section .corner-br { |
|
bottom: 0; |
|
right: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.metrics-section:last-child { |
|
margin-bottom: 0; |
|
} |
|
|
|
/* Core metrics grid */ |
|
.core-metrics-grid { |
|
display: grid; |
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); |
|
gap: 15px; |
|
margin-bottom: 30px; |
|
} |
|
|
|
.info-grid { |
|
display: grid; |
|
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); |
|
gap: 15px; |
|
} |
|
|
|
/* Metric box */ |
|
.metric-box { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
padding: 15px; |
|
display: flex; |
|
flex-direction: column; |
|
gap: 8px; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.metric-box::before, |
|
.metric-box::after, |
|
.metric-box .corner-bl, |
|
.metric-box .corner-br { |
|
content: ''; |
|
position: absolute; |
|
width: 12px; |
|
height: 12px; |
|
pointer-events: none; |
|
} |
|
|
|
.metric-box::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.metric-box::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.metric-box .corner-bl { |
|
bottom: 0; |
|
left: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.metric-box .corner-br { |
|
bottom: 0; |
|
right: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.metric-box .label { |
|
color: #FF6B35; |
|
font-size: 14px; |
|
font-weight: 500; |
|
} |
|
|
|
.metric-box .value { |
|
color: #E0E0E0; |
|
font-size: 24px; |
|
font-weight: 600; |
|
} |
|
|
|
/* Progress metrics */ |
|
.progress-metrics { |
|
display: grid; |
|
gap: 15px; |
|
padding: 15px; |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.progress-metrics::before, |
|
.progress-metrics::after, |
|
.progress-metrics .corner-bl, |
|
.progress-metrics .corner-br { |
|
content: ''; |
|
position: absolute; |
|
width: 12px; |
|
height: 12px; |
|
pointer-events: none; |
|
} |
|
|
|
.progress-metrics::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.progress-metrics::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.progress-metrics .corner-bl { |
|
bottom: 0; |
|
left: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.progress-metrics .corner-br { |
|
bottom: 0; |
|
right: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.progress-metric { |
|
display: grid; |
|
gap: 8px; |
|
} |
|
|
|
.progress-label { |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
color: #E0E0E0; |
|
font-size: 14px; |
|
} |
|
|
|
.progress-value { |
|
color: #FF6B35; |
|
font-weight: 500; |
|
} |
|
|
|
/* Progress bars */ |
|
.progress-bar { |
|
height: 6px; |
|
background: rgba(255, 69, 0, 0.1); |
|
border-radius: 0; |
|
overflow: hidden; |
|
position: relative; |
|
} |
|
|
|
.progress-bar::before { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(90deg, transparent 50%, rgba(255, 69, 0, 0.05) 50%); |
|
background-size: 4px 100%; |
|
pointer-events: none; |
|
} |
|
|
|
.progress-fill { |
|
height: 100%; |
|
background: #FF4500; |
|
border-radius: 0; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.progress-fill::after { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(90deg, |
|
rgba(255, 255, 255, 0.1) 0%, |
|
rgba(255, 255, 255, 0.1) 40%, |
|
rgba(255, 255, 255, 0.3) 50%, |
|
rgba(255, 255, 255, 0.1) 60%, |
|
rgba(255, 255, 255, 0.1) 100% |
|
); |
|
background-size: 300% 100%; |
|
animation: shimmer 2s infinite; |
|
} |
|
|
|
@keyframes shimmer { |
|
0% { background-position: 100% 0; } |
|
100% { background-position: -100% 0; } |
|
} |
|
|
|
/* Split progress bars */ |
|
.progress-metric.split .progress-label { |
|
justify-content: space-between; |
|
} |
|
|
|
.progress-bar.split { |
|
display: flex; |
|
background: rgba(255, 69, 0, 0.1); |
|
position: relative; |
|
justify-content: center; |
|
} |
|
|
|
.progress-bar.split::before { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(90deg, transparent 50%, rgba(255, 69, 0, 0.05) 50%); |
|
background-size: 4px 100%; |
|
pointer-events: none; |
|
z-index: 0; |
|
} |
|
|
|
.progress-bar.split::after { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 50%; |
|
transform: translateX(-50%); |
|
width: 2px; |
|
height: 100%; |
|
background: rgba(255, 69, 0, 0.3); |
|
z-index: 2; |
|
} |
|
|
|
.progress-fill-left, |
|
.progress-fill-right { |
|
height: 100%; |
|
background: #FF4500; |
|
position: relative; |
|
width: 50%; |
|
overflow: hidden; |
|
} |
|
|
|
.progress-fill-left::after, |
|
.progress-fill-right::after { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(90deg, |
|
rgba(255, 255, 255, 0.1) 0%, |
|
rgba(255, 255, 255, 0.1) 40%, |
|
rgba(255, 255, 255, 0.3) 50%, |
|
rgba(255, 255, 255, 0.1) 60%, |
|
rgba(255, 255, 255, 0.1) 100% |
|
); |
|
background-size: 300% 100%; |
|
animation: shimmer 2s infinite; |
|
z-index: 1; |
|
} |
|
|
|
.progress-fill-left { |
|
border-radius: 0; |
|
margin-right: 1px; |
|
transform-origin: right; |
|
transform: scaleX(var(--scale, 0)); |
|
} |
|
|
|
.progress-fill-right { |
|
border-radius: 0; |
|
margin-left: 1px; |
|
transform-origin: left; |
|
transform: scaleX(var(--scale, 0)); |
|
} |
|
|
|
.progress-metric.split .progress-label { |
|
font-size: 13px; |
|
} |
|
|
|
/* Benchmark container */ |
|
.benchmark-container { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.benchmark-container::before, |
|
.benchmark-container::after, |
|
.benchmark-container .corner-bl, |
|
.benchmark-container .corner-br { |
|
content: ''; |
|
position: absolute; |
|
width: 12px; |
|
height: 12px; |
|
pointer-events: none; |
|
} |
|
|
|
.benchmark-container::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.benchmark-container::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.benchmark-container .corner-bl { |
|
bottom: 0; |
|
left: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.benchmark-container .corner-br { |
|
bottom: 0; |
|
right: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
/* Benchmark notification */ |
|
.benchmark-notification { |
|
background: rgba(20, 20, 20, 0.95); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
padding: 15px; |
|
margin-bottom: 20px; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.benchmark-notification::before, |
|
.benchmark-notification::after, |
|
.benchmark-notification .corner-bl, |
|
.benchmark-notification .corner-br { |
|
content: ''; |
|
position: absolute; |
|
width: 12px; |
|
height: 12px; |
|
pointer-events: none; |
|
} |
|
|
|
.benchmark-notification::before { |
|
top: 0; |
|
left: 0; |
|
border-top: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.benchmark-notification::after { |
|
top: 0; |
|
right: 0; |
|
border-top: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.benchmark-notification .corner-bl { |
|
bottom: 0; |
|
left: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-left: 2px solid #FF4500; |
|
} |
|
|
|
.benchmark-notification .corner-br { |
|
bottom: 0; |
|
right: 0; |
|
border-bottom: 2px solid #FF4500; |
|
border-right: 2px solid #FF4500; |
|
} |
|
|
|
.notification-content { |
|
display: flex; |
|
align-items: center; |
|
gap: 10px; |
|
position: relative; |
|
z-index: 1; |
|
} |
|
|
|
.notification-icon { |
|
font-size: 20px; |
|
} |
|
|
|
.notification-text { |
|
color: #E0E0E0; |
|
font-size: 14px; |
|
display: flex; |
|
align-items: center; |
|
gap: 10px; |
|
flex-wrap: wrap; |
|
} |
|
|
|
.benchmark-link { |
|
color: #FF6B35; |
|
font-weight: 500; |
|
white-space: nowrap; |
|
} |
|
|
|
/* Button styles */ |
|
.button { |
|
display: inline-flex; |
|
align-items: center; |
|
gap: 8px; |
|
padding: 10px 20px; |
|
background: rgba(255, 69, 0, 0.1); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
border-radius: 0; |
|
color: #FF6B35; |
|
font-weight: 500; |
|
text-decoration: none; |
|
transition: all 0.3s ease; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.button::before { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(45deg, transparent 48%, rgba(255, 69, 0, 0.1) 49%, rgba(255, 69, 0, 0.1) 51%, transparent 52%); |
|
background-size: 10px 10px; |
|
pointer-events: none; |
|
} |
|
|
|
.button::after { |
|
content: ''; |
|
position: absolute; |
|
inset: -1px; |
|
pointer-events: none; |
|
background: |
|
linear-gradient(to right, #FF4500 8px, transparent 8px) top left, |
|
linear-gradient(to bottom, #FF4500 8px, transparent 8px) top left, |
|
linear-gradient(to left, #FF4500 8px, transparent 8px) bottom right, |
|
linear-gradient(to top, #FF4500 8px, transparent 8px) bottom right; |
|
background-size: 20px 1px, 1px 20px, 20px 1px, 1px 20px; |
|
background-repeat: no-repeat; |
|
opacity: 0.6; |
|
} |
|
|
|
.button:hover { |
|
background: rgba(255, 69, 0, 0.2); |
|
border-color: rgba(255, 69, 0, 0.5); |
|
transform: translateY(-1px); |
|
} |
|
|
|
.button:active { |
|
transform: translateY(0); |
|
} |
|
|
|
/* Template link */ |
|
.template-link { |
|
display: flex; |
|
align-items: center; |
|
gap: 5px; |
|
color: #FF6B35; |
|
font-weight: 500; |
|
padding: 8px 12px; |
|
border-radius: 0; |
|
background: rgba(255, 69, 0, 0.1); |
|
border: 1px solid rgba(255, 69, 0, 0.3); |
|
transition: all 0.3s ease; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.template-link::before { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(45deg, transparent 48%, rgba(255, 69, 0, 0.1) 49%, rgba(255, 69, 0, 0.1) 51%, transparent 52%); |
|
background-size: 10px 10px; |
|
pointer-events: none; |
|
} |
|
|
|
.template-link::after { |
|
content: ''; |
|
position: absolute; |
|
inset: -1px; |
|
pointer-events: none; |
|
background: |
|
linear-gradient(to right, #FF4500 8px, transparent 8px) top left, |
|
linear-gradient(to bottom, #FF4500 8px, transparent 8px) top left, |
|
linear-gradient(to left, #FF4500 8px, transparent 8px) bottom right, |
|
linear-gradient(to top, #FF4500 8px, transparent 8px) bottom right; |
|
background-size: 20px 1px, 1px 20px, 20px 1px, 1px 20px; |
|
background-repeat: no-repeat; |
|
opacity: 0.6; |
|
} |
|
|
|
.template-link:hover { |
|
background: rgba(255, 69, 0, 0.2); |
|
border-color: rgba(255, 69, 0, 0.5); |
|
} |
|
|
|
.link-arrow { |
|
font-size: 18px; |
|
line-height: 1; |
|
transform: translateY(1px); |
|
} |
|
|
|
/* Template content */ |
|
.template-content { |
|
display: flex; |
|
align-items: center; |
|
gap: 10px; |
|
position: relative; |
|
z-index: 1; |
|
} |
|
|
|
.template-author { |
|
color: rgba(224, 224, 224, 0.7); |
|
font-size: 14px; |
|
} |
|
|
|
/* animations */ |
|
|
|
/* Hover animations */ |
|
@keyframes linkUnderline { |
|
from { transform: scaleX(0); } |
|
to { transform: scaleX(1); } |
|
} |
|
|
|
@keyframes shimmer { |
|
0% { background-position: 100% 0; } |
|
100% { background-position: -100% 0; } |
|
} |
|
|
|
@keyframes glowPulse { |
|
0% { box-shadow: 0 0 5px rgba(255, 69, 0, 0.2); } |
|
50% { box-shadow: 0 0 15px rgba(255, 69, 0, 0.4); } |
|
100% { box-shadow: 0 0 5px rgba(255, 69, 0, 0.2); } |
|
} |
|
|
|
/* Card hover effects */ |
|
.info-card:hover, |
|
.metric-box:hover, |
|
.benchmark-container:hover { |
|
animation: glowPulse 2s infinite; |
|
} |
|
|
|
/* Progress bar animations */ |
|
.progress-fill { |
|
transition: width 0.6s ease-out; |
|
} |
|
|
|
.progress-fill::after { |
|
content: ''; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(90deg, |
|
rgba(255, 255, 255, 0.1) 0%, |
|
rgba(255, 255, 255, 0.1) 40%, |
|
rgba(255, 255, 255, 0.3) 50%, |
|
rgba(255, 255, 255, 0.1) 60%, |
|
rgba(255, 255, 255, 0.1) 100% |
|
); |
|
background-size: 300% 100%; |
|
animation: shimmer 2s infinite; |
|
} |
|
|
|
/* Details toggle animation */ |
|
details[open] summary ~ * { |
|
animation: slideDown 0.3s ease-out; |
|
} |
|
|
|
@keyframes slideDown { |
|
from { |
|
opacity: 0; |
|
transform: translateY(-10px); |
|
} |
|
to { |
|
opacity: 1; |
|
transform: translateY(0); |
|
} |
|
} |
|
|
|
/* Button hover animation */ |
|
.button:hover::before, |
|
.template-link:hover::before { |
|
animation: patternShift 1s linear infinite; |
|
} |
|
|
|
@keyframes patternShift { |
|
from { background-position: 0 0; } |
|
to { background-position: 10px 10px; } |
|
} |
|
|
|
/* Loading state animations */ |
|
@keyframes loadingPulse { |
|
0% { opacity: 0.6; } |
|
50% { opacity: 1; } |
|
100% { opacity: 0.6; } |
|
} |
|
|
|
.loading { |
|
animation: loadingPulse 1.5s infinite; |
|
} |
|
|
|
/* Geometric pattern animation */ |
|
@keyframes geometricSpin { |
|
from { transform: rotate(0deg); } |
|
to { transform: rotate(360deg); } |
|
} |
|
|
|
.geometric-pattern { |
|
position: absolute; |
|
pointer-events: none; |
|
animation: geometricSpin 20s linear infinite; |
|
} |
|
|
|
/* Card entrance animations */ |
|
@keyframes cardEntrance { |
|
from { |
|
opacity: 0; |
|
transform: translateY(20px); |
|
} |
|
to { |
|
opacity: 1; |
|
transform: translateY(0); |
|
} |
|
} |
|
|
|
.info-card, |
|
.metric-box, |
|
.benchmark-container { |
|
animation: cardEntrance 0.5s ease-out forwards; |
|
} |
|
|
|
|
|
</style> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>L3.3-Damascus-R1</title> |
|
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet"> |
|
<link href="styles/components/layout.css" rel="stylesheet"> |
|
<link href="styles/components/metrics.css" rel="stylesheet"> |
|
<link href="styles/components/cards.css" rel="stylesheet"> |
|
<link href="styles/components/buttons.css" rel="stylesheet"> |
|
<link href="styles/components/animations.css" rel="stylesheet"> |
|
<link href="styles/main.css" rel="stylesheet"> |
|
</head> |
|
<body> |
|
<div class="container"> |
|
<div class="header"> |
|
<h1>L3.3-Damascus-R1</h1> |
|
</div> |
|
<div class="info"> |
|
<img src="https://cdn-uploads.huggingface.co/production/uploads/64545af5ec40bbbd01242ca6/1_-dNl2AxEELC8ztiaL_I.png" alt="Model banner"> |
|
<div class="creator-section"> |
|
<div class="creator-badge"> |
|
<span class="creator-label">Created by</span> |
|
<a href="https://huggingface.co/Steelskull" target="_blank" class="creator-link"> |
|
<span class="creator-name">SteelSkull</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>L3.3-Damascus-R1</h3> |
|
<div class="model-tags"> |
|
<span class="model-tag">L3.3 = Llama 3.3</span> |
|
<span class="model-tag">SCE Merge</span> |
|
<span class="model-tag">70b 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/TheSkullery/L3.1x3.3-Hydroblated-R1-70B-v3" target="_blank">L3.1x3.3-Hydroblated-R1-70B-v3</a></span> Base model [Unreleased]</li> |
|
<li><span class="model-component"><a href="https://huggingface.co/EVA-UNIT-01/EVA-LLaMA-3.33-70B-v0.1" target="_blank">EVA-LLaMA-3.33</a></span> Core capabilities</li> |
|
<li><span class="model-component"><a href="https://huggingface.co/Sao10K/L3.3-70B-Euryale-v2.3" target="_blank">Euryale-v2.3</a></span> Enhanced reasoning</li> |
|
<li><span class="model-component"><a href="https://huggingface.co/Sao10K/70B-L3.3-Cirrus-x1" target="_blank">Cirrus-x1</a></span> Improved coherence</li> |
|
<li><span class="model-component"><a href="https://huggingface.co/Sao10K/L3.1-70B-Hanami-x1" target="_blank">Hanami-x1</a></span> Balanced responses</li> |
|
<li><span class="model-component"><a href="https://huggingface.co/TheDrummer/Anubis-70B-v1" target="_blank">Anubis-v1</a></span> Enhanced detail</li> |
|
<li><span class="model-component"><a href="https://huggingface.co/SicariusSicariiStuff/Negative_LLAMA_70B" target="_blank">Negative_LLAMA</a></span> Reduced bias</li> |
|
</ul> |
|
</div> |
|
<div class="model-description"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<p>Damascus-R1 represents a complete architectural overhaul of the Nevoria foundation, built using the SCE (Selective Component Enhancement) merge method. The model is constructed on a custom Hydroblated-R1 base that prioritizes stability, intelligence, and enhanced awareness.</p> |
|
<h4>Technical Architecture</h4> |
|
<p>The model integrates specialized components from multiple high-performance models:</p> |
|
<ul> |
|
<li>EVA and EURYALE foundations for creative expression and scene comprehension</li> |
|
<li>Cirrus and Hanami elements for enhanced reasoning capabilities</li> |
|
<li>Anubis components for detailed scene description</li> |
|
<li>Negative_LLAMA integration for balanced perspective and response</li> |
|
</ul> |
|
<h4>Core Philosophy</h4> |
|
<p>Damascus-R1 embodies the principle that AI models can be intelligent and be fun. This version specifically addresses user feedback from previous iterations, optimizing the balance between technical capability and natural conversation flow.</p> |
|
<h4>Base Architecture</h4> |
|
<p>The model utilizes a custom base model called Hydroblated-R1 base, chosen specifically for its stability characteristics and enhanced reasoning capabilities. The SCE merge method enables precise component integration while maintaining model coherence and performance reliability.</p> |
|
</div> |
|
</div> |
|
<!--<div class="metrics-section"> |
|
<details open> |
|
<summary>User Reviews</summary> |
|
<div class="progress-metrics"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<div> |
|
<div class="review-card"> |
|
<div> |
|
<span>[USERNAME]</span> |
|
</div> |
|
<p>[REVIEW]</p> |
|
</div> |
|
<div class="review-card"> |
|
<div> |
|
<span>[USERNAME]</span> |
|
</div> |
|
<p>[REVIEW]</p> |
|
</div> |
|
<div class="review-card"> |
|
<div> |
|
<span>[USERNAME]</span> |
|
</div> |
|
<p>[REVIEW]</p> |
|
</div> |
|
</div> |
|
</div> |
|
</details> |
|
</div>--> |
|
</div> |
|
<!-- UGI-Benchmark Results - TO BE UPDATED --> |
|
<!--<h2>UGI-Benchmark Results:</h2> |
|
<div class="benchmark-container"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<div class="benchmark-notification"> |
|
<div class="notification-content"> |
|
<span class="notification-icon">🏆</span> |
|
<span class="notification-text"> |
|
Latest benchmark results as of 01/23/2025. |
|
<a href="https://huggingface.co/spaces/DontPlanToEnd/UGI-Leaderboard" target="_blank" class="benchmark-link"> |
|
View Full Leaderboard → |
|
</a> |
|
</span> |
|
</div> |
|
</div> |
|
<div class="metrics-section"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<h3>Core Metrics</h3> |
|
<div class="core-metrics-grid"> |
|
<div class="metric-box"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<span class="label">UGI Score</span> |
|
<span class="value">42.66</span> |
|
</div> |
|
<div class="metric-box"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<span class="label">Willingness Score</span> |
|
<span class="value">2.5/10</span> |
|
</div> |
|
<div class="metric-box"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<span class="label">Natural Intelligence</span> |
|
<span class="value">40.64</span> |
|
</div> |
|
<div class="metric-box"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<span class="label">Coding Ability</span> |
|
<span class="value">22</span> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="metrics-section"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<h3>Model Information</h3> |
|
<div class="info-grid"> |
|
<div class="metric-box"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<span class="label">Political Lean</span> |
|
<span class="value">-11.4%</span> |
|
</div> |
|
<div class="metric-box"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<span class="label">Ideology</span> |
|
<span class="value">Liberalism</span> |
|
</div> |
|
<div class="metric-box"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<span class="label">Parameters</span> |
|
<span class="value">70B</span> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="metrics-section"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<details> |
|
<summary>Aggregated Scores</summary> |
|
<div class="progress-metrics"> |
|
<div class="progress-metric"> |
|
<div class="progress-label"> |
|
<span>Diplomacy</span> |
|
<span class="progress-value">60.1%</span> |
|
</div> |
|
<div class="progress-bar"> |
|
<div class="progress-fill" style="width: 60.1%"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric"> |
|
<div class="progress-label"> |
|
<span>Government</span> |
|
<span class="progress-value">47.0%</span> |
|
</div> |
|
<div class="progress-bar"> |
|
<div class="progress-fill" style="width: 47.0%"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric"> |
|
<div class="progress-label"> |
|
<span>Economy</span> |
|
<span class="progress-value">45.4%</span> |
|
</div> |
|
<div class="progress-bar"> |
|
<div class="progress-fill" style="width: 45.4%"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric"> |
|
<div class="progress-label"> |
|
<span>Society</span> |
|
<span class="progress-value">62.6%</span> |
|
</div> |
|
<div class="progress-bar"> |
|
<div class="progress-fill" style="width: 62.6%"></div> |
|
</div> |
|
</div> |
|
</div> |
|
</details> |
|
</div> |
|
<div class="metrics-section"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<details> |
|
<summary>Individual Scores</summary> |
|
<div class="progress-metrics"> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Federal</span> |
|
<span class="progress-value">43.1%</span> |
|
<span>Unitary</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.431"></div> |
|
<div class="progress-fill-right" style="--scale: 0.569"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Democratic</span> |
|
<span class="progress-value">64.2%</span> |
|
<span>Autocratic</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.642"></div> |
|
<div class="progress-fill-right" style="--scale: 0.358"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Security</span> |
|
<span class="progress-value">48.3%</span> |
|
<span>Freedom</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.483"></div> |
|
<div class="progress-fill-right" style="--scale: 0.517"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Nationalism</span> |
|
<span class="progress-value">42.1%</span> |
|
<span>Int'l</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.421"></div> |
|
<div class="progress-fill-right" style="--scale: 0.579"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Militarist</span> |
|
<span class="progress-value">36.7%</span> |
|
<span>Pacifist</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.367"></div> |
|
<div class="progress-fill-right" style="--scale: 0.633"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Assimilationist</span> |
|
<span class="progress-value">41.0%</span> |
|
<span>Multiculturalist</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.41"></div> |
|
<div class="progress-fill-right" style="--scale: 0.59"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Collectivize</span> |
|
<span class="progress-value">47.9%</span> |
|
<span>Privatize</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.479"></div> |
|
<div class="progress-fill-right" style="--scale: 0.521"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Planned</span> |
|
<span class="progress-value">44.4%</span> |
|
<span>LaissezFaire</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.444"></div> |
|
<div class="progress-fill-right" style="--scale: 0.556"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Isolationism</span> |
|
<span class="progress-value">43.8%</span> |
|
<span>Globalism</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.438"></div> |
|
<div class="progress-fill-right" style="--scale: 0.562"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Irreligious</span> |
|
<span class="progress-value">57.9%</span> |
|
<span>Religious</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.579"></div> |
|
<div class="progress-fill-right" style="--scale: 0.421"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Progressive</span> |
|
<span class="progress-value">62.5%</span> |
|
<span>Traditional</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.625"></div> |
|
<div class="progress-fill-right" style="--scale: 0.375"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric split"> |
|
<div class="progress-label"> |
|
<span>Acceleration</span> |
|
<span class="progress-value">67.3%</span> |
|
<span>Bioconservative</span> |
|
</div> |
|
<div class="progress-bar split"> |
|
<div class="progress-fill-left" style="--scale: 0.673"></div> |
|
<div class="progress-fill-right" style="--scale: 0.327"></div> |
|
</div> |
|
</div> |
|
</div> |
|
</details> |
|
</div> |
|
</div> |
|
<h2>Open LLM-Benchmark Results:</h2> |
|
<div class="benchmark-container"> |
|
<div class="benchmark-notification"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<div class="notification-content"> |
|
<span class="notification-text"> |
|
Average Score: 43.68% |
|
<a href="https://huggingface.co/spaces/open-llm-leaderboard/open_llm_leaderboard#/?rankingMode=dynamic" target="_blank" class="benchmark-link"> |
|
View Full Leaderboard → |
|
</a> |
|
</span> |
|
</div> |
|
</div> |
|
<div class="progress-metrics"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<div class="progress-metric"> |
|
<div class="progress-label"> |
|
<span>IFEval</span> |
|
<span class="progress-value">60.24%</span> |
|
</div> |
|
<div class="progress-bar"> |
|
<div class="progress-fill" style="width: 60.24%"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric"> |
|
<div class="progress-label"> |
|
<span>BBH</span> |
|
<span class="progress-value">56.17%</span> |
|
</div> |
|
<div class="progress-bar"> |
|
<div class="progress-fill" style="width: 56.17%"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric"> |
|
<div class="progress-label"> |
|
<span>MATH</span> |
|
<span class="progress-value">46.68%</span> |
|
</div> |
|
<div class="progress-bar"> |
|
<div class="progress-fill" style="width: 46.68%"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric"> |
|
<div class="progress-label"> |
|
<span>GPQA</span> |
|
<span class="progress-value">29.19%</span> |
|
</div> |
|
<div class="progress-bar"> |
|
<div class="progress-fill" style="width: 29.19%"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric"> |
|
<div class="progress-label"> |
|
<span>MUSR</span> |
|
<span class="progress-value">20.19%</span> |
|
</div> |
|
<div class="progress-bar"> |
|
<div class="progress-fill" style="width: 20.19%"></div> |
|
</div> |
|
</div> |
|
<div class="progress-metric"> |
|
<div class="progress-label"> |
|
<span>MMLU-Pro</span> |
|
<span class="progress-value">49.59%</span> |
|
</div> |
|
<div class="progress-bar"> |
|
<div class="progress-fill" style="width: 49.59%"></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div>--> |
|
<div class="section-container"> |
|
<h2>Recommended Sampler Settings: <strong>By @Geechan</strong></h2> |
|
<div class="settings-grid"> |
|
<div class="settings-card"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<div class="settings-header"> |
|
<h3>Dynamic Temperature</h3> |
|
</div> |
|
<div class="settings-content"> |
|
<div class="setting-item"> |
|
<span class="setting-label">Min</span> |
|
<span class="setting-value">1.0</span> |
|
</div> |
|
<div class="setting-item"> |
|
<span class="setting-label">Max</span> |
|
<span class="setting-value">1.3-1.35</span> |
|
</div> |
|
<div class="setting-item"> |
|
<span class="setting-label">Exponent</span> |
|
<span class="setting-value">1.0</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="settings-card"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<div class="settings-header"> |
|
<h3>Static Temperature:</h3> |
|
</div> |
|
<div class="settings-content"> |
|
<div class="setting-item highlight"> |
|
<span class="setting-value">1.2</span> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="settings-card"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<div class="settings-header"> |
|
<h3>Min P</h3> |
|
</div> |
|
<div class="settings-content"> |
|
<div class="setting-item highlight"> |
|
<span class="setting-value">0.02</span> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="settings-card"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<div class="settings-header"> |
|
<h3>DRY Settings</h3> |
|
</div> |
|
<div class="settings-content"> |
|
<div class="setting-item"> |
|
<span class="setting-label">Multiplier</span> |
|
<span class="setting-value">0.8</span> |
|
</div> |
|
<div class="setting-item"> |
|
<span class="setting-label">Base</span> |
|
<span class="setting-value">1.75</span> |
|
</div> |
|
<div class="setting-item"> |
|
<span class="setting-label">Length</span> |
|
<span class="setting-value">4</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="section-container"> |
|
<h2>Recommended Templates & Prompts</h2> |
|
<div class="template-card"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<div class="template-item"> |
|
<div class="template-content"> |
|
<a href="https://huggingface.co/Konnect1221/Methception-Llamaception-SillyTavern-Preset" target="_blank" class="template-link"> |
|
LLam@ception |
|
<span class="link-arrow">→</span> |
|
</a> |
|
<span class="template-author">by @.konnect</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- Quantized Versions - TO BE UPDATED --> |
|
<!--<div class="section-container"> |
|
<h2>Quantized Versions</h2> |
|
<div class="quantized-container"> |
|
<div class="quantized-section"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<h3>GGUF Quantizations</h3> |
|
<div class="quantized-items"> |
|
<div class="quantized-item"> |
|
<span class="author">bartowski</span> |
|
<a href="https://huggingface.co/bartowski/L3.3-Nevoria-R1-70b-GGUF" target="_blank"> |
|
Combined-GGUF |
|
<span class="link-arrow">→</span> |
|
</a> |
|
</div> |
|
<div class="quantized-item"> |
|
<span class="author">mradermacher</span> |
|
<div class="multi-links"> |
|
<a href="https://huggingface.co/mradermacher/L3.3-Nevoria-R1-70b-GGUF" target="_blank"> |
|
GGUF |
|
<span class="link-arrow">→</span> |
|
</a> |
|
<span class="separator">//</span> |
|
<a href="https://huggingface.co/mradermacher/L3.3-Nevoria-R1-70b-i1-GGUF" target="_blank"> |
|
Imat-GGUF |
|
<span class="link-arrow">→</span> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="quantized-section"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<h3>EXL2 Quantizations</h3> |
|
<div class="quantized-items"> |
|
<div class="quantized-item"> |
|
<span class="author">Darkhn</span> |
|
<a href="https://huggingface.co/Darkhn/Steelskull_L3.3-Exp-Nevoria-R1-70b-6.0bpw-h8-exl2" target="_blank"> |
|
6.0BPW-EXL2 |
|
<span class="link-arrow">→</span> |
|
</a> |
|
</div> |
|
<div class="quantized-item"> |
|
<span class="author">ReadyArt</span> |
|
<div class="multi-links"> |
|
<a href="https://huggingface.co/ReadyArt/L3.3-Nevoria-R1-70b_EXL2_5.0bpw_H8" target="_blank"> |
|
5.0BPW-EXL2 |
|
<span class="link-arrow">→</span> |
|
</a> |
|
<span class="separator">//</span> |
|
<a href="https://huggingface.co/ReadyArt/L3.3-Nevoria-R1-70b_EXL2_4.0bpw_H8" target="_blank"> |
|
4.0BPW-EXL2 |
|
<span class="link-arrow">→</span> |
|
</a> |
|
<span class="separator">//</span> |
|
<a href="https://huggingface.co/ReadyArt/L3.3-Nevoria-R1-70b_EXL2_3.0bpw_H8" target="_blank"> |
|
3.0BPW-EXL2 |
|
<span class="link-arrow">→</span> |
|
</a> |
|
<span class="separator">//</span> |
|
<a href="https://huggingface.co/ReadyArt/L3.3-Nevoria-R1-70b_EXL2_2.0bpw_H8" target="_blank"> |
|
2.0BPW-EXL2 |
|
<span class="link-arrow">→</span> |
|
</a> |
|
</div> |
|
</div> |
|
<div class="quantized-item"> |
|
<span class="author">PedroPareja</span> |
|
<a href="https://huggingface.co/PedroPareja/L3.3-Nevoria-R1-70b-4.5bpw-h6-exl2" target="_blank"> |
|
4.5BPW-EXL2 |
|
<span class="link-arrow">→</span> |
|
</a> |
|
</div> |
|
<div class="quantized-item"> |
|
<span class="author">VoidStare</span> |
|
<a href="https://huggingface.co/VoidStare/L3.3-Nevoria-R1-70b-EXL2-6.5bpw-h8" target="_blank"> |
|
6.5BPW-EXL2 |
|
<span class="link-arrow">→</span> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div>--> |
|
<div class="support-section"> |
|
<span class="corner-bl"></span> |
|
<span class="corner-br"></span> |
|
<h2>Support & Community:</h2> |
|
<div class="support-buttons"> |
|
<a href="https://ko-fi.com/Y8Y0AO2XE" target="_blank" class="button"> |
|
Support on Ko-fi |
|
</a> |
|
<a href="https://discord.gg/4tCngSm3qZ" target="_blank" class="button"> |
|
Join Discord |
|
</a> |
|
</div> |
|
<div class="special-thanks"> |
|
<h3>Special Thanks</h3> |
|
<ul class="thanks-list"> |
|
<li><strong>@Geechan</strong> for feedback and sampler settings</li> |
|
<li><strong>@Konnect</strong> for their feedback and templates</li> |
|
<li><strong>@Kistara</strong> for their feedback and help with the model mascot design</li> |
|
<li><strong>@Thana Alt</strong> for their feedback and Quants</li> |
|
<li><strong>@Lightning_missile</strong> for their feedback</li> |
|
<li><strong>@Yemosvoto</strong> for the model name</li> |
|
<li><strong>The Arli community</strong> for feedback and testers</li> |
|
<li><strong>The BeaverAI communty</strong> for feedback and testers</li> |
|
</ul> |
|
<p class="thanks-note">I wish I could add everyone but im pretty sure it would be as long as the card!</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</body> |
|
</html> |
