Hugging Face's logo

Spaces:
BeaverAI
/
README
Running

App Files Community
1
Steelskull commited on
Commit
40810e7
·
verified ·
1 Parent(s): 3d01175

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +196 -68
README.md CHANGED
@@ -6,71 +6,199 @@ colorTo: blue
6
  sdk: static
7
  pinned: false
8
  ---
9
- <style>
10
- .container {
11
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
12
- margin: 20px auto;
13
- padding: 20px;
14
- border: 1px solid #444;
15
- border-radius: 10px;
16
- background-color: #1e1e2f;
17
- color: #e1e1e6;
18
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
19
- }
20
- .heading {
21
- font-size: 1.8em;
22
- color: #62dafb;
23
- margin-bottom: 15px;
24
- border-bottom: 2px solid #62dafb;
25
- padding-bottom: 5px;
26
- }
27
- .subheading {
28
- font-size: 1.4em;
29
- color: #a8d0e6;
30
- margin-top: 20px;
31
- margin-bottom: 10px;
32
- border-left: 4px solid #62dafb;
33
- padding-left: 10px;
34
- }
35
- .paragraph {
36
- line-height: 1.6;
37
- }
38
- .link {
39
- color: #62dafb;
40
- text-decoration: none;
41
- font-weight: bold;
42
- }
43
- .link:hover {
44
- text-decoration: underline;
45
- color: #a8d0e6;
46
- }
47
- ul {
48
- padding-left: 20px;
49
- }
50
- li {
51
- margin: 8px 0;
52
- }
53
- </style>
54
-
55
- <div class="container">
56
- <div class="heading">Join our community on Discord</div>
57
- <p><a href="https://discord.gg/4tCngSm3qZ" class="link">https://discord.gg/4tCngSm3qZ</a></p>
58
-
59
- <div class="subheading">Important Note</div>
60
- <p class="paragraph">
61
- Models released here are <strong>unofficial</strong> and may lack refinement. Your mileage may vary. For
62
- <strong>official releases</strong>, visit Drummer and the other BeaverAI members' official pages.
63
- </p>
64
-
65
- <div class="subheading">BeaverAI Members</div>
66
- <ul>
67
- <li><a href="https://huggingface.co/TheDrummer" class="link">TheDrummer</a></li>
68
- <li><a href="https://huggingface.co/MarsupialAI" class="link">MarsupialAI</a></li>
69
- <li><a href="https://huggingface.co/xzuyn" class="link">xzuyn</a></li>
70
- <li><a href="https://huggingface.co/concedo" class="link">concedo</a></li>
71
- <li><a href="https://huggingface.co/Sao10K" class="link">Sao10K</a></li>
72
- <li><a href="https://huggingface.co/g4rg" class="link">g4rg</a></li>
73
- <li><a href="https://huggingface.co/Steelskull" class="link">Steelskull</a></li>
74
- <li><a href="https://huggingface.co/ToastyPigeon" class="link">ToastyPigeon</a></li>
75
- </ul>
76
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  sdk: static
7
  pinned: false
8
  ---
9
+ <!DOCTYPE html>
10
+ <html lang="en">
11
+ <head>
12
+ <meta charset="UTF-8">
13
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
14
+ <title>Organization Card Template</title>
15
+ <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&display=swap" rel="stylesheet">
16
+ <style>
17
+ * {
18
+ box-sizing: border-box;
19
+ margin: 0;
20
+ padding: 0;
21
+ }
22
+ body {
23
+ font-family: 'Space Grotesk', sans-serif;
24
+ font-size: 16px;
25
+ line-height: 1.6;
26
+ background-color: #000000;
27
+ color: #FFFFFF;
28
+ min-height: 100vh;
29
+ display: flex;
30
+ align-items: center;
31
+ justify-content: center;
32
+ padding: 20px;
33
+ }
34
+ .container {
35
+ width: 100%;
36
+ max-width: 800px;
37
+ background-color: #1A1A1A;
38
+ border-radius: 20px;
39
+ box-shadow: 0 0 30px rgba(34, 124, 157, 0.15);
40
+ border: 1px solid #227C9D;
41
+ padding: 40px;
42
+ margin: 20px;
43
+ }
44
+ .logo {
45
+ width: 200px;
46
+ height: auto;
47
+ margin: 0 auto 40px;
48
+ display: block;
49
+ border-radius: 16px;
50
+ }
51
+ h1, h2, h3 {
52
+ color: #227C9D;
53
+ margin-bottom: 20px;
54
+ font-weight: 500;
55
+ }
56
+ h1 {
57
+ font-size: 36px;
58
+ text-align: center;
59
+ text-transform: uppercase;
60
+ letter-spacing: 2px;
61
+ }
62
+ h2 {
63
+ font-size: 24px;
64
+ border-bottom: 2px solid #227C9D;
65
+ padding-bottom: 10px;
66
+ margin-top: 30px;
67
+ }
68
+ p {
69
+ margin-bottom: 20px;
70
+ line-height: 1.8;
71
+ }
72
+ .content-section {
73
+ background-color: #141414;
74
+ border-radius: 12px;
75
+ padding: 20px;
76
+ margin: 20px 0;
77
+ border: 1px solid rgba(34, 124, 157, 0.1);
78
+ }
79
+ .team-grid {
80
+ display: grid;
81
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
82
+ gap: 20px;
83
+ margin: 20px 0;
84
+ }
85
+ .team-member {
86
+ padding: 20px;
87
+ border-radius: 10px;
88
+ background-color: rgba(34, 124, 157, 0.15);
89
+ border: 1px solid #227C9D;
90
+ transition: all 0.3s ease;
91
+ cursor: pointer;
92
+ text-decoration: none;
93
+ color: #FFFFFF;
94
+ display: block;
95
+ }
96
+ .team-member:hover {
97
+ transform: translateY(-5px);
98
+ box-shadow: 0 0 20px rgba(34, 124, 157, 0.4);
99
+ }
100
+ .team-member:nth-child(even) {
101
+ background-color: rgba(0, 166, 118, 0.15);
102
+ border: 1px solid #00A676;
103
+ }
104
+ .team-member:nth-child(even):hover {
105
+ box-shadow: 0 0 20px rgba(0, 166, 118, 0.4);
106
+ }
107
+ .team-member h3 {
108
+ color: #FFFFFF;
109
+ margin-bottom: 10px;
110
+ }
111
+ .team-member:nth-child(odd) h3 {
112
+ color: #227C9D;
113
+ }
114
+ .team-member:nth-child(even) h3 {
115
+ color: #00A676;
116
+ }
117
+ .button {
118
+ display: inline-block;
119
+ background-color: #227C9D;
120
+ color: #FFFFFF;
121
+ padding: 12px 24px;
122
+ border-radius: 8px;
123
+ text-decoration: none;
124
+ font-weight: 500;
125
+ transition: all 0.3s ease;
126
+ text-align: center;
127
+ margin: 10px 0;
128
+ }
129
+ .button:hover {
130
+ background-color: #00A676;
131
+ transform: translateY(-2px);
132
+ box-shadow: 0 5px 15px rgba(34, 124, 157, 0.3);
133
+ }
134
+ ul {
135
+ list-style-position: inside;
136
+ margin-left: 20px;
137
+ margin-bottom: 20px;
138
+ }
139
+ li {
140
+ margin-bottom: 10px;
141
+ }
142
+ .org-name {
143
+ text-align: center;
144
+ margin-bottom: 30px;
145
+ }
146
+ .description {
147
+ text-align: center;
148
+ max-width: 600px;
149
+ margin: 0 auto 40px;
150
+ }
151
+ </style>
152
+ </head>
153
+ <body>
154
+ <div class="container">
155
+ <!-- <img src="https://cdn.discordapp.com/attachments/1238237081507987486/1320205438364553246/HBTCG2K09X46G0M5XJA0E9AM80_optimized.png?ex=6768c0a0&is=67676f20&hm=035e633aeb0e0aab47589a069c2d6eaf3783d93ff5b682058038b9a8b0d7a6b0&" alt="BeaverAI Logo" class="logo"> -->
156
+ <h1>BeaverAI</h1>
157
+ <p class="description">AI enthusiasts and developers working on models and applications.</p>
158
+ <div class="content-section">
159
+ <h2>Join Our Community</h2>
160
+ <p>Connect with fellow developers and enthusiasts on our Discord server:</p>
161
+ <a href="https://discord.gg/4tCngSm3qZ" class="button">Join Discord</a>
162
+ </div>
163
+ <h2>The Team:</h2>
164
+ <div class="team-grid">
165
+ <a href="https://huggingface.co/TheDrummer" class="team-member">
166
+ <h3>TheDrummer</h3>
167
+ <p>BeaverAI Member</p>
168
+ </a>
169
+ <a href="https://huggingface.co/MarsupialAI" class="team-member">
170
+ <h3>MarsupialAI</h3>
171
+ <p>BeaverAI Member</p>
172
+ </a>
173
+ <a href="https://huggingface.co/xzuyn" class="team-member">
174
+ <h3>xzuyn</h3>
175
+ <p>BeaverAI Member</p>
176
+ </a>
177
+ <a href="https://huggingface.co/concedo" class="team-member">
178
+ <h3>concedo</h3>
179
+ <p>BeaverAI Member</p>
180
+ </a>
181
+ <a href="https://huggingface.co/Sao10K" class="team-member">
182
+ <h3>Sao10K</h3>
183
+ <p>BeaverAI Member</p>
184
+ </a>
185
+ <a href="https://huggingface.co/g4rg" class="team-member">
186
+ <h3>g4rg</h3>
187
+ <p>BeaverAI Member</p>
188
+ </a>
189
+ <a href="https://huggingface.co/Steelskull" class="team-member">
190
+ <h3>Steelskull</h3>
191
+ <p>BeaverAI Member</p>
192
+ </a>
193
+ <a href="https://huggingface.co/ToastyPigeon" class="team-member">
194
+ <h3>ToastyPigeon</h3>
195
+ <p>BeaverAI Member</p>
196
+ </a>
197
+ </div>
198
+ <div class="content-section">
199
+ <h2>Important Note</h2>
200
+ <p>Models released here are <strong>unofficial</strong> and may lack refinement. Your mileage may vary. For <strong>official releases</strong>, visit Drummer and the other BeaverAI members' official pages.</p>
201
+ </div>
202
+ </div>
203
+ </body>
204
+ </html>