Enderchef commited on
Commit
cc79646
·
verified ·
1 Parent(s): 4ed6a9a

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +34 -103
README.md CHANGED
@@ -1,116 +1,47 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <style>
2
- .message-box {
3
- padding: 1rem 1.5rem;
4
- border-radius: 8px;
 
 
 
5
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
6
  font-size: 1.1rem;
7
- max-width: 600px;
8
- margin: 1rem auto;
9
- text-align: center;
10
- box-shadow: 0 4px 12px rgba(0,0,0,0.1);
11
  transition: background-color 0.3s ease, color 0.3s ease;
12
  }
13
-
14
- .message-box strong {
15
- color: #0077cc;
16
- }
17
-
18
- .message-box code {
19
- background-color: #ddd;
20
- padding: 0.15rem 0.4rem;
21
- border-radius: 4px;
22
- font-family: monospace;
23
- color: #d6336c;
24
  }
25
-
26
- /* Light mode (default) */
27
- body.light-mode .message-box {
28
- background-color: #f0f0f0;
29
- color: #222;
30
- box-shadow: 0 4px 12px rgba(0,0,0,0.1);
31
- }
32
- body.light-mode .message-box strong {
33
  color: #0077cc;
34
  }
35
- body.light-mode .message-box code {
36
- background-color: #ddd;
37
- color: #d6336c;
38
- }
39
-
40
- /* Dark mode */
41
- body.dark-mode .message-box {
42
- background-color: #1e1e1e;
43
- color: #eee;
44
- box-shadow: 0 4px 12px rgba(0,0,0,0.7);
45
- }
46
- body.dark-mode .message-box strong {
47
  color: #66aaff;
48
  }
49
- body.dark-mode .message-box code {
50
- background-color: #333;
51
- color: #ff7fa1;
52
- }
53
-
54
- /* Toggle button */
55
- .toggle-btn {
56
- display: block;
57
- margin: 0.5rem auto 2rem;
58
- padding: 0.5rem 1.2rem;
59
- font-size: 1rem;
60
- font-weight: 600;
61
- background-color: #0077cc;
62
- border: none;
63
- border-radius: 6px;
64
- color: white;
65
- cursor: pointer;
66
- transition: background-color 0.25s ease;
67
- user-select: none;
68
- }
69
- .toggle-btn:hover {
70
- background-color: #005fa3;
71
- }
72
  </style>
73
 
74
- <button class="toggle-btn" aria-label="Toggle light/dark mode">Switch to Dark Mode</button>
75
-
76
- <div class="message-box">
77
- Open a discussion in the <strong>Community</strong> tab to request a <code>GGUF</code> model.
78
  </div>
79
-
80
- <script>
81
- const toggleBtn = document.querySelector('.toggle-btn');
82
- const body = document.body;
83
-
84
- // Load saved mode or use system preference
85
- const savedMode = localStorage.getItem('colorMode');
86
- if (savedMode) {
87
- body.classList.add(savedMode);
88
- } else {
89
- const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
90
- body.classList.add(prefersDark ? 'dark-mode' : 'light-mode');
91
- }
92
-
93
- // Update button text based on mode
94
- function updateButtonText() {
95
- if (body.classList.contains('dark-mode')) {
96
- toggleBtn.textContent = 'Switch to Light Mode';
97
- } else {
98
- toggleBtn.textContent = 'Switch to Dark Mode';
99
- }
100
- }
101
- updateButtonText();
102
-
103
- // Toggle mode on button click
104
- toggleBtn.addEventListener('click', () => {
105
- if (body.classList.contains('dark-mode')) {
106
- body.classList.remove('dark-mode');
107
- body.classList.add('light-mode');
108
- localStorage.setItem('colorMode', 'light-mode');
109
- } else {
110
- body.classList.remove('light-mode');
111
- body.classList.add('dark-mode');
112
- localStorage.setItem('colorMode', 'dark-mode');
113
- }
114
- updateButtonText();
115
- });
116
- </script>
 
1
+ <!-- Modern HTML embed inside Markdown -->
2
+
3
+ <div style="
4
+ background-color: #1e1e1e;
5
+ color: #eee;
6
+ padding: 1rem 1.5rem;
7
+ border-radius: 8px;
8
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
9
+ font-size: 1.1rem;
10
+ max-width: 600px;
11
+ margin: 1rem auto;
12
+ box-shadow: 0 4px 12px rgba(0,0,0,0.6);
13
+ text-align: center;
14
+ ">
15
+ Open a discussion in the <strong>Community</strong> tab to request a <code>GGUF</code> model.
16
+ </div>
17
+
18
+
19
  <style>
20
+ .custom-readme-box {
21
+ max-width: 640px;
22
+ margin: 1.5rem auto;
23
+ padding: 1.25rem 1.75rem;
24
+ background-color: #f3f4f6;
25
+ border-radius: 10px;
26
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
27
  font-size: 1.1rem;
28
+ color: #222;
29
+ box-shadow: 0 5px 15px rgba(0,0,0,0.1);
 
 
30
  transition: background-color 0.3s ease, color 0.3s ease;
31
  }
32
+ body.dark-mode .custom-readme-box {
33
+ background-color: #22272e;
34
+ color: #ddd;
35
+ box-shadow: 0 5px 15px rgba(0,0,0,0.8);
 
 
 
 
 
 
 
36
  }
37
+ .custom-readme-box strong {
 
 
 
 
 
 
 
38
  color: #0077cc;
39
  }
40
+ body.dark-mode .custom-readme-box strong {
 
 
 
 
 
 
 
 
 
 
 
41
  color: #66aaff;
42
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
43
  </style>
44
 
45
+ <div class="custom-readme-box">
46
+ <strong>Custom made READMEs.</strong> Model customization before <code>GGUFS</code> — Just make your request for your model to quantize, any requests, and any model customizations before we quantatize.
 
 
47
  </div>