Update README.md

README.md

@@ -18,46 +18,236 @@ title: ""
 authors:
 - user: antiven0m
 ---
-![](https://ii.imgur.com/HRgbsPm.png)
-# Speculor-2.7B
-The integration of AI in mental health care is a hot-button issue. Concerns range from privacy issues to the fear of an impersonal approach in a field that is, at its roots, human. Despite these challenges, I believe in the potential for AI to provide meaningful support in the mental health domain through thoughtful application.
+<style>
+ body {
+   font-family: 'Poppins', sans-serif;
+   line-height: 1.6;
+   color: #fff;
+   background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
+ }
 
-This model was built to enhance the support network for people navigating mental health challenges, aiming to work alongside human professionals rather than replace them. It could be a step forward in using technology to improve access and comprehension in mental health care.
+ .container {
+   max-width: 1000px;
+   margin: 0 auto;
+   padding: 40px;
+ }
 
-To create this Phi-2 fine-tune, I used public datasets like counseling Q&A platforms from sources such as WebMD, synthetic mental health conversations, general instructions, and some personification data.
+ .panel {
+   background: linear-gradient(135deg, rgba(47, 38, 86, 0.8) 0%, rgba(28, 16, 61, 0.8) 50%, rgba(22, 9, 48, 0.8) 100%);
+   padding: 30px;
+   border-radius: 10px;
+   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
+   margin-bottom: 40px;
+ }
 
-## Proposed Use Case
-To ensure the models application remains safe and thoughtful, I propose the following:
-  - Flagging System: Developing an automated flagging system that analyzes user conversations for keywords or phrases indicative of crisis or severe mental health concerns. Upon triggering, the system would direct users towards professional help and relevant mental health information.
-  - Third-Party Moderation: Implementing trained human moderators who can assess user input, particularly in cases where responses suggest potential crisis situations. Moderators could then intervene and connect users with appropriate mental health resources.
+ .panel-header {
+   text-align: center;
+   margin-bottom: 20px;
+ }
 
-![potential usecase](https://i.imgur.com/T3ooSGA.png)
+ .panel-header img {
+   max-width: 100%;
+   height: auto;
+   border-radius: 10px;
+ }
 
-## Why It Might Be Useful
--  **Easy Access**: Since this LLM model can run on a wide variety of hardware, it's available for free to anyone with a decent device. No GPU required. (See [here](https://huggingface.co/antiven0m/speculor-2.7b-GGUF).)
--  **Practice Opening Up**: It can be really hard to openly share your deepest struggles and mental health issues, even with professionals. Chatting with a LLM first could help take some of the pressure off and let you get comfortable putting those thoughts and feelings into words, and develop a more appropriate way to discuss them with a licensed mental health professional.
--  **Exploratory Tool**: The low-pressure nature allows users to safely explore different perspectives, thought experiments, or hypothetical scenarios related to their mental wellbeing.
-- **Available 24/7**: Unlike humans with limited hours, an LLM is available around the clock for whenever someone needs mental health information or wants to talk through their thoughts and feelings.
+ h1, h2, h3 {
+   font-weight: 700;
+   color: #fff;
+   text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+ }
 
-The idea is, by having low-stakes conversations with this LLM, you may find it easier to then talk more clearly about your situation with an actual therapist or mental health provider when you're ready. It's like a casual warm-up for the real deal.
+ h1 {
+   font-size: 60px;
+   margin-bottom: 20px;
+   text-align: center;
+   background: linear-gradient(90deg, #9370DB, #BA55D3, #9370DB);
+   -webkit-background-clip: text;
+   -webkit-text-fill-color: transparent;
+ }
 
-Of course, a LLM can never replace human experts. But sometimes getting the hang of openly discussing this stuff, even with a machine, can be a small stepping stone that leads to getting proper care.
+ h2 {
+   font-size: 32px;
+   margin-top: 40px;
+   margin-bottom: 20px;
+   padding-left: 40px;
+   position: relative;
+ }
 
-## Limitations
-While I've aimed to make this model as helpful as possible, it's imperative that users understand its many constraints:
+ h2::before {
+   content: "";
+   position: absolute;
+   left: 10px;
+   top: 50%;
+   transform: translateY(-50%);
+   width: 10px;
+   height: 10px;
+   background-color: #FFD700;
+   border-radius: 50%;
+   box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
+ }
 
--  **No Medical Expertise**: This model does not have any clinical training or ability to provide professional medical diagnosis or treatment plans. Its knowledge purely comes from the data it was trained on.
-- **Lack of Human Context**: As an AI system, it cannot fully comprehend the depth and complexity of human experiences, emotions and individual contexts the way an actual human professional would.
--   **Limited Knowledge**: The model's responses are limited to the information contained in its training data. There will inevitably be gaps in its understanding of certain mental health topics, complexities and nuances.
-- **No Crisis Intervention**: This model is not designed or capable of providing any kind of crisis intervention or emergency response and cannot help in those acute, high-risk situations.
+ h3 {
+   font-size: 24px;
+   margin-top: 30px;
+   margin-bottom: 15px;
+ }
 
-I want to emphasize that this model is intended as a supportive tool, not at all a replacement for professional mental health support and services from qualified human experts, and certainly not an "AI Therapist". Users should approach their conversations with appropriate expectations.
+ p {
+   font-size: 18px;
+   line-height: 1.6;
+   margin-bottom: 20px;
+   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+   padding: 0 20px;
+ }
 
-## Privacy
-It's important to note that while the model itself does not save or transmit data, some frontends or interfaces used to interact with the LLMs may locally store logs of your conversations on your device. Be aware of this possibility and take appropriate precautions!
+ ul {
+   font-size: 18px;
+   line-height: 1.6;
+   margin-bottom: 20px;
+   padding: 0 40px;
+   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+ }
 
----
+ li {
+   margin-bottom: 10px;
+ }
 
-`Disclaimer: I am not a medical health professional. This LLM is not a substitute for professional mental health services or licensed therapists. It provides general information and supportive conversation, but cannot diagnose conditions, provide treatment plans, or handle crisis situations. Please seek qualified human care for any serious mental health needs.`
+ .disclaimer {
+   background: linear-gradient(135deg, rgba(128, 0, 128, 0.8) 0%, rgba(255, 0, 255, 0.8) 50%, rgba(128, 0, 128, 0.8) 100%);
+   color: #fff;
+   padding: 20px;
+   border-radius: 5px;
+   font-size: 16px;
+   line-height: 1.4;
+   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+   position: relative;
+   display: flex;
+   align-items: center;
+ }
 
----
+ .disclaimer::before {
+   content: "!";
+   position: absolute;
+   left: 10px;
+   top: 50%;
+   transform: translateY(-50%);
+   width: 30px;
+   height: 30px;
+   background-color: #FF6347;
+   border-radius: 50%;
+   box-shadow: 0 0 10px rgba(255, 99, 71, 0.5), inset 0 0 5px rgba(0, 0, 0, 0.5);
+   display: flex;
+   justify-content: center;
+   align-items: center;
+   font-size: 20px;
+   font-weight: bold;
+   color: #fff;
+ }
+
+ .disclaimer p {
+   margin-bottom: 0;
+   padding-left: 50px;
+ }
+
+ .widget-container {
+   background: linear-gradient(135deg, rgba(0, 191, 255, 0.8) 0%, rgba(0, 128, 128, 0.8) 50%, rgba(0, 191, 255, 0.8) 100%);
+   padding: 20px;
+   border-radius: 5px;
+   margin-bottom: 20px;
+   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+ }
+
+ .widget-item {
+   margin-bottom: 10px;
+ }
+
+ .widget-item .title {
+   font-weight: 700;
+   font-size: 18px;
+   margin-bottom: 5px;
+   color: #FFD700;
+   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+ }
+
+ .widget-item .text {
+   font-size: 16px;
+   color: #fff;
+   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+ }
+
+ .usecase-container {
+   display: flex;
+   justify-content: center;
+   align-items: center;
+   margin-top: 40px;
+   margin-bottom: 40px;
+ }
+
+ .usecase-image {
+   max-width: 100%;
+   width: 100%;
+   height: auto;
+   border-radius: 10px;
+ }
+</style>
+
+<body>
+ <div class="container">
+   <h1>Speculor-2.7B</h1>
+
+   <div class="panel">
+     <div class="panel-header">
+       <img src="https://i.imgur.com/HRgbsPm.png" alt="Speculor-2.7B">
+     </div>
+     <p>The integration of AI in mental health care is a hot-button issue. Concerns range from privacy issues to the fear of an impersonal approach in a field that is, at its roots, human. Despite these challenges, I believe in the potential for AI to provide meaningful support in the mental health domain through thoughtful application.</p>
+     <p>This model was built to enhance the support network for people navigating mental health challenges, aiming to work alongside human professionals rather than replace them. It could be a step forward in using technology to improve access and comprehension in mental health care.</p>
+     <p>To create this Phi-2 fine-tune, I used public datasets like counseling Q&A platforms from sources such as WebMD, synthetic mental health conversations, general instructions, and some personification data.</p>
+   </div>
+
+   <div class="panel">
+     <h2>Proposed Use Case</h2>
+     <p>To ensure the models application remains safe and thoughtful, I propose the following:</p>
+     <ul>
+       <li><strong>Flagging System:</strong> Developing an automated flagging system that analyzes user conversations for keywords or phrases indicative of crisis or severe mental health concerns. Upon triggering, the system would direct users towards professional help and relevant mental health information.</li>
+       <li><strong>Third-Party Moderation:</strong> Implementing trained human moderators who can assess user input, particularly in cases where responses suggest potential crisis situations. Moderators could then intervene and connect users with appropriate mental health resources.</li>
+     </ul>
+   </div>
+
+   <div class="usecase-container">
+     <img src="https://i.imgur.com/T3ooSGA.png" alt="Potential Use Case" class="usecase-image">
+   </div>
+
+   <div class="panel">
+     <h2>Why It Might Be Useful</h2>
+     <ul>
+       <li><strong>Easy Access:</strong> Since this LLM model can run on a wide variety of hardware, it's available for free to anyone with a decent device. No GPU required. (<a href="https://huggingface.co/antiven0m/speculor-2.7b-GGUF" style="color: #FFD700; text-decoration: none;">See here</a>.)</li>
+       <li><strong>Practice Opening Up:</strong> It can be really hard to openly share your deepest struggles and mental health issues, even with professionals. Chatting with a LLM first could help take some of the pressure off and let you get comfortable putting those thoughts and feelings into words, and develop a more appropriate way to discuss them with a licensed mental health professional.</li>
+       <li><strong>Exploratory Tool:</strong> The low-pressure nature allows users to safely explore different perspectives, thought experiments, or hypothetical scenarios related to their mental wellbeing.</li>
+       <li><strong>Available 24/7:</strong> Unlike humans with limited hours, an LLM is available around the clock for whenever someone needs mental health information or wants to talk through their thoughts and feelings.</li>
+     </ul>
+     <p>The idea is, by having low-stakes conversations with this LLM, you may find it easier to then talk more clearly about your situation with an actual therapist or mental health provider when you're ready. It's like a casual warm-up for the real deal.</p>
+   </div>
+
+   <div class="panel">
+     <h2>Limitations</h2>
+     <p>While I've aimed to make this model as helpful as possible, it's imperative that users understand its many constraints:</p>
+     <ul>
+       <li><strong>No Medical Expertise:</strong> This model does not have any clinical training or ability to provide professional medical diagnosis or treatment plans. Its knowledge purely comes from the data it was trained on.</li>
+       <li><strong>Lack of Human Context:</strong> As an AI system, it cannot fully comprehend the depth and complexity of human experiences, emotions and individual contexts the way an actual human professional would.</li>
+       <li><strong>Limited Knowledge:</strong> The model's responses are limited to the information contained in its training data. There will inevitably be gaps in its understanding of certain mental health topics, complexities and nuances.</li>
+       <li><strong>No Crisis Intervention:</strong> This model is not designed or capable of providing any kind of crisis intervention or emergency response and cannot help in those acute, high-risk situations.</li>
+     </ul>
+     <p>I want to emphasize that this model is intended as a supportive tool, not at all a replacement for professional mental health support and services from qualified human experts, and certainly not an "AI Therapist". Users should approach their conversations with appropriate expectations.</p>
+   </div>
+
+   <div class="panel">
+     <h2>Privacy</h2>
+     <p>It's important to note that while the model itself does not save or transmit data, some frontends or interfaces used to interact with the LLMs may locally store logs of your conversations on your device. Be aware of this possibility and take appropriate precautions!</p>
+   </div>
+
+   <div class="disclaimer">
+     <p><strong>Disclaimer:</strong> I am not a medical health professional. This LLM is not a substitute for professional mental health services or licensed therapists. It provides general information and supportive conversation, but cannot diagnose conditions, provide treatment plans, or handle crisis situations. Please seek qualified human care for any serious mental health needs.</p>
+   </div>
+ </div>
+</body>