flo-bit.dev / youtube-party-dj
[READ-ONLY] Mirror of https://github.com/flo-bit/youtube-party-dj. democratic youtube player, everyone can vote and add songs, uni project, made with uix
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

Made installable and added favico

author
Tobias Westphal date (Jun 26, 2024, 1:31 PM +0200) commit b5ff1a14 parent 802a98ab
+44 -31
+4 -2
app.dx
··· 1 - name: "Youtube Party DJ", 2 - description: "A democratic way to play music videos from Youtube at a party", 1 + name: "YouTube Party DJ", 2 + description: "A democratic way to play music videos from Youtube at a party", 3 + icon: "./common/rsc/icon.svg", 4 + installable: true
+1 -1
deno.json
··· 1 1 { 2 2 "_publicImportMap": "./importmap.json", 3 - "importMap": "./.datex-cache/importmap.lock.json", 3 + "importMap": "./.datex-cache\\importmap.lock.json", 4 4 "compilerOptions": { 5 5 "jsx": "react-jsx", 6 6 "jsxImportSource": "uix",
+39 -28
frontend/entrypoint.css
··· 846 846 margin-bottom: 1rem; 847 847 } 848 848 849 - .ml-1 { 850 - margin-left: 0.25rem; 849 + .mb-8 { 850 + margin-bottom: 2rem; 851 851 } 852 852 853 - .ml-2 { 854 - margin-left: 0.5rem; 853 + .ml-1 { 854 + margin-left: 0.25rem; 855 855 } 856 856 857 857 .mt-4 { ··· 860 860 861 861 .mt-8 { 862 862 margin-top: 2rem; 863 - } 864 - 865 - .mb-8 { 866 - margin-bottom: 2rem; 867 863 } 868 864 869 865 .line-clamp-2 { ··· 927 923 height: 20rem; 928 924 } 929 925 926 + .h-\[100dvh\] { 927 + height: 100dvh; 928 + } 929 + 930 930 .h-full { 931 931 height: 100%; 932 932 } ··· 939 939 height: 100vh; 940 940 } 941 941 942 - .h-\[100dvh\] { 943 - height: 100dvh; 944 - } 945 - 946 - .max-h-full { 947 - max-height: 100%; 948 - } 949 - 950 - .max-h-\[50vw\] { 951 - max-height: 50vw; 952 - } 953 - 954 - .max-h-\[45vw\] { 955 - max-height: 45vw; 956 - } 957 - 958 942 .w-10 { 959 943 width: 2.5rem; 960 944 } ··· 998 982 999 983 .max-w-\[34rem\] { 1000 984 max-width: 34rem; 1001 - } 1002 - 1003 - .max-w-full { 1004 - max-width: 100%; 1005 985 } 1006 986 1007 987 .flex-1 { ··· 1454 1434 transition-duration: 200ms; 1455 1435 } 1456 1436 1437 + @keyframes bounce { 1438 + 0% { 1439 + transform: scale(0.5); 1440 + } 1441 + 1442 + 25% { 1443 + transform: scale(1); 1444 + } 1445 + 1446 + 50% { 1447 + transform: scale(1.2); 1448 + } 1449 + 1450 + 85% { 1451 + transform: scale(0.9); 1452 + } 1453 + 1454 + 100% { 1455 + transform: scale(1); 1456 + } 1457 + } 1458 + 1459 + .bounce-animation { 1460 + animation: bounce 0.4s; 1461 + } 1462 + 1457 1463 .placeholder\:text-black::-moz-placeholder { 1458 1464 --tw-text-opacity: 1; 1459 1465 color: rgb(0 0 0 / var(--tw-text-opacity)); ··· 1546 1552 .dark\:text-cyan-400:is(.dark *) { 1547 1553 --tw-text-opacity: 1; 1548 1554 color: rgb(34 211 238 / var(--tw-text-opacity)); 1555 + } 1556 + 1557 + .dark\:text-green-500:is(.dark *) { 1558 + --tw-text-opacity: 1; 1559 + color: rgb(34 197 94 / var(--tw-text-opacity)); 1549 1560 } 1550 1561 1551 1562 .dark\:text-white:is(.dark *) {