| <!DOCTYPE html><html lang='de'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width,initial-scale=1'> |
| <title>LLM IMP Projekt KMV</title> |
| <style> |
| body{margin:0;background:#fff;font-family:Courier New,monospace;color:#000} |
| .w{width:92%;margin:30px auto;border:3px solid #000;box-shadow:10px 10px 0 #c0c0c0} |
| .t{background:#c0c0c0;border-bottom:3px solid #000;padding:10px 14px;display:flex;justify-content:space-between} |
| .c{display:flex;gap:8px}.b{width:22px;height:22px;border:2px solid #000;background:#dcdcdc;position:relative} |
| .mi:after{content:'';position:absolute;left:4px;right:4px;bottom:4px;border-top:2px solid #000} |
| .ma:after{content:'';position:absolute;inset:4px;border:2px solid #000} |
| .cl:before,.cl:after{content:'';position:absolute;left:4px;right:4px;top:9px;border-top:2px solid #000} |
| .cl:before{transform:rotate(45deg)}.cl:after{transform:rotate(-45deg)} |
| .main{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px} |
| h1{font-size:64px;line-height:1}span{color:#1700d1}p{font-size:20px;line-height:1.6} |
| .mon{border:4px solid #000;padding:14px} |
| .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px;border-top:3px solid #000} |
| .card{border:3px solid #000;background:#f7f7f7;padding:20px} |
| footer{border-top:3px solid #000;background:#c0c0c0;text-align:center;padding:14px} |
| @media(max-width:900px){.main,.cards{grid-template-columns:1fr}h1{font-size:46px}} |
| </style></head><body> |
| <div class='w'><div class='t'><b>LLM IMP Projekt KMV</b><div class='c'><div class='b mi'></div><div class='b ma'></div><div class='b cl'></div></div></div> |
| <div class='main'><div><h1>IMP Projekt<br><span>LLM Finetuning</span></h1><p>Schulprojekt zum Thema Large Language Model Finetuning. Diese Hugging Face Organisation dient zur Veröffentlichung unserer Datensätze, Experimente und Modelle.</p></div><div class='mon'> |
| <svg viewBox="0 0 500 360" width="100%" xmlns="http://www.w3.org/2000/svg"> |
| <rect width="500" height="360" fill="white"/> |
| <g stroke="#c0c0c0" stroke-width="2" stroke-dasharray="2 6" fill="none"> |
| <path d="M40 60 L120 70 L170 30 L210 90 L260 50 L330 70 L360 120 L410 120"/> |
| <path d="M40 200 L90 250 L140 230 L170 320 L230 330 L280 300 L350 340 L420 320"/> |
| <path d="M330 70 L330 180 L360 220 L420 320"/> |
| </g> |
| <g stroke="#1700d1" stroke-width="3" stroke-dasharray="2 6" fill="none"> |
| <path d="M35 120 L165 155 L260 120"/> |
| <path d="M165 155 L130 240 L200 260 L300 210 L400 170"/> |
| <path d="M300 210 L340 290"/> |
| <path d="M400 170 L450 90 L480 120"/> |
| <path d="M40 200 L80 260 L130 240"/> |
| </g> |
| <g fill="#c0c0c0"> |
| <rect x="35" y="55" width="10" height="10"/><rect x="115" y="65" width="10" height="10"/> |
| <rect x="165" y="25" width="10" height="10"/><rect x="205" y="85" width="10" height="10"/> |
| <rect x="255" y="45" width="10" height="10"/><rect x="325" y="65" width="10" height="10"/> |
| <rect x="355" y="115" width="10" height="10"/> |
| </g> |
| <g fill="#1700d1"> |
| <rect x="30" y="115" width="12" height="12"/><rect x="160" y="150" width="12" height="12"/> |
| <rect x="255" y="115" width="12" height="12"/><rect x="125" y="235" width="12" height="12"/> |
| <rect x="195" y="255" width="12" height="12"/><rect x="295" y="205" width="12" height="12"/> |
| <rect x="395" y="165" width="12" height="12"/><rect x="445" y="85" width="12" height="12"/> |
| <rect x="475" y="115" width="12" height="12"/><rect x="335" y="285" width="12" height="12"/> |
| <rect x="35" y="195" width="12" height="12"/><rect x="75" y="255" width="12" height="12"/> |
| </g> |
| </svg> |
| </div></div> |
| <div class='cards'><div class='card'><h3>Organisation</h3><p>LLM IMP Projekt KMV</p></div><div class='card'><h3>Erste Dataset-Version</h3><p>KMVLLM/V1CoderBot</p></div><div class='card'><h3>Thema</h3><p>LLM Finetuning<br>Datasets<br></div></div> |
| <footer> LLM IMP Projekt KMV • Hugging Face Organization</footer></div></body></html> |
