Update README.md

README.md

@@ -18,284 +18,157 @@ tags:
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
-        body {
-            font-family: 'Arial', sans-serif;
-            padding: 2rem;
-            color: #333;
-            background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
-        }
         .container {
-            max-width: 800px;
-            margin: 0 auto;
-            padding: 2rem;
-            border-radius: 10px;
-            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+            max-width: auto;
             text-align: center;
             animation: fadeIn 1s ease-in-out;
         }
         h1 {
-            margin-bottom: 1.5rem;
             font-size: 2.5rem;
             color: transparent;
             background: linear-gradient(135deg, #800080, #6a006a);
             -webkit-background-clip: text;
-            background-clip: text;
-            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
-            animation: textFadeIn 1s ease-in-out;
         }
         h2 {
-            margin-bottom: 1rem;
             font-size: 2rem;
             color: transparent;
             background: linear-gradient(135deg, #800080, #6a006a);
             -webkit-background-clip: text;
-            background-clip: text;
-            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
-            animation: textFadeIn 1s ease-in-out;
-        }
-        .table-container {
-            width: 100%;
-            overflow-x: auto;
-            margin-bottom: 2rem;
         }
         table {
-            width: 100%;
-            border-collapse: collapse;
-            table-layout: fixed;
-            border-radius: 5px;
+            margin: 0 auto;
             overflow: hidden;
-            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-            animation: slideIn 1s ease-in-out;
-            background-color: #333;
         }
         th, td {
-            padding: 1rem;
-            border: 1px solid #555;
-            font-size: 1.2rem;
             text-align: center;
             vertical-align: middle;
-            transition: background 0.3s ease, transform 0.3s ease;
-            background-color: #444;
+            font-size: 1.2rem;
+            padding: 1rem;
             color: #fff;
+            background-color: #444;
+            border: 1px solid #555;
         }
         th {
             background-color: #6a006a;
-            color: #fff;
         }
         a {
             color: #007bff;
             text-decoration: none;
-            transition: color 0.3s ease, transform 0.3s ease;
-        }
-        a:hover {
-            color: #0056b3;
-            transform: scale(1.05);
-        }
-        .model-col {
-            width: 50%;
-        }
-        .author-col {
-            width: 50%;
         }
         .donate-button {
-            display: inline-block;
+            color: #fff;
             padding: 15px 30px;
+            border-radius: 50px;
             background: linear-gradient(135deg, #800080, #6a006a);
-            color: #fff;
-            text-decoration: none;
-            border-radius: 5px;
-            margin-top: 20px;
-            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-            transition: all 0.3s ease;
-        }
-        .donate-button:hover {
-            background: linear-gradient(135deg, #6a006a, #500050);
-            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
-            transform: translateY(-2px) scale(1.05);
         }
         hr {
             border: none;
-            height: 2px;
+            height: 3px;
+            margin: 1rem 0;
             background: linear-gradient(90deg, transparent, #800080, transparent);
-            margin: 2rem 0;
-            animation: pulse 2s infinite;
-        }
-        .table-row td:hover {
-            background-color: #555;
-            transform: scale(1.05);
-        }
-        .icon {
-            margin-right: 5px;
-            transition: transform 0.3s ease;
-        }
-        .icon:hover {
-            transform: scale(1.2);
-        }
-        .tooltip {
-            position: relative;
-            display: inline-block;
-        }
-        .tooltip .tooltiptext {
-            visibility: hidden;
-            width: 120px;
-            background-color: #555;
-            color: #fff;
-            text-align: center;
-            border-radius: 5px;
-            padding: 5px;
-            position: absolute;
-            z-index: 1;
-            bottom: 125%;
-            left: 50%;
-            margin-left: -60px;
-            opacity: 0;
-            transition: opacity 0.3s;
-        }
-        .tooltip:hover .tooltiptext {
-            visibility: visible;
-            opacity: 1;
-        }
-        @keyframes fadeIn {
-            0% { opacity: 0; transform: translateY(-20px); }
-            100% { opacity: 1; transform: translateY(0); }
-        }
-        @keyframes textFadeIn {
-            0% { opacity: 0; transform: translateY(10px); }
-            100% { opacity: 1; transform: translateY(0); }
-        }
-        @keyframes slideIn {
-            0% { opacity: 0; transform: translateY(20px); }
-            100% { opacity: 1; transform: translateY(0); }
-        }
-        @keyframes pulse {
-            0% { opacity: 0.5; }
-            50% { opacity: 1; }
-            100% { opacity: 0.5; }
-        }
-        .table-row {
-            border: 2px solid #ddd;
-        }
-        @media (max-width: 600px) {
-            th, td {
-                padding: 0.5rem;
-                font-size: 1rem;
-            }
-        }
-        @media (max-width: 400px) {
-            th, td {
-                padding: 0.3rem;
-                font-size: 0.8rem;
-            }
         }
     </style>
 </head>
-<body>
-    <div class="container">
-        <hr>
-        <h1>Voice Conversion RVC Hub</h1>
-        <p>A repository of pretrained models, HuBERT models, and other files for RVC neural network.</p>
-        <hr>
-        <h2>HuBERT Models</h2>
-        <div class="table-container">
-            <table>
-                <tr>
-                    <th class="model-col">Model</th>
-                    <th class="author-col">Author</th>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>contentvec_base</td>
-                    <td class="author-col"><a href="https://github.com/auspicious3000" target="_blank"><span class="icon">👤</span>auspicious3000</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>japanese_hubert_base</td>
-                    <td class="author-col"><a href="https://huggingface.co/rinna" target="_blank"><span class="icon">👤</span>rinna</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>chinese_hubert_base</td>
-                    <td class="author-col"><a href="https://huggingface.co/TencentGameMate" target="_blank"><span class="icon">👤</span>TencentGameMate</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>korean_hubert_base</td>
-                    <td class="author-col"><a href="https://huggingface.co/team-lucid" target="_blank"><span class="icon">👤</span>team-lucid</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>portuguese_hubert_base</td>
-                    <td class="author-col"><a href="https://huggingface.co/shiromiya" target="_blank"><span class="icon">👤</span>shiromiya</a></td>
-                </tr>
-            </table>
-        </div>
-        <h2>Pre-Trained Models</h2>
-        <div class="table-container">
-            <table>
-                <tr>
-                    <th class="model-col">Model</th>
-                    <th class="author-col">Author</th>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>Rigel</td>
-                    <td class="author-col" rowspan="3"><a href="https://huggingface.co/MUSTAR" target="_blank"><span class="icon">👤</span>MUSTAR</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>Snowie</td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>RIN_E3</td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>Ov2Super</td>
-                    <td class="author-col"><a href="https://huggingface.co/ORVC" target="_blank"><span class="icon">👤</span>ORVC</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>TITAN</td>
-                    <td class="author-col"><a href="https://huggingface.co/blaise-tk" target="_blank"><span class="icon">👤</span>blaise-tk</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>itaila</td>
-                    <td class="author-col"><a href="https://huggingface.co/TheStinger" target="_blank"><span class="icon">👤</span>TheStinger</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>KLM</td>
-                    <td class="author-col"><a href="https://huggingface.co/SeoulStreamingStation" target="_blank"><span class="icon">👤</span>SeoulStreamingStation</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>SingerPretrain</td>
-                    <td class="author-col" rowspan="2"><a href="https://huggingface.co/Sztef" target="_blank"><span class="icon">👤</span>Sztef</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>Anime</td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>DMR</td>
-                    <td class="author-col"><a href="https://huggingface.co/Razer112" target="_blank"><span class="icon">👤</span>Razer112</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>UKR</td>
-                    <td class="author-col" rowspan="2"><a href="https://huggingface.co/Plasmati" target="_blank"><span class="icon">👤</span>Plasmati</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>UKA</td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>IMA_Robotic</td>
-                    <td class="author-col"><a href="https://huggingface.co/Loren85" target="_blank"><span class="icon">👤</span>Loren85</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>Nanashi</td>
-                    <td class="author-col"><a href="https://huggingface.co/shiromiya" target="_blank"><span class="icon">👤</span>shiromiya</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>Nezox</td>
-                    <td class="author-col"><a href="https://huggingface.co/theNeofr" target="_blank"><span class="icon">👤</span>theNeofr</a></td>
-                </tr>
-                <tr class="table-row">
-                    <td class="model-col"><span class="icon">📁</span>GuideVocalPretrain</td>
-                    <td class="author-col"><a href="https://huggingface.co/Essid" target="_blank"><span class="icon">👤</span>Essid</a></td>
-                </tr>
-            </table>
-        </div>
-        <hr>
-        <a href="https://www.donationalerts.com/r/politrees" target="_blank" class="donate-button">Send Donation</a>
-        <hr>
-    </div>
-</body>
+<div class="container">
+    <h1>Voice Conversion RVC Hub</h1>
+    <p>A repository of pretrained models, HuBERT models, and other files for RVC neural network.</p>
+    <hr>
+    <h2>HuBERT Models</h2>
+    <table>
+        <tr>
+            <th>Model</th>
+            <th>Author</th>
+        </tr>
+        <tr>
+            <td>📁contentvec_base</td>
+            <td><a href="https://github.com/auspicious3000" target="_blank">👤auspicious3000</a></td>
+        </tr>
+        <tr>
+            <td>📁japanese_hubert_base</td>
+            <td><a href="https://huggingface.co/rinna" target="_blank">👤rinna</a></td>
+        </tr>
+        <tr>
+            <td>📁chinese_hubert_base</td>
+            <td><a href="https://huggingface.co/TencentGameMate" target="_blank">👤TencentGameMate</a></td>
+        </tr>
+        <tr>
+            <td>📁korean_hubert_base</td>
+            <td><a href="https://huggingface.co/team-lucid" target="_blank">👤team-lucid</a></td>
+        </tr>
+        <tr>
+            <td>📁portuguese_hubert_base</td>
+            <td><a href="https://huggingface.co/shiromiya" target="_blank">👤shiromiya</a></td>
+        </tr>
+    </table>
+    <h2>Pre-Trained Models</h2>
+    <table>
+        <tr>
+            <th>Model</th>
+            <th>Author</th>
+        </tr>
+        <tr>
+            <td>📁Rigel</td>
+            <td rowspan="3"><a href="https://huggingface.co/MUSTAR" target="_blank">👤MUSTAR</a></td>
+        </tr>
+        <tr>
+            <td>📁Snowie</td>
+        </tr>
+        <tr>
+            <td>📁RIN_E3</td>
+        </tr>
+        <tr>
+            <td>📁Ov2Super</td>
+            <td><a href="https://huggingface.co/ORVC" target="_blank">👤ORVC</a></td>
+        </tr>
+        <tr>
+            <td>📁TITAN</td>
+            <td><a href="https://huggingface.co/blaise-tk" target="_blank">👤blaise-tk</a></td>
+        </tr>
+        <tr>
+            <td>📁itaila</td>
+            <td><a href="https://huggingface.co/TheStinger" target="_blank">👤TheStinger</a></td>
+        </tr>
+        <tr>
+            <td>📁KLM</td>
+            <td><a href="https://huggingface.co/SeoulStreamingStation" target="_blank">👤SeoulStreamingStation</a></td>
+        </tr>
+        <tr>
+            <td>📁SingerPretrain</td>
+            <td rowspan="2"><a href="https://huggingface.co/Sztef" target="_blank">👤Sztef</a></td>
+        </tr>
+        <tr>
+            <td>📁Anime</td>
+        </tr>
+        <tr>
+            <td>📁DMR</td>
+            <td><a href="https://huggingface.co/Razer112" target="_blank">👤Razer112</a></td>
+        </tr>
+        <tr>
+            <td>📁UKR</td>
+            <td rowspan="2"><a href="https://huggingface.co/Plasmati" target="_blank">👤Plasmati</a></td>
+        </tr>
+        <tr>
+            <td>📁UKA</td>
+        </tr>
+        <tr>
+            <td>📁IMA_Robotic</td>
+            <td><a href="https://huggingface.co/Loren85" target="_blank">👤Loren85</a></td>
+        </tr>
+        <tr>
+            <td>📁Nanashi</td>
+            <td><a href="https://huggingface.co/shiromiya" target="_blank">👤shiromiya</a></td>
+        </tr>
+        <tr>
+            <td>📁Nezox</td>
+            <td><a href="https://huggingface.co/theNeofr" target="_blank">👤theNeofr</a></td>
+        </tr>
+        <tr>
+            <td>📁GuideVocalPretrain</td>
+            <td><a href="https://huggingface.co/Essid" target="_blank">👤Essid</a></td>
+        </tr>
+    </table>
+    <hr>
+    <a href="https://www.donationalerts.com/r/politrees" target="_blank" class="donate-button">Send Donation</a>
+    <hr>
+</div>
 </html>