Spaces:
Running
Running
| title: README | |
| emoji: 🔥 | |
| colorFrom: indigo | |
| colorTo: blue | |
| sdk: static | |
| pinned: false | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Organization Card Template</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&display=swap" rel="stylesheet"> | |
| <style> | |
| * { | |
| box-sizing: border-box; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body { | |
| font-family: 'Space Grotesk', sans-serif; | |
| font-size: 16px; | |
| line-height: 1.6; | |
| background-color: #000000; | |
| color: #FFFFFF; | |
| min-height: 100vh; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| padding: 10px; | |
| } | |
| .container { | |
| width: 100%; | |
| max-width: 800px; | |
| background-color: #1A1A1A; | |
| border-radius: 20px; | |
| box-shadow: 0 0 30px rgba(34, 124, 157, 0.15); | |
| border: 1px solid #227C9D; | |
| padding: 20px; | |
| margin: 10px; | |
| } | |
| .logo { | |
| width: 250px; | |
| height: auto; | |
| margin: 0 auto 30px; | |
| display: block; | |
| border-radius: 16px; | |
| } | |
| h1, h2, h3 { | |
| color: #227C9D; | |
| margin-bottom: 15px; | |
| font-weight: 500; | |
| } | |
| h1 { | |
| font-size: clamp(24px, 5vw, 36px); | |
| text-align: center; | |
| text-transform: uppercase; | |
| letter-spacing: 2px; | |
| } | |
| h2 { | |
| font-size: clamp(20px, 4vw, 24px); | |
| border-bottom: 2px solid #227C9D; | |
| padding-bottom: 10px; | |
| margin-top: 25px; | |
| } | |
| p { | |
| margin-bottom: 15px; | |
| line-height: 1.8; | |
| font-size: clamp(14px, 3vw, 16px); | |
| } | |
| .content-section { | |
| background-color: #141414; | |
| border-radius: 12px; | |
| padding: 15px; | |
| margin: 15px 0; | |
| border: 1px solid rgba(34, 124, 157, 0.1); | |
| } | |
| .team-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); | |
| gap: 15px; | |
| margin: 15px 0; | |
| } | |
| .team-member { | |
| padding: 15px; | |
| border-radius: 10px; | |
| background-color: rgba(34, 124, 157, 0.15); | |
| border: 1px solid #227C9D; | |
| transition: all 0.3s ease; | |
| cursor: pointer; | |
| text-decoration: none; | |
| color: #FFFFFF; | |
| display: block; | |
| text-align: center; | |
| } | |
| .team-member:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 0 20px rgba(34, 124, 157, 0.4); | |
| } | |
| .team-member:nth-child(even) { | |
| background-color: rgba(0, 166, 118, 0.15); | |
| border: 1px solid #00A676; | |
| } | |
| .team-member:nth-child(even):hover { | |
| box-shadow: 0 0 20px rgba(0, 166, 118, 0.4); | |
| } | |
| .team-member h3 { | |
| color: #FFFFFF; | |
| margin-bottom: 10px; | |
| font-size: clamp(16px, 3vw, 18px); | |
| word-break: break-word; | |
| } | |
| .team-member p { | |
| font-size: clamp(12px, 2.5vw, 14px); | |
| margin-bottom: 0; | |
| } | |
| .team-member:nth-child(odd) h3 { | |
| color: #227C9D; | |
| } | |
| .team-member:nth-child(even) h3 { | |
| color: #00A676; | |
| } | |
| .button { | |
| display: inline-block; | |
| background-color: #227C9D; | |
| color: #FFFFFF; | |
| padding: 10px 20px; | |
| border-radius: 8px; | |
| text-decoration: none; | |
| font-weight: 500; | |
| transition: all 0.3s ease; | |
| text-align: center; | |
| margin: 10px 0; | |
| width: 100%; | |
| max-width: 300px; | |
| font-size: clamp(14px, 3vw, 16px); | |
| } | |
| .button:hover { | |
| background-color: #00A676; | |
| transform: translateY(-2px); | |
| box-shadow: 0 5px 15px rgba(34, 124, 157, 0.3); | |
| } | |
| ul { | |
| list-style-position: inside; | |
| margin-left: 15px; | |
| margin-bottom: 15px; | |
| } | |
| li { | |
| margin-bottom: 8px; | |
| font-size: clamp(14px, 3vw, 16px); | |
| } | |
| .org-name { | |
| text-align: center; | |
| margin-bottom: 25px; | |
| } | |
| .description { | |
| text-align: center; | |
| max-width: 600px; | |
| margin: 0 auto 30px; | |
| } | |
| @media (max-width: 480px) { | |
| .container { | |
| padding: 15px; | |
| margin: 5px; | |
| } | |
| .team-grid { | |
| grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); | |
| gap: 10px; | |
| } | |
| .team-member { | |
| padding: 10px; | |
| } | |
| .content-section { | |
| padding: 12px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <img src="https://cdn-uploads.huggingface.co/production/uploads/64545af5ec40bbbd01242ca6/Dy6IN6kHPYMwAibimP3Ei.png" alt="BeaverAI Logo" class="logo"> | |
| <h1>BeaverAI</h1> | |
| <p class="description">A bunch of misfits discover finetuning.</p> | |
| <div class="content-section"> | |
| <h2>Join Our Community</h2> | |
| <p>Connect with us and other developers and enthusiasts on our Discord server:</p> | |
| <a href="https://discord.gg/4tCngSm3qZ" class="button">Join Discord</a> | |
| </div> | |
| <h2>The Team:</h2> | |
| <div class="team-grid"> | |
| <a href="https://huggingface.co/TheDrummer" class="team-member"> | |
| <h3>TheDrummer</h3> | |
| <p>The Dude</p> | |
| </a> | |
| <a href="https://huggingface.co/xzuyn" class="team-member"> | |
| <h3>xzuyn</h3> | |
| <p>DataGremlin</p> | |
| </a> | |
| <a href="https://huggingface.co/concedo" class="team-member"> | |
| <h3>concedo</h3> | |
| <p>Skriptoracle</p> | |
| </a> | |
| <a href="https://huggingface.co/Sao10K" class="team-member"> | |
| <h3>Sao10K</h3> | |
| <p>-OG-</p> | |
| </a> | |
| <a href="https://huggingface.co/g4rg" class="team-member"> | |
| <h3>g4rg</h3> | |
| <p>GugarBaby</p> | |
| </a> | |
| <a href="https://huggingface.co/Steelskull" class="team-member"> | |
| <h3>Steelskull</h3> | |
| <p>Paramancer</p> | |
| </a> | |
| <a href="https://huggingface.co/Geechan" class="team-member"> | |
| <h3>Geechan</h3> | |
| <p>Sampler Oracle</p> | |
| </a> | |
| </div> | |
| <div class="content-section"> | |
| <h2>Important Note</h2> | |
| <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> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |