Merge pull request #80 from darkshapes/exdysa-tidy

Alt text + tidy UI language and titles

README.md

@@ -2,7 +2,7 @@
 
 # [Singularity](#singularity) - A UI for [Shadowbox](https://github.com/darkshapes/sdbx)
 
-![SDBXtext](https://github.com/user-attachments/assets/7ca16a7b-0826-4e1d-b6ac-e00c443d4777)
+![A logo declaring the project name with an icon beside it. On the left is a vector drawing of 'The anomaly', which is a strange shape, sort of like a black hole, that creates a 4-dimensional box from the empty space within it. Thin and modern lettering spells "SHADOWBOX' to the right.](https://github.com/user-attachments/assets/7ca16a7b-0826-4e1d-b6ac-e00c443d4777)
 
 ##
 
@@ -12,7 +12,7 @@
 
 <hr>
 
-![Screenshot 2024-07-16 193141(1)](https://github.com/user-attachments/assets/6e79bd1d-7dfa-4931-bcb9-4386b6d0128c)
+![An screenshot of a sophisticated node graph workflow and its result, a shoulder-height portrait of a pale and stoic android woman with far-eastern features depicted in a cyberpunk style. Her bob haircut and synthetic body are black, while the background and light is blue, all accented by orange details such as her orange eye shadow and eyes. A futuristic user interface is projected over half of the composition. ](https://github.com/user-attachments/assets/6e79bd1d-7dfa-4931-bcb9-4386b6d0128c)
 
 </div>
 

components/control-panel/settings-modal.tsx

@@ -64,7 +64,7 @@ export const SettingsModal = ({ open, setOpen }: any) => {
             options: ['classic', 'singularity'],
         },
         {
-            label: 'Edge Type',
+            label: 'Wire Type',
             item: (options: EdgeType[]) =>
                 <Select value={edgeType.name} onValueChange={n => onEdgesType(edgeTypeList.find(e => e.name === n) as EdgeType)}>
                     <SelectTrigger className="w-32">

components/dropzone.tsx

@@ -87,7 +87,7 @@ export const Dropzone = ({ onUpload }: DropzoneProps) => {
               )}
             />
             <p className="font-semibold">
-              Load a workspace or drag & drop it here
+              Load a workflow or drag & drop it here
             </p>
             <p className="text-neutral-500 text-sm">
               Only JSON files.

components/node/index.tsx

@@ -145,7 +145,7 @@ const NodeComponent = (node: NodeProps<Widget>) => {
         <ContextMenuSub key="colors">
           <ContextMenuSubTrigger className="gap-2 text-xs">
             <ShadowIcon />
-            Colors
+            Color
           </ContextMenuSubTrigger>
           <ContextMenuSubContent>
             {ColorMenu.map((child, index) => (

components/node/sd-node/node-card.tsx

@@ -40,8 +40,7 @@ const movingMap: Record<Direction, string> = {
     "radial-gradient(16.2% 41.199999999999996% at 100% 50%, hsl(0, 0%, 100%) 0%, rgba(255, 255, 255, 0) 100%)",
 };
 
-const highlight =
-  "radial-gradient(75% 181.15942028985506% at 50% 50%, #3275F8 0%, rgba(255, 255, 255, 0) 100%)";
+const highlight = "radial-gradient(75% 181.15942028985506% at 50% 50%, #45A970 0%, rgba(255, 255, 255, 0) 100%)";
 
 const NodeCardComponent = ({
   active,
@@ -86,7 +85,7 @@ const NodeCardComponent = ({
           borderTopRightRadius: "0.75rem",
           zIndex: 10,
           transition: "all 200ms",
-          overflow: "visible",
+          overflow: "hidden",
         }}
       >
         {path !== "" && <div className="text-xs text-neutral-400 pb-1">{path}</div>}