From b2afb9b6ce17b193e1cc07af8a0fbf21cb7b71f3 Mon Sep 17 00:00:00 2001
From: luckylionheart <uyscuti0513@gmail.com>
Date: Tue, 2 Sep 2025 22:41:26 -0400
Subject: [PATCH 1/2] add: green triangle for absolidix link

---
 app/app.web.view.css.ts | 7 +++++++
 app/app.web.view.tree   | 4 ++++
 2 files changed, 11 insertions(+)

diff --git a/app/app.web.view.css.ts b/app/app.web.view.css.ts
index 5941d14..3ad0a41 100644
--- a/app/app.web.view.css.ts
+++ b/app/app.web.view.css.ts
@@ -66,6 +66,13 @@ namespace $.$$ {
 			},
 		},
 
+		Green_triangle_icon: {
+			position: "fixed",
+			bottom: "24px",
+			right: "24px",
+			fontSize: "32px",
+			color: 'green'
+		}
 	} )
 
 }
diff --git a/app/app.web.view.tree b/app/app.web.view.tree
index 5d7aebb..7dc3e1f 100644
--- a/app/app.web.view.tree
+++ b/app/app.web.view.tree
@@ -40,3 +40,7 @@ $optimade_cifplayer_app $mol_drop
 			<= Paste_example $mol_button_minor
 				title \Show example
 				click? <=> paste_example? null
+			<= Green_triangle_icon $mol_link
+				uri \https://absolidix.com
+				sub /
+					<= Icon $mol_icon_play_outline

From b700d172434afa4349a3c14c649b6ca6466dfb1d Mon Sep 17 00:00:00 2001
From: luckylionheart <uyscuti0513@gmail.com>
Date: Wed, 3 Sep 2025 02:26:50 -0400
Subject: [PATCH 2/2] update: change variable name as semantic names

---
 app/app.web.view.css.ts | 135 ++++++++++++++++++++--------------------
 app/app.web.view.tree   |   2 +-
 2 files changed, 67 insertions(+), 70 deletions(-)

diff --git a/app/app.web.view.css.ts b/app/app.web.view.css.ts
index 3ad0a41..6571b61 100644
--- a/app/app.web.view.css.ts
+++ b/app/app.web.view.css.ts
@@ -1,78 +1,75 @@
 namespace $.$$ {
+  $mol_style_define($optimade_cifplayer_app, {
+    contain: 'none', // otherwise in fullscreen 'fixed' positions plot relative to parent is not in the viewport
 
-	$mol_style_define( $optimade_cifplayer_app, {
+    '[mol_drop_status]': {
+      drag: {
+        Menu: {
+          background: {
+            color: $mol_theme.hover,
+          },
+        },
+      },
+    },
 
-		contain: 'none', // otherwise in fullscreen 'fixed' positions plot relative to parent is not in the viewport
+    Start: {
+      background: {
+        color: $mol_theme.back,
+      },
+      padding: {
+        top: '6rem',
+      },
+      flex: {
+        grow: 1,
+        direction: 'column',
+      },
+      align: {
+        items: 'center',
+      },
+    },
 
-		'[mol_drop_status]': {
-			drag: {
-				Menu: {
-					background: {
-						color: $mol_theme.hover,
-					},
-				},
-			},
-		},
+    Menu: {
+      Body_content: {
+        gap: $mol_gap.block,
+        maxWidth: '25rem',
+        flex: {
+          direction: 'row',
+        },
+      },
+      Head: {
+        justify: {
+          content: 'flex-start',
+        },
+      },
+    },
 
-		Start: {
-			background: {
-				color: $mol_theme.back,
-			},
-			padding: {
-				top: '6rem',
-			},
-			flex: {
-				grow: 1,
-				direction: 'column',
-			},
-			align: {
-				items: 'center',
-			},
-		},
+    Data_text: {
+      font: {
+        family: 'inherit',
+      },
+    },
 
-		Menu: {
-			Body_content: {
-				gap: $mol_gap.block,
-				maxWidth: '25rem',
-				flex: {
-					direction: 'row',
-				},
-			},
-			Head: {
-				justify: {
-					content: 'flex-start'
-				},
-			},
-		},
+    Body: {
+      flex: {
+        direction: 'column',
+        grow: 1,
+        shrink: 1,
+      },
+    },
 
-		Data_text: {
-			font: {
-				family: 'inherit',
-			},
-		},
-
-		Body: {
-			flex: { 
-				direction: 'column',
-				grow: 1,
-				shrink: 1,
-			},
-		},
-
-		Player: {
-			flex: {
-				grow: 1,
-				basis: '30rem',
-			},
-		},
-
-		Green_triangle_icon: {
-			position: "fixed",
-			bottom: "24px",
-			right: "24px",
-			fontSize: "32px",
-			color: 'green'
-		}
-	} )
+    Player: {
+      flex: {
+        grow: 1,
+        basis: '30rem',
+      },
+    },
 
+    Absolidix_link: {
+      position: 'fixed',
+      bottom: '24px',
+      right: '24px',
+      fontSize: '32px',
+      color: 'green',
+    },
+  });
 }
diff --git a/app/app.web.view.tree b/app/app.web.view.tree
index 7dc3e1f..72e2325 100644
--- a/app/app.web.view.tree
+++ b/app/app.web.view.tree
@@ -40,7 +40,7 @@ $optimade_cifplayer_app $mol_drop
 			<= Paste_example $mol_button_minor
 				title \Show example
 				click? <=> paste_example? null
-			<= Green_triangle_icon $mol_link
+			<= Absolidix_link $mol_link
 				uri \https://absolidix.com
 				sub /
 					<= Icon $mol_icon_play_outline