From 36301fd47ce4216583101db8ec24c0541a331eae Mon Sep 17 00:00:00 2001
From: Alex Kerr <kirby@cpan.org>
Date: Tue, 10 Mar 2026 22:34:33 +0000
Subject: [PATCH] Initial

---
 assets/3t.svg   | 301 ++++++++++++++++++++++++++++++++++++++++++++++++
 assets/tea1.svg |  31 +++++
 assets/tea2.svg |  31 +++++
 assets/tea3.svg |  27 +++++
 assets/tea4.svg |  30 +++++
 assets/tea5.svg |  22 ++++
 index.html      |  14 +++
 style/style.css |  72 ++++++++++++
 8 files changed, 528 insertions(+)
 create mode 100644 assets/3t.svg
 create mode 100644 assets/tea1.svg
 create mode 100644 assets/tea2.svg
 create mode 100644 assets/tea3.svg
 create mode 100644 assets/tea4.svg
 create mode 100644 assets/tea5.svg
 create mode 100644 index.html
 create mode 100644 style/style.css

diff --git a/assets/3t.svg b/assets/3t.svg
new file mode 100644
index 0000000..c777591
--- /dev/null
+++ b/assets/3t.svg
@@ -0,0 +1,301 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg:svg
+   aria-labelledby="title desc"
+   fill-rule="evenodd"
+   height="1.9795306in"
+   preserveAspectRatio="none"
+   stroke-linecap="round"
+   viewBox="0 0 7319.66 1979.5305"
+   width="7.3196602in"
+   version="1.1"
+   id="svg21"
+   sodipodi:docname="3t.svg"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   inkscape:export-filename="3T_e1.png"
+   inkscape:export-xdpi="44.329895"
+   inkscape:export-ydpi="44.329895"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <svg:defs
+     id="defs21">
+    <svg:marker
+       style="overflow:visible"
+       id="SemiCircleEmpty"
+       refX="2"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Empty semicircle"
+       markerWidth="1"
+       markerHeight="1"
+       viewBox="0 0 1 1"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <svg:path
+         style="fill:none;fill-rule:evenodd;stroke:context-stroke;stroke-width:1.08"
+         d="m -0.7647042,-3.0274156 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3"
+         id="path26" />
+    </svg:marker>
+    <svg:marker
+       style="overflow:visible"
+       id="SemiCircleEmpty-0"
+       refX="2"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Empty semicircle"
+       markerWidth="1"
+       markerHeight="1"
+       viewBox="0 0 1 1"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <svg:path
+         style="fill:none;fill-rule:evenodd;stroke:context-stroke;stroke-width:1.08"
+         d="m -0.7647042,-3.0274156 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3"
+         id="path26-9" />
+    </svg:marker>
+  </svg:defs>
+  <sodipodi:namedview
+     id="namedview21"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="in"
+     inkscape:zoom="1.8101934"
+     inkscape:cx="304.38737"
+     inkscape:cy="136.1733"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1272"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg21"
+     showguides="true" />
+  <svg:title
+     id="title1">3t.network logo</svg:title>
+  <svg:style
+     type="text/css"
+     id="style1">
+.brush0 { fill: rgb(255,255,255); }
+.pen0 { stroke: rgb(0,0,0); stroke-width: 1; stroke-linejoin: round; }
+.brush1 { fill: none; }
+.pen1 { stroke: none; }
+.brush2 { fill: rgb(255,221,191); }
+.brush3 { fill: rgb(0,0,0); }
+</svg:style>
+  <svg:g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="background"
+     transform="translate(238.70346,-725.89001)" />
+  <svg:g
+     id="g21"
+     transform="matrix(0.82960318,0,0,0.82960318,322.98915,123.94429)"
+     inkscape:label="woman logo">
+    <svg:polygon
+       class="pen1 brush2"
+       points="1929,1016 1935,972 1939,927 1940,882 1939,837 1935,792 1929,748 1920,704 1909,662 1896,620 1881,579 1864,539 1844,500 1823,462 1800,425 1774,389 1747,354 1719,321 1688,289 1656,258 1622,229 1587,201 1551,175 1513,151 1473,128 1433,106 1391,87 1348,69 1304,54 1259,40 1213,28 1166,18 1119,10 1070,5 1021,1 971,0 921,1 872,5 823,10 776,18 729,28 683,40 638,54 594,69 551,87 509,106 468,128 429,151 391,175 354,201 319,229 285,258 253,289 223,321 194,354 167,389 142,425 118,462 97,500 77,539 60,579 45,620 32,662 21,704 12,748 6,792 2,837 1,882 2,927 6,972 12,1016 21,1060 32,1102 45,1144 60,1185 77,1225 97,1264 118,1302 142,1339 167,1375 194,1410 223,1443 253,1475 285,1506 319,1535 354,1563 391,1589 429,1613 468,1636 509,1658 551,1677 594,1695 638,1710 683,1724 729,1736 776,1746 823,1754 872,1759 921,1763 971,1764 1021,1763 1070,1759 1119,1754 1166,1746 1213,1736 1259,1724 1304,1710 1348,1695 1391,1677 1433,1658 1473,1636 1513,1613 1551,1589 1587,1563 1622,1535 1656,1506 1688,1475 1719,1443 1747,1410 1774,1375 1800,1339 1823,1302 1844,1264 1864,1225 1881,1185 1896,1144 1909,1102 1920,1060 "
+       id="polygon1"
+       inkscape:label="background"
+       style="display:inline;fill:#97d8b2;fill-opacity:1"
+       transform="matrix(1.1749448,0.00740194,0.28938978,1.2590811,-418.63398,-51.910043)" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="1038,659 1044,655 1048,649 1051,643 1053,637 1054,630 1053,623 1051,616 1048,610 1044,605 1038,601 1032,598 1026,596 1019,595 1012,596 1006,598 1000,601 995,605 991,610 988,616 986,623 985,630 986,637 988,643 991,649 995,655 1000,659 1006,662 1012,664 1019,665 1026,664 1032,662 "
+       id="polygon2"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="766,752 772,748 776,742 779,736 781,730 782,723 781,716 779,709 776,703 772,698 766,694 760,691 754,689 747,688 740,689 733,691 727,694 722,698 717,703 714,709 712,716 711,723 712,730 714,736 717,742 722,748 727,752 733,755 740,757 747,758 754,757 760,755 "
+       id="polygon3"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="965,744 959,743 953,743 887,753 861,581 860,575 857,570 854,566 850,562 845,559 840,557 834,556 828,556 817,560 809,568 804,578 803,589 838,819 962,801 973,797 981,789 986,779 986,768 985,762 982,757 979,753 975,749 970,746 "
+       id="polygon4"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="1310,673 1301,676 1292,679 1283,684 1275,689 1267,695 1267,695 1260,704 1257,715 1258,726 1263,736 1267,740 1272,744 1277,746 1283,747 1288,747 1294,746 1299,744 1304,741 1304,741 1308,738 1312,735 1316,733 1321,731 1325,730 1330,729 1334,728 1339,728 1345,728 1350,729 1356,730 1361,732 1366,735 1371,738 1375,741 1379,745 1387,755 1393,766 1397,778 1398,791 1397,804 1393,816 1388,826 1381,836 1372,843 1362,849 1351,853 1339,854 1332,853 1324,852 1317,849 1310,845 1305,843 1299,841 1293,841 1288,842 1282,843 1277,846 1273,850 1269,854 1265,865 1266,876 1270,887 1278,895 1278,895 1285,899 1293,902 1300,906 1308,908 1315,910 1323,912 1331,913 1339,913 1351,912 1362,911 1373,908 1383,904 1394,899 1403,894 1412,887 1421,879 1429,870 1436,860 1442,850 1448,839 1452,827 1455,815 1456,803 1457,791 1456,779 1455,767 1452,755 1448,744 1442,733 1436,722 1429,712 1421,703 1412,696 1403,689 1394,683 1383,678 1373,674 1362,671 1351,670 1339,669 1329,669 1320,671 "
+       id="polygon5"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="1393,627 1399,628 1405,628 1410,627 1415,625 1420,622 1424,618 1429,607 1431,596 1428,585 1420,576 1405,565 1389,555 1374,548 1359,542 1344,538 1330,535 1316,534 1303,533 1291,533 1281,534 1271,535 1263,537 1256,538 1250,539 1247,540 1245,541 1235,547 1229,556 1226,567 1227,579 1230,584 1233,589 1238,593 1243,595 1248,597 1254,598 1259,598 1265,596 1268,595 1276,594 1288,592 1304,592 1322,594 1341,599 1362,608 1383,622 1388,625 "
+       id="polygon6"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="1399,453 1391,444 1375,433 1359,424 1342,417 1325,412 1308,408 1291,406 1274,406 1258,406 1243,407 1229,409 1216,411 1205,413 1196,416 1189,418 1184,419 1182,420 1172,426 1165,435 1162,446 1164,457 1166,462 1170,467 1174,471 1178,473 1184,475 1189,476 1195,476 1201,475 1201,475 1206,474 1217,471 1235,467 1257,465 1281,464 1307,467 1331,475 1354,489 1359,493 1365,495 1370,496 1376,496 1381,495 1387,493 1392,489 1396,485 1401,475 1402,464 "
+       id="polygon7"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="1616,910 1603,920 1592,931 1583,944 1576,956 1571,967 1569,978 1572,989 1578,999 1588,1005 1594,1006 1599,1007 1605,1006 1610,1004 1615,1001 1619,998 1623,993 1625,988 1625,988 1627,985 1629,980 1632,975 1637,969 1641,964 1646,960 1651,957 1657,956 1662,960 1668,969 1675,981 1682,997 1677,1001 1674,1007 1672,1013 1671,1020 1671,1024 1669,1029 1665,1035 1659,1041 1653,1044 1646,1046 1639,1047 1630,1047 1620,1046 1610,1045 1599,1042 1587,1039 1572,1033 1558,1026 1546,1019 1535,1010 1526,1001 1518,991 1511,981 1506,969 1500,948 1498,925 1500,899 1505,871 1514,841 1526,809 1542,776 1561,741 1578,706 1591,670 1600,632 1604,594 1604,556 1601,517 1594,478 1584,440 1570,403 1554,366 1535,332 1514,299 1490,268 1465,239 1438,213 1409,190 1386,174 1359,159 1329,143 1296,129 1261,115 1223,103 1183,93 1142,84 1099,78 1055,75 1010,74 964,77 918,83 872,92 826,107 780,125 763,134 746,147 730,163 715,181 702,202 691,225 683,249 678,275 677,295 679,314 684,332 691,350 700,366 712,382 726,396 742,409 757,419 773,429 789,437 805,444 822,450 840,455 858,459 876,462 895,464 914,464 934,464 954,463 975,460 997,457 1019,452 1041,447 1067,438 1091,424 1111,407 1128,387 1141,365 1149,341 1153,316 1151,291 1149,281 1145,271 1141,260 1135,251 1129,241 1121,233 1112,224 1101,217 1089,210 1076,204 1062,199 1046,195 1029,192 1010,191 990,191 968,192 922,198 887,208 860,219 841,232 829,246 821,259 818,272 818,284 823,301 832,317 846,331 863,343 884,353 906,360 931,364 956,364 956,364 967,360 976,353 981,343 982,332 981,326 979,321 976,316 972,312 968,309 962,307 957,305 951,305 936,305 922,304 910,301 899,297 890,292 884,287 879,283 877,279 879,277 882,274 888,271 897,266 909,262 926,258 947,254 973,251 998,250 1020,251 1040,254 1057,259 1071,267 1082,276 1090,288 1094,301 1095,314 1093,327 1088,341 1081,353 1071,366 1058,376 1043,385 1026,391 1007,396 988,399 970,402 952,404 935,406 919,406 902,406 887,404 872,402 857,399 842,395 828,390 815,384 801,378 789,370 776,362 766,354 757,345 749,336 744,326 739,316 737,305 736,293 736,281 739,264 745,248 752,232 761,217 771,204 782,193 793,184 804,178 847,161 890,148 933,139 977,134 1019,132 1061,134 1102,138 1142,144 1180,153 1216,163 1249,174 1281,186 1309,199 1335,212 1357,225 1375,237 1400,257 1423,280 1446,305 1466,332 1484,361 1501,391 1515,423 1527,455 1536,488 1542,521 1545,555 1545,588 1542,621 1535,652 1524,683 1510,712 1493,743 1477,776 1463,811 1451,847 1443,883 1440,920 1442,956 1451,990 1459,1007 1468,1024 1480,1038 1494,1052 1509,1064 1527,1075 1546,1085 1567,1093 1588,1099 1607,1103 1624,1105 1639,1105 1653,1104 1665,1101 1675,1097 1684,1093 1681,1102 1678,1112 1675,1122 1670,1132 1665,1142 1659,1153 1652,1164 1645,1175 1639,1183 1632,1190 1624,1198 1616,1206 1606,1213 1596,1220 1585,1227 1573,1233 1561,1239 1548,1245 1535,1250 1521,1254 1506,1257 1491,1260 1475,1262 1459,1263 1448,1266 1439,1273 1434,1283 1432,1294 1433,1300 1434,1305 1437,1310 1441,1314 1445,1317 1451,1320 1456,1321 1462,1322 1483,1320 1503,1318 1522,1314 1541,1309 1558,1303 1575,1297 1591,1290 1606,1282 1620,1274 1633,1265 1645,1256 1657,1247 1667,1237 1676,1228 1685,1218 1692,1209 1719,1165 1736,1124 1746,1086 1749,1051 1747,1020 1742,995 1737,975 1731,961 1724,948 1717,936 1709,925 1701,916 1692,909 1683,903 1674,899 1665,897 1647,897 1630,902 "
+       id="polygon8"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="1344,1289 1354,1295 1419,1320 1476,1348 1526,1379 1571,1413 1609,1448 1642,1485 1669,1523 1692,1560 1711,1598 1726,1634 1738,1670 1746,1703 1753,1733 1757,1761 1759,1784 1760,1804 625,1804 627,1781 629,1754 633,1724 638,1693 645,1661 654,1630 665,1601 679,1576 683,1566 683,1554 678,1544 670,1536 665,1533 660,1532 654,1531 649,1532 643,1533 638,1536 634,1540 630,1544 609,1584 593,1629 582,1676 574,1721 569,1763 567,1798 566,1822 566,1833 566,1862 1816,1862 1818,1835 1818,1829 1818,1814 1817,1792 1814,1762 1809,1726 1801,1685 1788,1641 1771,1594 1748,1545 1719,1495 1683,1445 1640,1397 1587,1352 1526,1309 1454,1271 1372,1239 1366,1238 1361,1238 1355,1239 1350,1241 1345,1244 1341,1248 1337,1253 1335,1258 1334,1269 1337,1280 "
+       id="polygon9"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="147,944 154,950 160,956 166,962 170,968 174,975 175,990 171,1005 164,1021 153,1040 146,1052 140,1064 134,1077 129,1091 128,1103 131,1114 138,1122 149,1128 155,1129 160,1129 166,1127 171,1125 176,1122 180,1118 183,1113 185,1107 189,1098 193,1088 198,1078 204,1068 210,1057 216,1045 222,1033 227,1020 231,1006 233,991 233,975 230,959 229,956 223,943 216,931 208,921 198,911 189,902 179,894 168,886 158,879 151,874 144,869 138,864 132,859 126,854 121,849 117,844 113,839 110,830 109,822 109,814 112,806 115,798 120,789 126,780 134,769 144,755 154,740 164,723 172,704 179,683 182,659 183,633 179,604 179,604 177,598 175,593 171,589 167,585 162,583 157,581 151,580 145,581 134,585 126,593 122,603 122,615 125,635 125,653 122,670 118,684 112,698 104,710 96,722 87,734 78,746 70,759 62,774 56,789 51,805 50,823 53,842 60,863 62,866 68,875 74,884 81,892 89,899 98,906 106,913 115,920 124,926 132,932 140,938 "
+       id="polygon10"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="293,944 300,950 306,956 312,962 316,968 320,975 321,990 317,1005 310,1021 300,1040 293,1052 287,1064 281,1077 276,1091 275,1103 278,1114 285,1122 296,1128 302,1129 307,1129 313,1127 318,1125 322,1122 326,1118 330,1113 332,1107 332,1107 335,1098 340,1088 345,1078 351,1068 357,1057 363,1045 369,1033 374,1020 378,1006 380,991 380,975 377,959 376,956 370,943 363,931 354,921 345,911 335,902 325,894 314,886 304,879 297,874 291,869 285,864 279,859 273,854 268,849 264,844 260,839 257,830 256,822 256,814 258,806 262,798 267,789 273,780 281,769 291,755 301,740 311,723 319,704 326,683 329,659 330,633 326,604 324,598 322,593 318,589 314,585 309,583 304,581 298,580 292,581 281,585 273,593 269,603 269,615 271,635 271,653 268,670 264,684 258,698 251,710 243,722 234,734 225,746 217,759 209,774 203,789 198,805 197,823 200,842 207,863 208,866 214,875 221,884 228,892 236,899 244,906 253,913 261,920 270,926 278,932 286,938 "
+       id="polygon11"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="1331,878 1326,876 1320,876 1309,879 1300,885 1294,895 1292,906 1292,906 1306,1274 1124,1387 996,1289 1002,1159 1016,1159 1030,1158 1043,1157 1057,1155 1071,1152 1084,1149 1097,1146 1111,1142 1124,1137 1137,1132 1150,1127 1162,1121 1175,1114 1187,1107 1199,1100 1211,1092 1219,1083 1223,1073 1223,1061 1218,1051 1214,1047 1210,1044 1205,1041 1200,1040 1194,1039 1188,1040 1183,1041 1178,1044 1178,1044 1168,1051 1158,1057 1147,1063 1137,1068 1126,1073 1115,1078 1104,1082 1093,1086 1082,1089 1071,1092 1059,1094 1048,1096 1036,1098 1025,1099 1013,1100 1002,1100 988,1100 974,1099 961,1097 947,1095 934,1092 921,1088 908,1084 895,1079 883,1074 871,1068 859,1061 847,1054 836,1046 825,1037 814,1028 804,1018 779,990 757,958 737,924 721,887 709,848 700,807 694,764 692,720 694,673 699,629 708,587 719,549 734,514 752,483 773,456 796,434 804,425 807,414 806,403 801,393 797,389 792,385 786,383 781,382 775,382 770,383 765,385 760,388 731,415 706,447 685,483 667,523 653,567 642,615 636,666 634,720 636,770 643,818 653,865 668,909 686,951 708,991 734,1027 763,1059 773,1068 783,1077 793,1086 803,1094 814,1101 825,1108 836,1115 847,1121 859,1127 870,1132 882,1137 894,1141 906,1145 919,1149 931,1152 944,1154 937,1317 1121,1458 1366,1306 1350,904 1349,898 1347,893 1344,888 1341,884 1336,880 "
+       id="polygon12"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="1130,1727 1130,1727 1130,1727 1130,1727 792,1306 481,1301 476,1485 707,1578 797,1842 799,1847 803,1852 807,1856 811,1858 817,1860 822,1861 828,1861 834,1860 844,1854 851,1845 853,1834 852,1823 753,1534 536,1446 538,1360 763,1364 1144,1838 1148,1842 1153,1845 1159,1847 1164,1848 1170,1848 1176,1847 1181,1845 1186,1842 1193,1833 1196,1823 1195,1811 1190,1801 1166,1772 1167,1771 1169,1770 1170,1769 1171,1768 1171,1768 1413,1530 1420,1520 1422,1509 1420,1498 1414,1489 1409,1485 1404,1482 1399,1481 1393,1480 1387,1480 1382,1482 1377,1484 1372,1488 1130,1726 "
+       id="polygon13"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="961,1318 970,1311 975,1301 977,1290 976,1284 973,1279 970,1274 966,1270 962,1267 956,1265 951,1263 945,1263 945,1263 925,1268 905,1277 884,1289 864,1303 846,1317 831,1330 819,1341 812,1348 812,1348 806,1358 804,1369 806,1380 812,1390 816,1394 822,1396 827,1398 833,1398 838,1398 844,1396 849,1394 853,1390 866,1378 879,1366 893,1355 906,1345 919,1336 931,1329 942,1324 950,1322 "
+       id="polygon14"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="522,1300 523,1313 523,1328 523,1328 525,1340 530,1350 539,1357 550,1360 556,1360 561,1358 567,1356 571,1353 575,1349 578,1344 580,1339 581,1333 581,1333 582,1319 581,1305 580,1292 577,1280 573,1269 567,1259 561,1249 553,1240 539,1228 524,1219 509,1212 494,1208 481,1206 470,1204 462,1204 458,1204 458,1204 446,1207 437,1213 432,1223 430,1234 431,1240 432,1245 435,1250 439,1254 443,1258 449,1260 454,1262 460,1262 464,1262 470,1263 476,1264 483,1265 491,1268 498,1271 505,1275 511,1280 517,1289 "
+       id="polygon15"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="488,1514 498,1507 508,1499 517,1490 526,1479 534,1467 534,1467 538,1456 538,1445 533,1435 525,1427 520,1424 514,1423 508,1422 503,1423 497,1425 493,1427 488,1431 485,1436 485,1436 480,1443 476,1449 471,1454 466,1458 462,1461 457,1464 452,1466 447,1467 440,1467 434,1467 427,1465 421,1462 416,1460 411,1457 408,1454 405,1452 405,1452 400,1448 395,1446 389,1445 384,1444 378,1445 373,1447 368,1450 364,1454 358,1464 356,1475 358,1486 365,1495 368,1498 374,1502 382,1508 393,1514 406,1519 420,1523 437,1526 454,1525 466,1523 477,1519 "
+       id="polygon16"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="433,1263 42,1263 42,1263 31,1265 22,1272 15,1281 13,1293 15,1304 22,1313 31,1320 42,1322 433,1322 444,1320 454,1313 460,1304 462,1293 460,1281 454,1272 444,1265 433,1263 "
+       id="polygon17"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="118,1477 112,1468 106,1460 101,1451 36,1450 39,1458 43,1465 47,1473 51,1480 55,1487 60,1494 64,1501 69,1508 124,1485 "
+       id="polygon18"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="991,910 992,910 994,910 996,910 1025,861 1021,860 1016,860 1012,859 1008,859 1003,858 999,858 995,858 991,858 989,910 "
+       id="polygon20"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="9,1367 15,1389 21,1410 28,1430 36,1450 101,1451 91,1432 83,1413 76,1392 69,1370 64,1347 61,1324 59,1300 58,1276 58,1265 59,1253 60,1241 61,1230 405,1230 406,1241 407,1253 408,1265 408,1276 407,1303 404,1330 400,1355 394,1380 387,1403 378,1425 368,1446 357,1465 344,1482 331,1498 316,1511 301,1523 285,1532 268,1539 251,1543 233,1544 220,1543 208,1541 196,1538 184,1533 172,1527 160,1519 149,1510 138,1500 134,1496 131,1492 128,1489 124,1485 69,1508 75,1517 82,1525 90,1534 97,1542 112,1556 128,1568 145,1578 162,1587 179,1593 197,1598 215,1601 233,1602 251,1601 269,1598 287,1593 304,1587 321,1578 338,1568 354,1556 369,1542 391,1517 410,1489 426,1459 440,1425 451,1390 459,1353 464,1315 466,1276 466,1256 464,1236 462,1216 459,1196 455,1172 11,1172 7,1196 4,1216 2,1236 0,1256 0,1276 1,1299 2,1322 5,1345 "
+       id="polygon19"
+       inkscape:label="polygon19"
+       style="fill:#1e1014;fill-opacity:1" />
+    <svg:polygon
+       class="pen1 brush3"
+       points="1004,910 1009,910 1014,911 1018,911 1023,912 1029,913 1034,914 1029,921 1023,927 1015,933 1007,937 999,939 991,940 982,941 973,940 964,938 954,935 943,932 932,927 936,924 941,921 947,918 953,915 961,913 969,912 979,911 989,910 991,858 958,861 932,868 910,879 894,891 883,903 875,914 871,922 869,926 862,945 880,956 901,968 921,977 940,984 959,989 976,991 993,991 1010,989 1025,984 1044,975 1059,963 1071,950 1080,936 1087,924 1092,914 1094,906 1095,903 1102,879 1078,872 1071,870 1064,868 1057,866 1050,865 1044,864 1037,863 1031,862 1025,861 996,910 1000,910 "
+       id="polygon21"
+       style="fill:#1e1014;fill-opacity:1" />
+  </svg:g>
+  <svg:g
+     id="g2"
+     inkscape:label="3t"
+     transform="translate(155.37012,34.526623)">
+    <svg:ellipse
+       style="fill:#dee2e3;fill-opacity:1;stroke-width:12.054"
+       id="path2"
+       cx="2541.2942"
+       cy="1435.5626"
+       rx="710.97974"
+       ry="721.38434"
+       transform="matrix(0.82960318,0,0,0.82960318,167.61903,89.417659)" />
+    <svg:text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:888.889px;font-family:Tienne;-inkscape-font-specification:Tienne;writing-mode:lr-tb;direction:ltr;display:inline;fill:#1e1014;stroke-width:10"
+       x="1797.5288"
+       y="1627.064"
+       id="text1"
+       inkscape:label="3t"><svg:tspan
+         sodipodi:role="line"
+         id="tspan1"
+         style="font-size:888.889px;stroke-width:10"
+         x="1797.5288"
+         y="1627.064">3t</svg:tspan></svg:text>
+  </svg:g>
+  <svg:g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Angry eye brows"
+     style="display:none"
+     sodipodi:insensitive="true"
+     transform="translate(163.89561,62.469545)">
+    <svg:g
+       id="g33"
+       style="display:inline">
+      <svg:rect
+         style="fill:#1e1014;fill-opacity:1;stroke-width:11.2803;stroke-dasharray:none;marker-end:url(#SemiCircleEmpty)"
+         id="rect22"
+         width="115.43"
+         height="32.893581"
+         x="153.686"
+         y="1065.9554"
+         transform="matrix(0.65719038,-0.75372462,0.75755137,0.65277555,0,0)" />
+      <svg:ellipse
+         style="fill:#1e1014;fill-opacity:1;stroke-width:11.7941;stroke-dasharray:none"
+         id="path22-2-5"
+         cx="996.40741"
+         cy="504.27887"
+         ry="16.251907"
+         rx="16.574514" />
+      <svg:ellipse
+         style="fill:#1e1014;fill-opacity:1;stroke-width:11.7941;stroke-dasharray:none"
+         id="path22-2-1"
+         cx="817.237"
+         cy="619.04028"
+         ry="16.251907"
+         rx="16.574514" />
+    </svg:g>
+    <svg:g
+       id="g34"
+       style="display:inline">
+      <svg:rect
+         style="fill:#1e1014;fill-opacity:1;stroke-width:11.1041;stroke-dasharray:none;marker-end:url(#SemiCircleEmpty-0)"
+         id="rect22-8"
+         width="112.23127"
+         height="32.781921"
+         x="897.92242"
+         y="125.98831"
+         transform="matrix(0.87320445,0.48735407,-0.45377712,0.89111521,0,0)" />
+      <svg:ellipse
+         style="fill:#1e1014;fill-opacity:1;stroke-width:11.7941;stroke-dasharray:none"
+         id="path22-2"
+         cx="921.68134"
+         cy="589.94476"
+         ry="16.251907"
+         rx="16.574514" />
+    </svg:g>
+  </svg:g>
+  <svg:text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:888.889px;font-family:Tienne;-inkscape-font-specification:Tienne;writing-mode:lr-tb;direction:ltr;fill:#dee2e3;fill-opacity:1;stroke-width:10"
+     x="2975.0505"
+     y="1651.527"
+     id="text2"
+     sodipodi:insensitive="true"
+     inkscape:label=".network"><svg:tspan
+       sodipodi:role="line"
+       id="tspan2"
+       style="stroke-width:10"
+       x="2975.0505"
+       y="1651.527">.network</svg:tspan></svg:text>
+  <script />
+</svg:svg>
diff --git a/assets/tea1.svg b/assets/tea1.svg
new file mode 100644
index 0000000..8d5e66a
--- /dev/null
+++ b/assets/tea1.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg aria-labelledby="title desc" fill-rule="evenodd" height="1.028in" preserveAspectRatio="none" stroke-linecap="round" viewBox="0 0 1197 1028" width="1.197in" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>beverages,coffees,cups,drinks,food,teas</title><desc>Original keywords: beverages,coffees,cups,drinks,food,teas. This clipart was ripped from the Microsoft website, then uploaded to https://archive.org/details/MS_Clipart_Collection. (The original WMF file can be found within that item, under the folder MC900334362). From there, it was then converted by Trumad to svg using https://github.com/hidekatsu-izuno/wmf2svg in a bulk operation. All the converted files can be found at https://archive.org/details/MS_Clipart_Collection_SVG</desc>
+<style type="text/css">
+.brush0 { fill: rgb(255,255,255); }
+.pen0 { stroke: rgb(0,0,0); stroke-width: 1; stroke-linejoin: round; }
+.brush1 { fill: none; }
+.pen1 { stroke: none; }
+.brush2 { fill: rgb(191,255,255); }
+.brush3 { fill: rgb(255,127,127); }
+.brush4 { fill: rgb(0,0,0); }
+</style>
+<g>
+<polygon class="pen1 brush2" points="250,178 239,179 228,181 217,183 206,185 195,187 184,190 173,193 163,196 152,199 141,203 131,206 120,210 110,213 99,217 89,221 78,224 66,230 56,238 46,247 37,257 29,269 21,281 15,294 9,308 4,342 2,375 4,408 9,442 18,474 29,506 44,535 63,563 84,589 107,613 133,635 162,654 191,670 220,686 249,701 278,715 308,729 338,742 368,753 398,764 429,773 460,781 491,788 523,793 555,797 587,798 619,799 652,797 670,789 688,780 705,771 722,760 738,749 754,738 769,725 784,712 798,699 812,685 825,670 837,655 848,639 859,623 869,606 878,589 890,558 898,525 903,491 905,457 906,422 905,387 903,352 901,317 898,307 894,298 888,289 881,282 872,275 864,268 855,262 846,257 830,248 815,239 799,231 783,224 767,217 751,211 735,205 719,200 703,196 686,192 670,188 654,185 637,183 621,181 604,179 588,178 567,176 546,175 525,174 504,173 483,172 462,172 440,171 419,171 398,171 376,172 355,172 334,173 313,174 292,175 271,176 250,178"/>
+<polygon class="pen1 brush3" points="722,312 639,298 606,299 573,299 540,298 506,297 473,297 440,296 407,296 374,296 341,297 308,298 275,301 243,305 210,310 178,316 146,325 115,335 102,348 97,368 98,387 106,400 121,412 137,423 154,432 172,440 190,446 209,452 228,456 248,460 268,463 288,465 308,467 328,468 348,470 368,471 388,472 407,474 423,476 440,477 456,479 472,481 488,482 504,483 520,484 537,485 553,486 569,486 585,486 601,485 617,485 633,483 650,481 666,479 682,477 697,473 713,468 727,462 739,453 750,443 758,430 763,414 764,399 765,384 764,368 761,352 756,338 748,327 737,317 722,312"/>
+<polygon class="pen1 brush4" points="45,413 49,457 56,499 66,538 80,576 97,611 117,644 140,673 166,700 173,705 179,710 185,715 190,720 202,731 215,741 228,751 241,761 254,770 268,778 283,786 298,792 305,795 313,798 320,801 328,804 335,807 343,810 350,812 357,815 368,820 379,824 390,829 402,833 413,837 425,842 437,845 449,849 468,853 487,856 505,857 524,858 542,857 561,856 579,853 598,849 622,842 645,834 667,823 687,811 706,797 723,781 740,764 754,746 768,728 780,708 791,688 801,667 810,646 817,625 824,605 829,584 838,535 844,486 845,435 844,382 844,382 843,377 840,373 835,370 830,369 824,371 820,374 817,378 817,384 817,384 818,435 816,484 811,531 802,578 797,597 791,616 784,636 777,655 767,674 757,693 746,711 734,728 720,745 706,760 690,774 673,787 654,798 635,808 614,816 592,822 575,826 558,828 541,830 524,830 507,830 490,828 473,826 456,822 445,819 433,815 422,811 411,807 400,803 389,799 378,794 367,790 360,787 353,784 345,781 338,778 330,775 323,772 315,769 308,766 291,759 275,750 260,740 245,729 230,717 215,705 200,692 184,679 160,655 139,627 120,597 105,565 92,530 83,492 76,453 73,412 73,412 72,407 69,403 64,400 59,399 53,400 49,403 46,408 45,413 45,413"/>
+<polygon class="pen1 brush4" points="410,996 393,988 377,980 360,972 344,963 327,955 310,945 294,936 277,925 278,923 279,921 281,919 282,917 287,908 291,899 296,890 301,881 306,872 311,863 316,853 321,843 325,834 330,824 334,813 338,803 339,798 338,792 335,788 330,785 325,784 320,786 315,789 312,793 308,803 305,813 300,822 296,831 291,840 287,849 282,858 277,867 272,876 267,886 262,895 257,905 254,909 251,914 248,919 246,922 239,933 241,934 245,937 248,940 250,941 269,953 287,965 306,975 325,985 343,995 362,1004 380,1012 398,1021 403,1022 409,1021 413,1018 417,1014 418,1009 417,1003 414,999 410,996"/>
+<polygon class="pen1 brush4" points="801,906 797,902 791,901 786,901 781,903 768,912 755,920 742,928 728,936 714,943 701,950 687,957 673,964 668,966 663,969 658,971 653,974 647,976 642,979 637,981 632,984 632,982 632,980 632,979 632,978 619,956 612,944 605,931 599,918 593,905 587,892 582,879 578,865 575,852 573,847 570,843 565,841 559,841 554,843 551,846 548,851 548,857 551,872 555,886 561,901 567,915 573,929 580,943 588,956 595,970 604,986 605,992 606,996 608,1001 608,1004 608,1028 628,1017 635,1013 642,1010 649,1006 657,1003 664,999 671,996 678,992 685,989 699,982 713,975 728,967 742,960 756,952 770,944 783,935 797,926 797,926 801,922 803,917 803,911 801,906"/>
+<polygon class="pen1 brush4" points="480,569 480,599 480,599 481,605 484,609 488,612 494,613 500,612 504,609 507,605 508,599 508,599 508,569 508,569 507,564 504,560 500,557 494,556 488,557 484,560 481,564 480,569 480,569"/>
+<polygon class="pen1 brush4" points="566,551 566,581 566,581 567,586 570,591 575,594 580,595 586,594 590,591 593,586 594,581 594,581 594,551 594,551 593,545 590,541 586,538 580,537 575,538 570,541 567,545 566,551 566,551"/>
+<polygon class="pen1 brush4" points="356,639 367,651 379,663 392,674 405,683 418,692 431,701 445,708 459,714 473,719 488,724 503,727 518,730 533,731 548,731 563,731 578,729 602,723 624,715 645,705 665,692 682,677 698,660 712,642 724,621 724,621 725,615 725,610 722,605 718,602 713,601 707,601 703,604 699,608 699,608 689,626 677,642 663,657 648,670 631,681 613,690 594,697 574,702 561,703 547,704 534,703 521,702 508,700 495,697 482,693 469,688 457,682 444,676 432,669 421,660 409,651 398,642 387,631 377,620 377,620 373,617 367,616 362,616 357,619 354,623 353,629 353,634 356,639 356,639"/>
+<polygon class="pen1 brush4" points="305,20 293,37 284,53 279,66 277,78 277,89 279,98 282,106 287,112 300,127 310,142 318,156 324,170 328,184 329,197 329,210 326,223 322,231 317,238 312,246 305,254 297,265 288,277 281,291 276,306 275,323 276,338 281,353 290,367 290,367 294,371 300,372 305,372 310,369 314,365 315,360 315,355 312,350 312,350 307,341 304,332 303,323 304,312 307,302 312,292 319,282 326,273 333,264 340,254 347,243 352,232 356,210 357,190 353,171 347,152 339,136 329,120 318,106 308,94 305,88 304,81 306,74 309,66 313,58 317,50 322,43 327,37 327,37 330,32 330,27 329,21 325,17 320,15 315,15 309,16 305,20 305,20"/>
+<polygon class="pen1 brush4" points="461,3 445,13 432,26 422,39 413,54 406,68 401,82 397,95 394,106 394,107 394,108 394,142 397,174 403,206 409,239 411,260 409,281 405,303 399,324 397,334 395,343 392,352 390,362 390,362 390,367 393,372 397,376 402,378 407,378 412,375 416,372 418,367 418,367 420,358 422,349 424,340 426,331 432,308 436,284 439,260 437,234 436,226 434,218 433,211 431,203 426,179 423,156 421,134 422,110 421,112 423,103 426,92 431,80 436,68 443,57 452,46 463,36 475,28 475,28 479,24 481,19 482,14 480,9 476,5 472,2 466,2 461,3 461,3"/>
+<polygon class="pen1 brush4" points="555,14 539,38 529,63 525,88 525,114 529,139 535,165 543,190 552,214 560,237 559,235 560,243 559,250 557,256 554,263 550,270 544,277 538,284 531,292 527,297 523,301 518,306 514,310 510,315 507,321 503,326 500,332 500,332 499,337 500,342 503,347 507,350 512,352 517,351 522,348 525,344 525,344 530,335 537,327 544,319 551,311 558,303 566,295 572,286 578,276 583,266 586,255 588,244 587,231 586,230 586,230 586,229 586,229 586,229 578,205 570,182 563,159 557,137 554,114 553,93 556,72 563,51 576,32 576,32 579,27 579,22 578,16 574,12 569,9 564,9 559,10 555,14 555,14"/>
+<polygon class="pen1 brush4" points="854,357 859,354 863,350 868,347 872,344 883,336 895,328 906,320 918,313 929,307 941,303 953,300 966,299 969,299 975,298 980,298 983,298 1004,297 1024,296 1045,296 1065,298 1085,302 1103,310 1120,320 1135,335 1145,353 1153,372 1157,392 1158,412 1156,432 1151,452 1143,472 1131,491 1120,503 1109,513 1099,523 1088,531 1077,539 1066,546 1054,552 1043,557 1030,562 1018,567 1005,571 993,576 980,580 968,584 956,588 944,591 931,594 919,596 907,598 894,599 882,600 869,600 857,599 844,597 844,597 838,597 833,600 830,604 828,609 828,614 831,619 835,622 840,624 840,624 854,626 868,627 882,627 895,626 909,625 922,623 936,621 949,618 962,614 975,610 989,606 1002,602 1015,597 1027,592 1040,587 1053,582 1066,576 1079,570 1091,562 1104,553 1116,544 1128,533 1140,521 1152,508 1166,485 1177,461 1183,436 1186,412 1184,387 1179,363 1170,340 1157,319 1148,309 1139,300 1129,293 1118,286 1107,281 1096,277 1085,274 1074,271 1062,270 1050,268 1038,268 1027,268 1015,268 1003,269 992,269 981,270 965,272 950,273 935,276 921,281 907,287 894,295 881,303 868,312 855,321 851,325 847,328 842,331 838,334 838,334 834,338 832,343 832,348 834,353 838,357 843,359 849,359 854,357 854,357"/>
+<polygon class="pen1 brush4" points="845,426 853,417 861,409 871,402 881,395 891,389 903,383 915,378 927,374 941,371 955,368 970,366 985,365 1001,365 1018,365 1036,365 1054,367 1053,367 1058,368 1063,370 1068,372 1072,375 1076,378 1079,381 1082,385 1084,389 1084,387 1085,393 1085,400 1084,407 1082,413 1071,428 1059,441 1044,451 1028,460 1011,468 993,475 974,482 956,490 944,494 931,498 917,501 903,503 889,505 874,505 859,505 843,504 843,504 837,504 833,507 830,511 828,517 828,522 831,527 835,530 841,532 841,532 858,533 875,533 891,532 907,531 923,528 938,525 953,521 967,516 971,514 975,512 979,510 984,509 988,507 992,505 996,504 1000,502 1015,496 1031,489 1045,482 1060,474 1073,465 1085,454 1096,442 1105,427 1111,415 1113,402 1112,390 1110,379 1110,378 1109,377 1105,370 1100,364 1095,358 1089,353 1082,348 1074,344 1066,341 1058,339 1058,339 1057,339 1037,338 1018,337 999,337 981,338 964,339 948,342 932,345 917,349 903,353 889,359 876,365 864,372 853,380 843,389 833,398 824,408 824,408 821,413 821,418 822,423 825,427 830,430 835,430 841,429 845,426 845,426"/>
+<polygon class="pen1 brush4" points="96,391 121,378 146,366 171,356 198,348 224,341 251,335 278,331 306,327 333,325 361,324 389,323 417,323 445,323 474,324 502,325 530,326 541,327 551,327 562,328 572,328 583,329 593,329 604,329 614,329 633,330 651,332 670,336 689,341 707,348 725,354 743,362 760,369 780,377 780,377 786,378 791,377 795,374 798,369 799,364 798,358 795,354 791,351 791,351 771,343 752,335 734,328 715,321 695,315 675,310 655,306 635,303 614,302 604,302 594,301 583,301 573,300 562,300 552,300 541,299 531,299 502,298 473,297 444,296 415,295 386,295 358,296 329,298 300,300 272,303 243,308 216,314 188,321 161,330 134,341 108,353 82,367 82,367 78,371 75,376 75,381 77,386 81,390 86,393 91,393 96,391 96,391"/>
+<polygon class="pen1 brush4" points="869,308 866,303 863,299 859,294 855,291 850,287 845,284 841,282 836,280 817,272 798,264 779,257 760,250 740,244 720,238 699,233 679,229 658,225 637,222 616,219 594,217 573,215 551,214 528,214 506,214 484,213 462,211 439,210 417,210 395,209 373,209 350,210 328,210 306,212 284,214 261,216 239,219 217,223 195,228 173,233 151,239 156,267 175,262 193,257 212,252 231,249 250,246 269,243 288,241 308,239 327,238 346,237 365,237 385,237 404,237 423,237 443,238 462,239 464,241 467,242 469,243 472,243 476,243 481,242 485,242 489,242 494,242 498,242 502,242 506,242 514,242 523,243 531,243 539,244 547,245 556,246 564,246 572,247 574,247 577,246 579,245 581,244 597,245 614,247 630,249 646,251 661,254 677,257 693,260 708,264 723,268 738,273 753,277 768,282 782,288 797,294 811,300 825,306 825,306 826,306 831,308 836,311 841,316 844,320 845,321 845,322 845,324 844,325 835,340 825,353 814,366 801,377 788,387 774,395 759,403 744,410 728,416 713,422 697,426 681,430 665,433 650,436 635,438 620,440 588,444 556,447 524,450 491,453 457,454 424,455 390,455 356,454 322,452 289,448 255,443 221,437 188,428 155,419 123,407 91,393 76,378 70,357 71,334 76,312 79,305 84,300 90,295 97,290 104,286 112,283 120,279 129,276 110,254 101,257 92,261 84,266 76,271 68,277 61,284 55,293 50,303 46,318 43,334 42,350 44,366 48,381 55,395 65,408 79,418 112,432 146,445 180,455 214,463 249,470 284,475 318,479 353,482 388,483 423,483 457,482 491,481 525,478 558,475 591,472 623,468 639,466 655,463 672,460 690,456 707,452 724,447 742,441 759,434 775,426 792,417 807,407 822,396 835,383 848,369 859,354 869,337 869,336 870,336 872,329 872,322 871,315 869,308"/>
+<polygon class="pen1 brush4" points="140,272 144,271 148,269 152,268 156,267 151,239 146,241 141,242 135,244 130,246 126,247 122,249 119,250 115,252 114,253 113,253 111,253 110,254 129,276 131,275 134,274 137,273 140,272"/>
+</g>
+<script xmlns=""/></svg>
\ No newline at end of file
diff --git a/assets/tea2.svg b/assets/tea2.svg
new file mode 100644
index 0000000..b86282a
--- /dev/null
+++ b/assets/tea2.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg aria-labelledby="title desc" fill-rule="evenodd" height="0.886in" preserveAspectRatio="none" stroke-linecap="round" viewBox="0 0 988 886" width="0.988in" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>cartoons,coffees,Cybart,food,households,teacups,teas</title><desc>Original keywords: cartoons,coffees,Cybart,food,households,teacups,teas. This clipart was ripped from the Microsoft website, then uploaded to https://archive.org/details/MS_Clipart_Collection. (The original WMF file can be found within that item, under the folder MC900298041). From there, it was then converted by Trumad to svg using https://github.com/hidekatsu-izuno/wmf2svg in a bulk operation. All the converted files can be found at https://archive.org/details/MS_Clipart_Collection_SVG</desc>
+<style type="text/css">
+.brush0 { fill: rgb(255,255,255); }
+.pen0 { stroke: rgb(0,0,0); stroke-width: 1; stroke-linejoin: round; }
+.brush1 { fill: none; }
+.pen1 { stroke: none; }
+.brush2 { fill: rgb(0,0,0); }
+</style>
+<g>
+<polygon class="pen1 brush0" points="91,441 202,614 339,679 510,683 701,544 750,420 754,363 91,441"/>
+<polygon class="pen1 brush2" points="891,265 888,290 881,313 870,334 855,352 836,367 815,378 793,386 768,388 768,388 759,390 752,394 748,401 746,410 748,418 752,425 759,430 768,432 768,432 784,431 801,429 816,425 832,419 846,413 860,404 874,394 886,383 897,371 907,358 915,344 922,329 927,314 931,298 933,282 934,265 934,265 932,256 928,249 921,245 913,243 904,245 897,249 893,256 891,265 891,265"/>
+<polygon class="pen1 brush2" points="886,182 805,129 805,129 801,127 797,126 793,125 789,126 785,127 781,129 778,132 775,135 772,143 772,151 775,159 781,165 781,165 862,219 862,219 866,221 870,222 874,223 878,222 882,221 886,219 889,216 892,213 895,205 895,196 892,188 886,182 886,182"/>
+<polygon class="pen1 brush2" points="330,137 318,127 305,117 293,108 280,100 267,92 254,86 241,80 228,74 215,70 202,66 189,62 176,60 164,58 151,56 139,55 127,55 115,55 104,56 93,57 83,59 72,62 63,65 54,68 45,72 40,74 35,77 30,81 26,85 21,89 18,94 15,99 12,105 9,116 8,128 9,139 12,150 18,160 25,168 34,176 44,181 50,183 57,184 63,185 69,184 75,184 81,182 87,180 93,178 105,172 118,166 131,159 144,153 158,147 172,141 186,136 200,132 215,128 230,125 246,123 262,123 278,124 295,127 312,131 330,137"/>
+<polygon class="pen1 brush2" points="486,676 483,673 479,670 475,668 471,668 467,668 463,668 459,670 455,672 449,679 447,687 447,695 451,703 451,703 544,821 477,841 469,845 464,851 461,859 462,868 466,875 473,881 481,883 489,883 489,883 619,844 486,676"/>
+<polygon class="pen1 brush2" points="367,666 359,665 350,667 344,672 339,679 339,679 285,821 216,785 212,783 208,782 203,782 199,783 195,785 192,787 189,790 186,794 183,802 185,811 189,818 195,823 309,882 380,695 381,686 379,678 374,671 367,666"/>
+<polygon class="pen1 brush2" points="406,211 373,215 339,220 307,226 275,233 245,241 215,250 188,260 163,270 139,282 118,294 100,307 85,320 73,334 65,349 60,364 60,380 63,393 68,405 77,416 88,427 99,435 112,442 127,449 143,455 161,460 181,465 201,469 223,472 246,475 271,477 296,478 322,479 349,478 376,477 404,476 433,473 462,470 490,466 517,461 543,456 569,451 593,444 616,437 638,430 659,422 678,414 696,405 713,396 727,387 740,377 752,367 761,357 769,344 775,331 778,318 779,305 776,292 770,280 762,269 751,258 740,250 727,242 712,236 696,229 678,224 659,219 638,215 616,212 593,209 569,207 544,206 518,205 491,206 463,207 435,208 406,211"/>
+<polygon class="pen1 brush0" points="735,309 735,314 733,319 731,324 727,329 721,336 712,343 702,351 691,358 677,365 663,373 646,380 628,387 608,394 587,400 564,406 540,412 514,418 487,422 459,426 429,430 399,433 370,435 343,435 316,436 291,435 268,434 246,432 225,429 205,426 188,422 171,418 157,414 144,409 132,404 123,399 115,393 110,388 107,384 105,379 104,375 105,368 108,361 114,353 123,344 135,336 148,327 165,318 184,309 205,301 228,293 253,285 281,277 311,271 342,264 376,259 411,255 441,252 469,250 497,250 523,249 548,250 571,251 593,253 614,256 633,259 651,263 667,267 681,271 694,276 706,281 715,286 723,292 728,296 731,301 734,305 735,309"/>
+<polygon class="pen1 brush2" points="60,380 66,417 75,453 87,488 103,520 122,551 143,580 166,606 192,630 220,651 250,669 281,685 314,697 349,706 384,712 420,714 457,712 494,706 529,697 563,684 595,669 625,650 653,629 678,605 701,579 722,551 740,521 755,489 767,456 775,422 780,386 782,350 780,313 737,317 739,350 737,382 732,413 725,443 714,472 701,500 685,527 667,551 647,574 624,595 600,614 573,630 545,644 516,655 484,663 452,668 420,670 388,668 357,663 327,655 298,644 271,630 244,614 220,595 197,574 176,551 158,526 142,499 128,470 117,440 109,408 104,375 60,380"/>
+<polygon class="pen1 brush2" points="481,622 488,622 496,621 503,619 510,617 516,614 523,610 529,606 534,601 543,590 549,578 553,565 554,551 553,537 549,524 543,512 534,501 529,496 523,492 516,488 510,485 503,482 496,480 488,479 481,479 466,480 453,485 440,491 430,500 421,511 414,523 409,536 408,551 409,565 413,578 419,590 428,601 433,606 439,610 446,614 452,617 459,619 466,621 474,622 481,622"/>
+<polygon class="pen1 brush0" points="437,551 438,543 440,535 444,528 449,522 452,519 456,516 460,514 464,512 468,510 472,509 477,508 481,508 485,508 490,509 494,510 499,512 503,514 506,516 510,519 513,522 518,528 522,535 524,543 525,551 524,559 522,567 517,574 512,581 505,586 498,590 490,592 481,593 477,593 472,592 468,591 464,589 460,588 456,585 452,583 449,580 444,574 440,567 438,559 437,551"/>
+<polygon class="pen1 brush2" points="481,535 475,536 470,540 466,545 465,551 466,557 470,562 475,566 481,567 487,566 492,562 496,557 497,551 496,545 492,540 487,536 481,535"/>
+<polygon class="pen1 brush2" points="351,527 345,528 339,532 335,538 334,545 335,551 339,557 345,561 351,562 358,561 364,557 368,551 369,545 368,538 364,532 358,528 351,527"/>
+<polygon class="pen1 brush2" points="738,28 715,19 693,14 671,12 651,13 633,18 617,25 604,36 595,50 590,66 590,83 594,100 603,117 615,134 630,149 649,163 671,175 694,184 717,189 739,191 759,190 777,185 793,178 806,167 815,153 820,137 820,120 815,103 807,86 795,69 779,54 760,40 738,28"/>
+<polygon class="pen1 brush2" points="840,230 841,245 846,259 853,271 862,282 867,287 873,291 879,295 886,298 892,301 899,303 907,304 914,304 921,304 929,303 936,301 942,298 949,295 955,291 961,287 966,282 975,271 982,259 987,245 988,230 987,216 982,202 975,189 966,178 961,173 955,169 949,165 942,162 936,160 929,158 921,157 914,157 899,158 885,163 873,170 862,178 853,189 846,202 841,215 840,230"/>
+<polygon class="pen1 brush0" points="775,134 771,139 765,143 756,146 746,147 734,147 720,145 705,141 689,135 674,127 662,118 652,109 644,99 638,90 634,82 633,75 634,69 638,64 644,60 653,57 664,56 676,56 689,58 704,62 720,68 735,76 748,85 758,94 766,104 772,113 775,121 776,128 775,134"/>
+<polygon class="pen1 brush0" points="914,201 920,202 925,203 930,206 935,209 939,214 942,219 943,224 944,230 943,236 942,242 939,247 935,251 931,255 925,258 920,259 914,260 908,259 903,258 898,255 893,251 889,247 886,242 885,236 884,230 885,224 886,219 889,214 893,209 898,206 903,203 908,202 914,201"/>
+<polygon class="pen1 brush2" points="401,464 430,463 458,461 485,459 511,455 536,452 559,447 581,442 601,437 619,431 636,425 650,418 661,412 671,404 678,397 682,389 683,381 681,373 677,366 670,359 660,352 648,345 634,339 617,334 599,329 579,324 557,320 533,317 509,314 483,312 455,311 427,311 398,311 369,312 340,314 313,316 287,319 262,323 239,328 217,333 197,338 179,344 162,350 148,357 137,364 127,372 120,379 116,387 115,395 117,403 121,410 128,417 138,424 150,430 165,436 181,442 200,447 220,451 242,455 265,458 290,461 316,463 344,464 372,464 401,464"/>
+</g>
+<script xmlns=""/></svg>
\ No newline at end of file
diff --git a/assets/tea3.svg b/assets/tea3.svg
new file mode 100644
index 0000000..62fad87
--- /dev/null
+++ b/assets/tea3.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg aria-labelledby="title desc" fill-rule="evenodd" height="1.011in" preserveAspectRatio="none" stroke-linecap="round" viewBox="0 0 793 1011" width="0.793in" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>beverages,coffee cups,coffees,cups,drinks,fantasy,food,mugs,teas</title><desc>Original keywords: beverages,coffee cups,coffees,cups,drinks,fantasy,food,mugs,teas. This clipart was ripped from the Microsoft website, then uploaded to https://archive.org/details/MS_Clipart_Collection. (The original WMF file can be found within that item, under the folder MC900359127). From there, it was then converted by Trumad to svg using https://github.com/hidekatsu-izuno/wmf2svg in a bulk operation. All the converted files can be found at https://archive.org/details/MS_Clipart_Collection_SVG</desc>
+<style type="text/css">
+.brush0 { fill: rgb(255,255,255); }
+.pen0 { stroke: rgb(0,0,0); stroke-width: 1; stroke-linejoin: round; }
+.brush1 { fill: none; }
+.pen1 { stroke: none; }
+.brush2 { fill: rgb(191,255,255); }
+.brush3 { fill: rgb(255,127,127); }
+.brush4 { fill: rgb(0,0,0); }
+</style>
+<g>
+<polygon class="pen1 brush2" points="738,407 686,365 666,365 647,364 628,361 609,356 591,350 574,343 556,334 540,325 535,326 530,329 525,332 519,333 496,322 472,313 448,305 424,298 399,292 374,287 349,283 324,280 299,277 274,274 248,273 223,271 198,270 172,268 147,267 122,266 104,269 86,276 69,286 53,298 40,313 29,329 21,345 17,362 13,406 10,450 9,493 10,537 13,580 20,623 30,665 45,707 55,725 66,742 80,759 96,773 113,787 131,800 150,812 170,822 183,827 196,831 210,833 223,835 237,837 251,837 265,837 279,837 293,836 307,836 322,835 336,834 351,834 365,833 380,833 394,834 406,834 418,833 430,831 441,828 452,825 463,822 474,818 485,813 496,809 507,804 518,799 529,795 541,790 553,786 565,782 577,779 583,776 588,773 592,769 597,764 601,760 605,755 610,750 616,746 631,738 645,730 659,723 673,715 686,707 699,698 711,686 722,673 731,652 736,629 738,606 738,585 743,540 747,496 746,452 738,407"/>
+<polygon class="pen1 brush3" points="455,362 433,356 411,351 390,346 368,341 346,338 324,334 302,331 280,329 258,327 236,326 213,325 191,325 168,325 146,326 123,327 100,329 94,331 87,334 80,338 74,341 68,345 64,348 60,352 58,356 57,366 60,375 65,382 73,387 81,392 90,396 99,399 106,401 130,409 154,415 178,421 203,425 227,429 252,432 276,434 300,435 325,436 349,436 374,436 398,436 422,436 446,435 470,435 494,435 494,426 494,418 494,409 494,401 455,362"/>
+<polygon class="pen1 brush4" points="445,271 445,271 445,271 445,271"/>
+<polygon class="pen1 brush4" points="780,504 777,489 772,470 765,450 756,429 743,409 728,391 709,376 686,365 674,361 661,358 647,355 632,354 617,354 602,355 589,359 577,365 570,371 564,379 560,388 558,398 558,415 558,432 558,450 558,467 559,492 560,517 558,542 555,567 554,570 552,577 550,584 549,587 545,602 541,618 537,632 533,647 529,661 524,675 518,689 512,704 509,710 507,716 504,723 501,729 497,739 493,748 488,757 483,766 478,774 472,782 466,790 459,797 450,803 443,808 436,813 429,818 423,822 416,826 409,829 402,832 394,834 383,837 371,840 360,841 349,842 338,841 326,840 315,838 303,835 300,834 294,832 288,831 285,830 270,827 256,823 241,820 226,816 212,812 197,808 183,803 169,798 155,792 142,786 129,780 116,772 103,764 91,755 80,746 69,735 68,732 68,728 67,723 66,718 65,710 64,703 63,695 61,688 48,633 42,576 39,520 39,464 39,445 39,426 39,407 38,388 38,387 38,386 38,385 37,384 38,385 39,385 39,386 40,387 56,401 72,412 89,422 106,431 124,438 142,444 161,449 180,453 199,455 219,457 239,459 259,459 279,460 299,460 319,459 339,459 351,459 363,459 375,459 387,459 399,459 410,459 421,459 432,460 434,460 435,459 437,459 438,458 467,442 492,426 512,410 527,393 538,376 543,359 544,342 540,325 532,312 522,301 510,293 496,286 482,280 469,276 456,273 445,271 441,271 437,273 434,276 432,280 432,284 433,288 436,291 440,293 453,296 466,299 478,302 489,307 499,312 507,318 514,325 519,333 522,348 518,363 511,377 499,391 484,404 467,416 449,427 430,437 419,437 408,436 397,436 385,436 374,436 362,436 351,437 339,437 320,437 300,438 281,438 262,437 243,437 224,435 205,434 187,431 168,427 151,423 133,417 117,411 100,403 85,393 69,382 55,370 49,364 46,358 44,351 44,345 45,333 48,321 54,309 61,300 68,295 75,289 82,284 90,279 98,274 106,271 114,268 122,266 137,263 152,260 167,259 182,257 197,257 212,257 228,258 243,259 258,261 274,263 289,266 305,269 321,273 337,277 354,281 371,286 375,286 379,285 382,282 384,278 385,274 384,269 381,266 377,264 377,264 362,260 346,256 330,252 315,249 299,246 283,243 267,240 251,238 234,237 218,236 201,235 185,236 168,237 152,238 135,241 118,244 108,246 99,250 89,254 80,259 71,265 62,271 54,277 46,283 35,297 28,313 23,329 21,346 22,355 25,364 28,372 32,379 31,378 30,378 28,377 27,377 22,378 19,381 17,385 16,389 16,389 17,408 17,426 17,445 17,464 17,521 20,579 27,637 40,695 42,701 43,707 43,713 44,720 45,727 46,735 48,742 51,748 51,749 52,749 52,749 52,749 65,762 79,773 93,784 107,793 122,802 138,809 154,816 170,822 165,829 159,836 153,843 147,849 141,856 134,862 128,869 121,875 113,883 106,890 98,898 91,905 84,913 77,922 70,930 64,939 63,941 62,943 62,946 63,948 64,951 65,953 67,954 69,955 87,963 102,970 117,976 133,982 148,988 163,994 179,999 195,1004 211,1009 215,1009 219,1008 222,1005 224,1001 224,997 223,993 220,990 216,988 200,983 185,978 170,973 155,967 140,962 126,956 111,949 96,943 91,940 96,934 101,928 107,922 112,916 118,910 124,904 130,898 136,892 143,885 151,878 158,870 166,862 173,854 179,846 186,838 192,829 201,832 211,835 220,837 230,840 239,842 249,844 258,847 268,849 267,851 266,854 266,857 267,860 267,860 273,872 280,883 286,894 292,905 299,916 305,927 311,937 317,948 322,959 326,971 330,982 333,994 333,996 334,998 336,1000 338,1001 340,1002 343,1003 345,1003 347,1002 354,1000 361,997 367,994 373,990 379,986 385,982 391,977 396,973 400,970 405,966 409,963 414,959 418,956 423,954 428,951 433,949 437,947 440,943 441,939 440,934 437,931 434,928 429,927 425,928 419,931 413,934 408,937 402,941 397,945 392,948 387,952 382,956 378,959 374,962 371,965 367,968 363,970 359,973 355,975 351,977 348,966 344,954 339,944 334,933 329,923 323,913 317,903 311,893 306,883 300,873 294,864 289,854 298,856 311,859 324,862 336,863 349,863 361,863 374,862 387,859 400,856 409,853 417,850 425,846 433,842 441,837 448,832 456,827 463,821 472,814 473,814 473,814 473,814 473,813 482,805 490,796 496,787 502,778 508,768 512,758 517,748 521,738 524,732 527,726 530,720 533,713 539,698 545,683 550,668 554,653 559,638 563,623 567,608 571,593 577,571 580,544 582,518 582,492 581,466 580,449 580,432 580,416 580,399 581,394 583,390 586,386 589,383 597,379 607,377 618,376 630,376 643,377 655,379 668,382 679,386 698,395 714,409 728,426 738,444 746,463 752,480 756,496 758,507 761,534 761,562 759,591 753,620 743,649 728,676 709,701 683,723 670,731 655,737 640,742 625,745 610,746 596,743 582,738 571,728 571,728 568,725 563,724 559,725 555,727 553,730 552,735 552,739 554,743 569,756 586,764 605,768 623,767 642,764 661,758 679,751 695,741 719,721 739,699 756,673 768,645 777,613 782,579 783,543 780,504"/>
+<polygon class="pen1 brush4" points="664,646 663,646 663,646 663,646 663,646 658,649 654,650 649,652 643,652 638,652 632,652 626,652 620,651 616,651 612,650 608,650 604,650 600,650 596,650 592,650 588,651 584,652 580,655 578,659 578,663 580,667 583,671 587,673 591,673 597,673 604,673 611,673 618,674 625,674 632,675 639,675 647,674 654,673 661,671 669,668 676,664 675,664 675,664 675,665 675,665 693,653 708,638 720,622 730,603 737,583 742,562 742,540 740,517 740,516 740,515 740,514 739,514 733,500 729,494 729,493 728,492 728,491 727,490 714,478 700,467 686,457 671,447 655,438 639,432 621,427 603,424 599,425 595,427 593,430 592,434 592,438 594,442 598,445 602,446 617,448 632,453 646,459 660,466 673,475 686,484 698,495 710,505 713,510 719,522 721,541 720,560 716,577 710,594 702,610 691,624 679,636 664,646"/>
+<polygon class="pen1 brush4" points="236,705 233,702 228,701 224,701 220,703 217,706 216,711 216,715 218,719 227,729 238,737 249,744 260,748 272,751 284,753 296,753 308,752 320,751 331,749 342,746 352,743 361,740 369,737 376,734 382,732 392,726 401,719 409,712 417,704 424,696 430,688 435,679 439,670 440,665 440,661 437,657 434,655 429,654 425,655 421,657 419,661 419,661 416,668 412,676 407,682 401,689 394,695 387,701 379,707 371,712 361,717 346,722 329,727 310,730 289,731 270,728 252,719 236,705"/>
+<polygon class="pen1 brush4" points="310,680 314,679 318,677 320,673 321,668 321,638 320,634 318,630 314,628 310,627 306,628 302,630 300,634 299,638 299,668 300,673 302,677 306,679 310,680"/>
+<polygon class="pen1 brush4" points="355,658 355,638 354,634 352,630 348,628 344,627 339,628 335,630 333,634 332,638 332,658 333,663 335,667 339,669 344,670 348,669 352,667 354,663 355,658"/>
+<polygon class="pen1 brush4" points="219,175 219,175 219,175 219,175"/>
+<polygon class="pen1 brush4" points="219,175 220,179 222,183 225,186 229,187 233,187 237,185 240,181 241,177 242,164 241,150 239,137 236,124 235,114 233,105 232,96 231,87 233,80 236,73 240,67 245,60 249,54 254,46 258,38 261,29 261,25 260,20 257,17 253,15 249,15 245,16 242,19 240,23 237,30 234,36 230,42 226,48 221,56 216,64 212,74 209,85 209,85 209,85 209,86 209,86 210,97 211,108 213,118 215,128 217,140 219,152 220,164 219,175"/>
+<polygon class="pen1 brush4" points="306,151 306,152 306,152 306,152 306,153 309,164 310,176 310,189 310,202 309,206 309,210 309,214 309,218 310,223 312,227 316,229 320,230 324,229 328,227 330,223 331,218 331,214 332,210 332,206 332,202 332,189 332,176 331,162 328,148 326,139 325,130 323,121 321,112 317,88 314,64 313,40 318,16 318,12 317,7 314,4 310,2 306,2 302,3 298,6 296,10 291,37 292,64 295,90 300,116 302,125 303,133 305,142 306,151"/>
+<polygon class="pen1 brush4" points="56,334 52,335 48,338 46,342 46,346 47,350 50,354 54,356 58,356 84,354 110,351 136,349 163,348 189,346 216,345 243,344 270,345 297,346 324,347 351,350 378,354 404,359 431,365 456,373 482,382 486,383 491,382 494,380 496,376 497,372 496,367 494,364 490,361 464,352 437,344 410,337 383,332 356,328 328,325 300,323 273,322 245,322 217,323 190,324 162,325 135,327 109,329 82,332 56,334"/>
+</g>
+<script xmlns=""/></svg>
\ No newline at end of file
diff --git a/assets/tea4.svg b/assets/tea4.svg
new file mode 100644
index 0000000..9e03089
--- /dev/null
+++ b/assets/tea4.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg aria-labelledby="title desc" fill-rule="evenodd" height="0.665in" preserveAspectRatio="none" stroke-linecap="round" viewBox="0 0 1014 665" width="1.014in" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>beverages,cartoons,coffee cups,coffees,donuts,food,hot beverages,households</title><desc>Original keywords: beverages,cartoons,coffee cups,coffees,donuts,food,hot beverages,households. This clipart was ripped from the Microsoft website, then uploaded to https://archive.org/details/MS_Clipart_Collection. (The original WMF file can be found within that item, under the folder MC900339876). From there, it was then converted by Trumad to svg using https://github.com/hidekatsu-izuno/wmf2svg in a bulk operation. All the converted files can be found at https://archive.org/details/MS_Clipart_Collection_SVG</desc>
+<style type="text/css">
+.brush0 { fill: rgb(255,255,255); }
+.pen0 { stroke: rgb(0,0,0); stroke-width: 1; stroke-linejoin: round; }
+.brush1 { fill: none; }
+.pen1 { stroke: none; }
+.brush2 { fill: rgb(255,255,191); }
+.brush3 { fill: rgb(0,0,0); }
+</style>
+<g>
+<polygon class="pen1 brush2" points="421,366 429,365 437,363 443,359 449,354 454,348 458,341 460,333 461,325 460,317 458,309 454,302 449,295 443,290 437,286 429,284 421,283 413,284 406,286 399,290 394,295 389,302 385,309 383,317 382,325 383,333 385,341 389,348 394,354 399,359 406,363 413,365 421,366"/>
+<polygon class="pen1 brush2" points="719,306 626,461 630,464 640,471 655,481 675,492 699,503 725,511 753,515 781,513 783,512 788,511 795,508 805,504 817,499 831,492 845,484 861,474 877,463 894,450 910,436 925,420 939,402 952,382 963,361 972,337 985,295 991,265 994,245 993,234 991,229 987,228 984,229 983,230 938,230 893,216 861,171 827,184 799,212 799,218 799,233 797,254 792,276 783,296 768,311 747,315 719,306"/>
+<polygon class="pen1 brush2" points="764,28 762,28 755,29 745,30 732,32 716,36 698,41 678,47 658,56 637,67 617,81 597,98 579,117 562,141 548,167 537,198 529,233 528,239 528,255 528,279 531,308 538,341 550,374 568,405 595,433 647,475 722,316 720,312 716,303 711,289 708,272 709,255 717,239 732,225 757,216 788,226 854,195 840,122 827,80 825,78 820,72 812,64 802,54 791,44 781,36 772,30 764,28"/>
+<polygon class="pen1 brush2" points="78,223 80,223 85,221 93,219 103,217 116,215 131,212 148,210 166,209 186,208 206,209 227,210 248,213 269,217 289,224 309,232 328,243 328,248 327,262 323,281 316,303 304,326 285,345 259,359 223,364 217,364 201,361 178,356 152,345 125,328 102,303 85,269 78,223"/>
+<polygon class="pen1 brush3" points="578,189 570,191 563,195 558,202 556,211 556,232 558,240 563,247 570,252 578,254 587,252 594,247 598,240 600,232 600,211 598,202 594,195 587,191 578,189"/>
+<polygon class="pen1 brush3" points="633,195 625,197 618,201 613,208 611,217 611,238 613,246 618,253 625,258 633,260 641,258 648,253 652,246 654,238 654,217 652,208 648,201 641,197 633,195"/>
+<polygon class="pen1 brush3" points="125,161 111,146 97,135 83,127 68,122 54,120 41,120 29,122 18,125 14,127 11,130 8,133 5,137 3,146 5,155 9,162 16,167 21,169 26,169 30,169 35,167 45,162 55,157 65,152 75,149 86,147 98,148 111,152 125,161"/>
+<polygon class="pen1 brush3" points="207,234 191,232 175,232 162,232 150,232 140,234 132,235 127,238 125,241 126,244 131,247 138,251 147,254 159,257 172,260 187,262 203,264 219,265 235,266 248,266 261,265 270,264 278,262 283,260 285,257 284,254 279,250 272,247 263,244 251,241 238,238 223,236 207,234"/>
+<polygon class="pen1 brush3" points="342,314 342,314 343,313 343,313 343,312 296,306 295,307 295,308 294,309 293,310 342,314"/>
+<polygon class="pen1 brush3" points="106,282 58,276 59,280 60,283 60,286 61,289 111,293 110,291 108,288 107,285 106,282"/>
+<polygon class="pen1 brush3" points="406,320 406,320 407,320 407,320 407,320 363,314 363,315 363,315 362,316 362,316 406,320"/>
+<polygon class="pen1 brush3" points="749,304 742,302 736,299 731,295 727,290 724,284 721,277 720,270 719,263 719,257 721,252 722,248 725,245 729,241 734,238 741,237 749,236 751,236 752,236 762,236 770,238 776,242 780,245 784,249 787,253 788,258 788,262 788,264 788,265 788,267 788,269 788,271 787,273 791,275 796,278 800,280 805,283 810,285 815,288 820,290 826,293 829,287 831,280 832,272 832,265 832,268 832,253 828,239 821,225 811,213 804,207 797,203 790,199 782,196 774,194 765,193 757,192 748,193 740,193 732,194 724,196 717,199 710,202 704,206 698,210 693,215 685,225 680,237 677,250 676,264 678,281 682,297 689,312 698,324 709,334 722,342 736,346 752,348 754,348 756,347 766,345 776,341 786,336 795,330 803,324 811,316 818,308 824,299 818,296 813,292 808,289 803,286 798,284 794,281 790,278 786,276 783,281 780,285 776,290 771,293 766,297 761,300 755,302 749,304"/>
+<polygon class="pen1 brush3" points="898,427 882,442 864,456 846,467 826,477 806,484 786,490 765,493 744,494 727,490 710,485 694,479 678,472 662,465 647,457 633,448 619,438 606,428 594,417 583,406 573,394 563,381 555,368 549,354 543,340 555,340 567,340 579,340 591,339 602,338 613,336 623,334 633,332 634,331 641,328 647,322 651,315 652,307 651,297 646,289 639,283 629,280 627,280 625,280 623,280 621,280 612,282 603,284 593,286 583,287 573,288 562,289 551,289 540,288 539,288 538,288 536,288 535,288 535,281 536,274 536,268 537,261 538,259 538,258 538,256 538,255 537,236 539,217 543,199 550,181 558,164 568,147 581,132 595,117 611,103 628,91 647,79 667,69 688,61 711,53 734,48 759,44 763,45 768,46 772,47 777,48 781,49 786,50 790,51 794,52 794,55 794,57 793,60 793,63 794,74 796,84 799,95 804,104 810,114 817,122 824,129 833,136 832,140 832,143 832,147 832,151 832,161 834,172 836,181 840,191 844,200 849,209 855,217 862,224 870,231 878,237 887,243 896,247 905,250 915,253 925,254 935,255 942,255 950,254 957,252 964,250 963,278 960,305 954,331 945,356 951,358 956,361 961,363 966,365 971,368 975,370 980,373 984,375 996,345 1003,312 1007,278 1007,243 1007,243 1007,243 1007,243 1007,242 1006,235 1005,228 1004,221 1003,214 1002,209 999,204 995,201 990,198 985,196 979,196 974,198 969,200 965,202 961,205 957,207 953,208 948,209 944,210 939,211 935,211 929,211 923,210 918,208 912,206 907,204 902,201 897,197 893,193 886,184 880,174 876,163 875,151 875,146 876,141 878,136 879,131 880,123 878,115 873,108 866,103 854,97 845,87 839,76 837,63 837,59 838,54 839,50 841,46 842,41 843,37 842,32 841,28 838,24 835,20 832,18 828,16 820,14 812,12 804,9 796,7 788,5 780,3 772,2 764,0 763,0 761,0 760,0 758,0 729,4 701,11 674,19 649,29 625,41 602,55 582,70 563,87 546,105 531,124 519,144 509,165 501,187 496,209 494,232 494,256 492,274 491,292 492,310 495,327 499,345 505,361 512,377 520,393 513,392 506,391 499,389 493,387 487,385 481,381 475,378 469,374 470,373 470,373 470,373 471,372 479,363 485,352 488,340 489,328 488,315 485,304 479,293 471,283 466,279 461,275 455,272 450,269 444,267 438,265 431,264 425,264 421,264 417,265 413,265 409,266 405,260 400,255 395,250 389,246 386,244 382,243 378,241 375,240 371,239 367,239 363,239 359,239 358,235 356,231 354,228 351,224 340,214 327,205 311,197 293,190 274,184 254,180 234,176 215,174 201,173 187,172 173,172 159,172 146,173 133,174 120,176 109,179 98,182 88,186 79,190 71,196 64,202 59,208 56,216 54,224 54,237 54,250 56,263 58,276 106,282 102,270 99,257 97,243 98,230 102,227 109,224 119,221 132,219 148,217 166,216 187,216 210,217 233,220 253,224 271,229 286,234 298,239 307,244 313,248 317,252 314,267 310,281 304,294 296,306 343,312 347,305 350,298 353,290 355,283 356,283 357,283 357,283 358,283 358,283 360,282 363,282 365,283 367,284 368,285 369,286 370,287 371,289 372,290 372,290 372,290 373,291 370,296 367,302 365,308 363,314 407,320 408,318 409,316 410,315 411,314 414,311 418,309 421,308 425,308 429,308 433,309 437,311 440,314 442,317 444,320 445,324 446,328 444,336 440,342 433,346 425,348 421,348 418,346 414,345 411,342 408,339 407,335 405,332 405,328 405,326 405,324 405,322 406,320 362,316 362,317 362,317 362,318 362,319 361,319 360,319 359,320 358,320 354,322 351,323 348,323 345,322 344,321 344,321 344,321 343,321 343,321 342,320 342,319 341,319 340,318 341,317 341,316 341,315 342,314 293,310 284,320 274,329 263,337 251,343 238,348 225,351 211,353 197,352 186,350 176,348 166,344 156,339 147,333 138,327 130,319 123,311 119,307 116,303 113,298 111,293 61,289 66,302 72,315 80,327 89,339 99,350 110,360 122,369 135,377 148,383 162,388 177,392 192,394 209,395 226,394 242,391 258,386 273,380 287,372 301,363 313,352 314,353 315,353 315,354 316,355 318,356 319,357 321,358 322,359 328,362 334,364 340,365 346,366 352,366 359,365 365,363 371,361 373,364 376,367 378,370 380,372 385,376 390,380 395,383 401,386 406,388 412,390 418,391 424,391 434,401 445,410 457,418 470,425 483,430 497,434 511,436 526,437 533,437 539,436 545,436 551,435 562,446 574,457 586,468 599,478 613,487 628,496 643,504 659,512 629,601 572,572 572,572 564,569 556,570 548,574 543,581 540,589 541,598 545,605 552,611 631,652 652,663 661,639 700,527 705,528 709,530 714,531 718,533 723,534 727,535 732,536 737,537 738,538 739,538 740,538 741,538 749,538 757,538 764,537 772,536 779,535 787,534 794,533 802,531 850,603 794,620 786,624 781,630 778,639 779,647 783,655 790,660 798,663 806,662 891,637 920,628 903,603 845,517 857,511 868,505 879,499 890,491 900,484 911,475 920,466 930,457 937,449 944,442 950,434 956,425 962,417 967,408 972,399 977,390 973,388 969,385 964,383 960,380 955,377 950,374 945,371 940,368 936,376 931,384 926,391 921,399 916,406 910,413 904,420 898,427"/>
+<polygon class="pen1 brush3" points="317,250 317,250 334,251 317,250"/>
+<polygon class="pen1 brush3" points="787,273 787,274 787,274 786,275 786,276 790,278 794,281 798,284 803,286 808,289 813,292 818,296 824,299 825,297 825,296 825,294 826,293 820,290 815,288 810,285 805,283 800,280 796,278 791,275 787,273"/>
+<polygon class="pen1 brush3" points="945,356 944,359 943,362 941,365 940,368 945,371 950,374 955,377 960,380 964,383 969,385 973,388 977,390 979,386 981,382 982,379 984,375 980,373 975,370 971,368 966,365 961,363 956,361 951,358 945,356"/>
+</g>
+<script xmlns=""/></svg>
\ No newline at end of file
diff --git a/assets/tea5.svg b/assets/tea5.svg
new file mode 100644
index 0000000..db26c12
--- /dev/null
+++ b/assets/tea5.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg aria-labelledby="title desc" fill-rule="evenodd" height="1.008in" preserveAspectRatio="none" stroke-linecap="round" viewBox="0 0 621 1008" width="0.621in" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>beverages,cartoons,coffees,creatures,cups,espressos,food,hot beverages,households,steams</title><desc>Original keywords: beverages,cartoons,coffees,creatures,cups,espressos,food,hot beverages,households,steams. This clipart was ripped from the Microsoft website, then uploaded to https://archive.org/details/MS_Clipart_Collection. (The original WMF file can be found within that item, under the folder MC900355581). From there, it was then converted by Trumad to svg using https://github.com/hidekatsu-izuno/wmf2svg in a bulk operation. All the converted files can be found at https://archive.org/details/MS_Clipart_Collection_SVG</desc>
+<style type="text/css">
+.brush0 { fill: rgb(255,255,255); }
+.pen0 { stroke: rgb(0,0,0); stroke-width: 1; stroke-linejoin: round; }
+.brush1 { fill: none; }
+.pen1 { stroke: none; }
+.brush2 { fill: rgb(0,0,0); }
+</style>
+<g>
+<polygon class="pen1 brush2" points="232,522 222,524 215,529 210,537 208,546 208,567 210,576 215,584 222,589 232,591 241,589 249,584 254,576 256,567 256,546 254,537 249,529 241,524 232,522"/>
+<polygon class="pen1 brush2" points="287,528 278,530 270,535 265,543 263,552 263,572 265,582 270,590 278,595 287,597 296,595 304,590 309,582 311,572 311,552 309,543 304,535 296,530 287,528"/>
+<polygon class="pen1 brush2" points="481,375 499,365 517,359 535,355 552,354 568,356 583,359 596,364 607,370 611,373 614,377 617,381 618,386 618,396 614,405 607,412 598,416 593,416 588,415 583,414 578,411 568,404 558,397 548,389 537,383 524,378 511,374 497,373 481,375"/>
+<polygon class="pen1 brush2" points="454,782 486,822 488,821 489,821 491,820 492,820 459,780 458,781 457,781 455,781 454,782"/>
+<polygon class="pen1 brush2" points="387,693 387,694 387,694 386,694 386,694 416,733 417,732 417,732 418,732 418,731 387,693"/>
+<polygon class="pen1 brush2" points="529,540 578,536 578,535 578,534 577,533 577,532 576,529 575,526 574,523 573,520 526,534 527,535 528,537 528,538 529,540"/>
+<polygon class="pen1 brush2" points="329,405 329,405 329,405 329,405 329,405 288,410 288,410 288,410 288,410 288,411 329,405"/>
+<polygon class="pen1 brush2" points="184,424 134,431 134,433 186,426 185,425 185,425 185,424 184,424"/>
+<polygon class="pen1 brush2" points="608,702 607,692 604,682 599,672 593,663 586,654 577,645 567,637 556,630 558,628 560,625 561,623 563,620 573,600 578,579 580,557 578,536 529,540 529,541 530,542 530,543 530,544 532,556 531,569 527,582 521,595 519,599 516,602 514,606 511,609 505,607 499,605 493,603 486,602 480,600 473,598 467,597 460,595 475,514 476,514 477,513 478,513 479,513 482,512 486,512 489,512 494,512 498,512 502,513 507,515 511,517 516,521 520,525 524,530 526,534 573,520 570,513 567,506 563,500 558,494 553,489 548,484 542,479 536,475 530,472 524,469 518,467 511,465 505,464 498,463 491,463 484,463 487,447 488,445 488,442 489,440 489,438 489,438 489,437 489,437 489,436 489,436 489,436 489,436 489,436 488,429 486,420 481,411 474,401 465,392 453,383 439,376 423,369 406,363 387,357 367,353 345,350 354,330 364,313 374,297 384,285 393,275 400,267 405,263 407,261 408,261 408,261 408,260 408,260 408,260 417,251 425,240 433,230 440,218 445,206 450,194 454,181 457,168 459,139 455,112 445,88 430,66 412,47 390,32 365,20 340,13 315,11 291,15 269,24 250,37 234,54 220,74 210,96 204,119 202,141 206,161 214,180 225,197 240,211 258,223 277,232 297,237 315,238 333,235 348,228 362,218 374,205 383,190 391,173 396,156 397,141 394,126 388,114 380,102 369,93 356,85 342,79 328,75 324,74 319,74 315,74 310,75 306,76 302,78 298,80 294,82 281,94 273,108 268,121 265,131 265,138 265,144 267,150 270,156 274,161 279,165 284,168 289,170 294,172 299,173 303,174 307,175 309,175 317,175 324,172 329,167 332,160 332,152 329,145 323,140 316,137 314,137 312,136 310,136 307,136 305,135 307,128 309,122 312,117 315,114 316,114 317,113 319,113 321,113 326,115 332,117 339,120 345,124 351,129 355,135 357,141 357,149 355,158 351,167 347,177 341,185 333,192 325,197 315,200 304,199 292,196 281,191 269,184 259,176 250,166 244,154 241,141 242,126 246,112 252,97 260,84 271,71 284,61 298,54 315,50 333,51 352,56 369,65 385,75 399,89 410,104 417,122 421,141 419,161 417,171 414,181 410,190 405,199 400,208 394,217 388,225 381,232 377,236 370,243 360,253 350,266 338,282 326,301 314,323 304,347 279,347 255,348 233,351 213,355 194,360 177,366 163,374 151,382 143,391 138,400 134,409 133,416 133,416 133,416 133,416 133,416 133,416 133,417 133,417 133,418 133,420 133,422 133,425 133,427 134,431 184,424 183,423 183,422 182,422 182,421 185,417 192,413 201,409 213,405 228,401 246,398 267,396 290,395 290,399 289,402 289,406 288,410 329,405 329,403 329,401 329,399 330,397 340,398 350,400 360,401 369,403 377,405 385,408 393,410 400,412 392,411 383,410 374,410 365,410 356,410 346,410 337,410 327,411 328,409 328,408 328,406 329,405 288,411 288,412 288,413 288,415 287,416 276,418 265,421 255,424 245,426 236,430 228,433 219,436 212,440 203,436 196,433 190,429 186,426 134,433 145,612 112,624 84,637 59,651 38,667 22,684 11,702 4,720 3,739 5,752 9,764 15,775 23,786 33,796 45,805 58,813 73,821 89,828 106,834 125,840 144,844 164,848 185,852 206,854 228,856 191,938 136,908 131,906 127,905 122,905 118,906 113,908 109,911 106,914 103,918 100,927 101,936 106,945 113,951 113,951 191,993 214,1006 225,982 279,862 280,861 280,860 280,858 281,857 285,857 289,857 293,857 298,857 302,857 306,857 310,856 314,856 319,856 324,855 329,855 334,855 334,857 335,859 336,861 337,863 337,863 387,941 335,957 326,962 320,969 317,977 318,987 323,996 330,1002 338,1005 347,1004 433,979 464,969 446,942 384,848 398,846 411,843 425,840 438,837 450,833 463,830 475,826 486,822 454,782 439,786 424,791 407,794 389,798 371,801 352,804 332,806 311,808 282,809 255,809 229,808 205,806 182,803 161,799 141,794 123,789 107,784 93,777 81,771 71,764 63,757 57,750 53,743 51,736 52,728 57,719 64,709 75,700 88,690 105,680 125,671 148,662 150,685 150,688 151,690 158,705 170,717 186,728 205,737 226,744 248,749 271,752 293,754 309,755 325,755 342,754 358,752 374,749 389,745 403,739 416,733 386,694 380,697 372,699 363,701 352,703 340,705 327,706 312,706 295,706 275,704 257,701 241,697 227,693 216,689 208,684 202,680 198,677 196,650 202,652 208,654 214,655 220,657 226,658 233,659 239,660 246,661 251,662 257,662 262,662 268,663 273,663 279,663 284,662 289,662 299,661 310,660 319,659 329,657 338,655 347,653 355,650 362,647 363,647 369,643 373,638 376,633 376,626 374,618 370,611 363,607 354,606 353,606 351,606 350,607 348,607 341,610 334,612 327,614 319,616 310,618 301,619 292,620 283,621 276,621 268,621 261,621 254,620 245,619 237,617 229,616 221,614 214,612 206,609 200,607 193,604 185,482 198,487 212,492 227,496 242,500 258,503 274,506 291,508 307,509 324,509 341,509 357,508 373,507 388,505 403,503 416,500 429,496 393,690 392,691 391,691 389,692 387,693 418,731 424,727 429,723 433,719 436,714 439,710 440,705 445,676 451,677 456,678 462,679 468,679 473,679 479,678 485,677 491,676 498,674 505,671 511,668 518,665 527,670 536,675 543,680 548,685 553,690 556,696 558,700 559,705 559,711 557,717 553,723 548,730 542,736 534,743 525,749 514,756 502,762 489,768 475,774 459,780 492,820 507,814 521,807 534,800 546,793 557,786 567,778 576,770 584,762 595,748 603,733 607,718 608,702"/>
+</g>
+<script xmlns=""/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..de75feb
--- /dev/null
+++ b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<head>
+    <link rel="stylesheet" type="text/css" href="style/style.css">
+</head>
+<body>
+    <div id="container">
+        <img class="logo" src="assets/3t.svg" alt="3t.network logo" />
+        <a class="top-left fella" href="https://wiki.3t.network"><img src="assets/tea1.svg" alt="wiki" /><p>wiki</p></a>
+        <a class="top-right fella" href="https://git.3t.network"><img src="assets/tea2.svg" alt="git" /><p>git</p></a>
+        <a class="bottom-left fella" href="https://mail.3t.network"><img src="assets/tea4.svg" alt="mail" /><p>mail</p></a>
+        <a class="bottom-middle fella" href="https://vault-manager.3t.network"><img src="assets/tea5.svg" alt="vault" /><p>vault</p></a>
+        <a class="bottom-right fella" href="https://glycine.3t.network/videos"><img src="assets/tea3.svg" alt="glycine" /><p>glycine</p></a>
+    </div>
+</body>
\ No newline at end of file
diff --git a/style/style.css b/style/style.css
new file mode 100644
index 0000000..4104459
--- /dev/null
+++ b/style/style.css
@@ -0,0 +1,72 @@
+body {
+    background: #B4A0EF;
+    margin: 0;
+}
+
+#container {
+    height: 100vh;
+    width: 100vw;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+}
+
+.logo {
+    height: 60%;
+    width: 60%;
+    object-fit: contain;
+    position: absolute;
+}
+
+.fella {
+    object-fit: contain;
+    transition: all .2s ease-in-out;
+}
+
+.fella:hover {
+    transform: rotate(5deg) scale(1.3);
+}
+
+.top-left {
+    position: absolute;
+    top: 25vh;
+    left: 15vw;
+}
+
+.top-right {
+    position: absolute;
+    top: 28vh;
+    right: 26vw;
+}
+
+.bottom-left {
+    position: absolute;
+    bottom: 28vh;
+    left: 12vw;
+}
+
+.bottom-middle {
+    position: absolute;
+    object-fit: contain;
+    bottom: 64vh;
+}
+
+.bottom-right {
+    position: absolute;
+    bottom: 24vh;
+    right: 22vw;
+}
+
+a {
+    text-decoration: none;
+}
+
+p {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #dee2e3;
+    font-family: 'Tienne';
+    font-size: 1.25em;
+}
\ No newline at end of file