Update README.md

README.md

@@ -1,199 +1,895 @@
 ---
+base_model:
+- mistralai/Mistral-Nemo-Instruct-2407
 library_name: transformers
-tags: []
+tags:
+- Roleplay
+- Uncensored
+- Storyteller
 ---
 
-# Model Card for Model ID
 
-<!-- Provide a quick summary of what the model is/does. -->
 
-
-
-## Model Details
-
-### Model Description
-
-<!-- Provide a longer summary of what this model is. -->
-
-This is the model card of a 🤗 transformers model that has been pushed on the Hub. This model card has been automatically generated.
-
-- **Developed by:** [More Information Needed]
-- **Funded by [optional]:** [More Information Needed]
-- **Shared by [optional]:** [More Information Needed]
-- **Model type:** [More Information Needed]
-- **Language(s) (NLP):** [More Information Needed]
-- **License:** [More Information Needed]
-- **Finetuned from model [optional]:** [More Information Needed]
-
-### Model Sources [optional]
-
-<!-- Provide the basic links for the model. -->
-
-- **Repository:** [More Information Needed]
-- **Paper [optional]:** [More Information Needed]
-- **Demo [optional]:** [More Information Needed]
-
-## Uses
-
-<!-- Address questions around how the model is intended to be used, including the foreseeable users of the model and those affected by the model. -->
-
-### Direct Use
-
-<!-- This section is for the model use without fine-tuning or plugging into a larger ecosystem/app. -->
-
-[More Information Needed]
-
-### Downstream Use [optional]
-
-<!-- This section is for the model use when fine-tuned for a task, or when plugged into a larger ecosystem/app -->
-
-[More Information Needed]
-
-### Out-of-Scope Use
-
-<!-- This section addresses misuse, malicious use, and uses that the model will not work well for. -->
-
-[More Information Needed]
-
-## Bias, Risks, and Limitations
-
-<!-- This section is meant to convey both technical and sociotechnical limitations. -->
-
-[More Information Needed]
-
-### Recommendations
-
-<!-- This section is meant to convey recommendations with respect to the bias, risk, and technical limitations. -->
-
-Users (both direct and downstream) should be made aware of the risks, biases and limitations of the model. More information needed for further recommendations.
-
-## How to Get Started with the Model
-
-Use the code below to get started with the model.
-
-[More Information Needed]
-
-## Training Details
-
-### Training Data
-
-<!-- This should link to a Dataset Card, perhaps with a short stub of information on what the training data is all about as well as documentation related to data pre-processing or additional filtering. -->
-
-[More Information Needed]
-
-### Training Procedure
-
-<!-- This relates heavily to the Technical Specifications. Content here should link to that section when it is relevant to the training procedure. -->
-
-#### Preprocessing [optional]
-
-[More Information Needed]
-
-
-#### Training Hyperparameters
-
-- **Training regime:** [More Information Needed] <!--fp32, fp16 mixed precision, bf16 mixed precision, bf16 non-mixed precision, fp16 non-mixed precision, fp8 mixed precision -->
-
-#### Speeds, Sizes, Times [optional]
-
-<!-- This section provides information about throughput, start/end time, checkpoint size if relevant, etc. -->
-
-[More Information Needed]
-
-## Evaluation
-
-<!-- This section describes the evaluation protocols and provides the results. -->
-
-### Testing Data, Factors & Metrics
-
-#### Testing Data
-
-<!-- This should link to a Dataset Card if possible. -->
-
-[More Information Needed]
-
-#### Factors
-
-<!-- These are the things the evaluation is disaggregating by, e.g., subpopulations or domains. -->
-
-[More Information Needed]
-
-#### Metrics
-
-<!-- These are the evaluation metrics being used, ideally with a description of why. -->
-
-[More Information Needed]
-
-### Results
-
-[More Information Needed]
-
-#### Summary
-
-
-
-## Model Examination [optional]
-
-<!-- Relevant interpretability work for the model goes here -->
-
-[More Information Needed]
-
-## Environmental Impact
-
-<!-- Total emissions (in grams of CO2eq) and additional considerations, such as electricity usage, go here. Edit the suggested text below accordingly -->
-
-Carbon emissions can be estimated using the [Machine Learning Impact calculator](https://mlco2.github.io/impact#compute) presented in [Lacoste et al. (2019)](https://arxiv.org/abs/1910.09700).
-
-- **Hardware Type:** [More Information Needed]
-- **Hours used:** [More Information Needed]
-- **Cloud Provider:** [More Information Needed]
-- **Compute Region:** [More Information Needed]
-- **Carbon Emitted:** [More Information Needed]
-
-## Technical Specifications [optional]
-
-### Model Architecture and Objective
-
-[More Information Needed]
-
-### Compute Infrastructure
-
-[More Information Needed]
-
-#### Hardware
-
-[More Information Needed]
-
-#### Software
-
-[More Information Needed]
-
-## Citation [optional]
-
-<!-- If there is a paper or blog post introducing the model, the APA and Bibtex information for that should go in this section. -->
-
-**BibTeX:**
-
-[More Information Needed]
-
-**APA:**
-
-[More Information Needed]
-
-## Glossary [optional]
-
-<!-- If relevant, include terms and calculations in this section that can help readers understand the model or model card. -->
-
-[More Information Needed]
-
-## More Information [optional]
-
-[More Information Needed]
-
-## Model Card Authors [optional]
-
-[More Information Needed]
-
-## Model Card Contact
-
-[More Information Needed]
+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_EXL2_8bpw/blob/main/Kalypso_sampler_settings.json" target="_blank" class="template-link">
+                Kalypso Sampler Settings
+                <span class="link-arrow">→</span>
+                <span class="template-description">Use with ChatML</span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>