File size: 2,245 Bytes
710db5f 0dc1c0f 7ce0e26 0dc1c0f 96ed59f ff75333 10f3ad0 046c434 e063acb 96ed59f 0dc1c0f 59e8790 0dc1c0f ff75333 3a4a39c e7dd32b d237bdc a02b9f9 e7dd32b 3a4a39c 121c370 4dd7a6a 710db5f a01cccf 710db5f 4dd7a6a 710db5f 2df2260 710db5f |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 |
CSS = """
#md_title {
padding: 5px;
}
#md_disclaimer {
padding: 10px;
box-shadow: 0 0 0 1px #FF7F50;
background-color: rgba(255,127,80,0.1);
}
#md_disclaimer a {
color: #43AAC7;
text-decoration: none;
}
#md_disclaimer a:hover {
text-decoration: underline;
}
#md_preview {
padding: 10px;
box-shadow: 0 0 0 1px #43AAC7;
}
#md_preview_title {
padding: 5px;
border-radius: 10px;
background-color: rgba(67,170,199,0.1);
}
"""
CSS_BACKUP = """
.bmc-button {
padding: 2px 5px;
border-radius: 5px;
background-color: #FF813F;
color: white;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
text-decoration: none;
display: inline-block;
font-size: 20px;
margin: 2px;
cursor: pointer;
-webkit-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.bmc-button:hover,
.bmc-button:active,
.bmc-button:focus {
background-color: #FF5633;
}
.markdown {
margin-bottom: 0;
padding-bottom: 0;
}
.tabs {
margin-top: 0;
padding-top: 0;
}
#md_project a {
color: black;
text-decoration: none;
}
#md_project a:hover {
text-decoration: underline;
}
"""
MARKDOWN = """
# Title
"""
NLLB_VRAM_TABLE = """
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<details>
<summary>VRAM usage for each model</summary>
<table>
<thead>
<tr>
<th>Model name</th>
<th>Required VRAM</th>
</tr>
</thead>
<tbody>
<tr>
<td>nllb-200-3.3B</td>
<td>~16GB</td>
</tr>
<tr>
<td>nllb-200-1.3B</td>
<td>~8GB</td>
</tr>
<tr>
<td>nllb-200-distilled-600M</td>
<td>~4GB</td>
</tr>
</tbody>
</table>
<p><strong>Note:</strong> Be mindful of your VRAM! The table above provides an approximate VRAM usage for each model.</p>
</details>
</body>
</html>
""" |