Update README.md

README.md

@@ -15,6 +15,98 @@ base_model:
 
 <img src="https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B/resolve/main/Images/Impish_Mind.png" alt="Impish_Mind_8B" style="width: 70%; min-width: 500px; display: block; margin: auto;">
 
+
+---
+
+<style>
+  .hf-links, .hf-tldr{
+    display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
+    gap:14px;margin:16px 0;
+  }
+  .hf-links a, .hf-tldr a{
+    display:flex;flex-direction:column;align-items:center;justify-content:center;
+    text-align:center;text-decoration:none;font-weight:700;line-height:1.15;
+    padding:10px 16px;border-radius:14px;border:2px solid currentColor;
+    transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease;
+  }
+
+  .hf-tldr a{
+    font-size:48px;color:purple;min-width:100%;
+  }
+  .hf-tldr a:hover{
+    transform:translateY(-2px);
+    background:rgba(128,0,128,.1);
+    box-shadow:0 8px 22px rgba(128,0,128,.45);
+    color:#fff;
+  }
+
+
+  .hf-links a{
+    font-size:20px;min-width:240px;max-width:280px;
+  }
+  .hf-links a .top{font-size:16px;opacity:.9;}
+  .hf-links a .bottom{font-size:20px;}
+
+  .hf-links a.red{color:#E31515;}
+  .hf-links a.yellow{color:#FFC800;}
+  .hf-links a.green{color:#64FF00;}
+
+  .hf-links a:hover{
+    transform:translateY(-1px);
+    background:rgba(255,255,255,0.04);
+    box-shadow:0 6px 18px rgba(0,0,0,.15), inset 0 0 0 9999px rgba(255,255,255,.02);
+  }
+  .hf-links a.red:hover{
+    background:rgba(227,21,21,.12);
+    box-shadow:0 8px 20px rgba(227,21,21,.35);
+    color:#fff;
+  }
+  .hf-links a.yellow:hover{
+    background:rgba(255,200,0,.15);
+    box-shadow:0 8px 20px rgba(255,200,0,.35);
+    color:#111;
+  }
+  .hf-links a.green:hover{
+    background:rgba(100,255,0,.14);
+    box-shadow:0 8px 20px rgba(100,255,0,.35);
+    color:#093;
+  }
+
+  /* mobile stacking */
+  @media (max-width:520px){
+    .hf-links a{min-width:100%;max-width:100%;}
+    .hf-tldr a{font-size:36px;}
+  }
+</style>
+
+<div class="hf-tldr">
+  <a href="https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B#tldr">
+    Click here for TL;DR
+  </a>
+</div>
+
+---
+
+<div class="hf-links">
+  <a class="red" href="https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B#available-quantizations">
+    <span class="top">Click here</span>
+    <span class="bottom">for quantizations</span>
+  </a>
+
+  <a class="yellow" href="https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B#recommended-settings-for-assistant-mode">
+    <span class="top">Click here</span>
+    <span class="bottom">for recommended settings</span>
+  </a>
+
+  <a class="green" href="https://ko-fi.com/sicarius">
+    <span class="top">Click here</span>
+    <span class="bottom">to buy me a coffee</span>
+  </a>
+</div>
+
+
+---
+
 "As she lay her head on the snow-white pillow,\
 no rest was graced upon her thoughts.
 
@@ -33,7 +125,7 @@ Woven with the silken thread of lascivious deeds indeed.
   it was an impish mind all right..."
 
 ---
-## Impish_Mind_8B is available at the following quantizations:
+## Available quantizations: 
 
 - Original: [FP16](https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B)
 - GGUF: [Static Quants](https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B_GGUF) | [iMatrix_GGUF](https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B_iMatrix) | [High-Attention](https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B_GGUF_HA) | [iMatrix-High-Attention](https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B_HA_NL)
@@ -42,7 +134,7 @@ Woven with the silken thread of lascivious deeds indeed.
 - Mobile (ARM): [Q4_0](https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B_ARM) | [Q4_0_High-Attention](https://huggingface.co/SicariusSicariiStuff/Impish_Mind_8B_ARM_HA)
 ---
 
-## Model Details
+### TL;DR
 
 - Intended use: **Role-Play**, **Creative Writing**, **General Tasks**.