2026-03-18 10:36:51 -04:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Lotus Guild Matrix</ title >
< style >
* { margin : 0 ; padding : 0 ; box-sizing : border-box ; }
body {
background : #0a0a0a ;
color : #e0e0e0 ;
font-family : 'Segoe UI' , system-ui , - apple-system , sans-serif ;
min-height : 100 vh ;
display : flex ;
align-items : center ;
justify-content : center ;
2026-03-19 22:57:55 -04:00
padding : 20 px 16 px 40 px ;
2026-03-18 10:36:51 -04:00
}
body :: before {
content : '' ;
position : fixed ;
top : 50 % ;
left : 50 % ;
width : 900 px ;
height : 900 px ;
transform : translate ( -50 % , -50 % );
background : radial-gradient ( circle , rgba ( 152 , 0 , 0 , 0.07 ) 0 % , transparent 65 % );
pointer-events : none ;
z-index : 0 ;
}
. container {
position : relative ;
z-index : 1 ;
text-align : center ;
width : 100 % ;
2026-03-19 22:57:55 -04:00
max-width : 900 px ;
2026-03-18 10:36:51 -04:00
}
. logo {
width : 140 px ;
height : 140 px ;
margin : 0 auto 28 px ;
border-radius : 50 % ;
filter : drop-shadow ( 0 0 24 px rgba ( 152 , 0 , 0 , 0.35 ));
animation : float 6 s ease-in-out infinite ;
}
@ keyframes float {
0 %, 100 % { transform : translateY ( 0 ); }
50 % { transform : translateY ( -8 px ); }
}
h1 {
font-size : 2 rem ;
font-weight : 300 ;
letter-spacing : 0.15 em ;
text-transform : uppercase ;
color : #fff ;
margin-bottom : 4 px ;
}
2026-03-19 22:57:55 -04:00
h1 span { color : #980000 ; font-weight : 600 ; }
2026-03-18 10:36:51 -04:00
. subtitle {
font-size : 0.85 rem ;
color : #555 ;
letter-spacing : 0.3 em ;
text-transform : uppercase ;
margin-bottom : 36 px ;
}
2026-03-19 22:57:55 -04:00
/* ─── Cards / Panels ─── */
2026-03-18 10:36:51 -04:00
. card {
2026-03-19 22:57:55 -04:00
background : linear-gradient ( 145 deg , rgba ( 22 , 22 , 22 , 0.95 ), rgba ( 14 , 14 , 14 , 0.98 ));
border : 1 px solid rgba ( 152 , 0 , 0 , 0.2 );
2026-03-18 10:36:51 -04:00
border-radius : 16 px ;
padding : 32 px ;
2026-03-19 22:57:55 -04:00
max-width : 560 px ;
margin : 0 auto ;
2026-03-18 10:36:51 -04:00
}
. card h2 {
font-size : 0.9 rem ;
font-weight : 500 ;
color : #980000 ;
text-transform : uppercase ;
letter-spacing : 0.15 em ;
margin-bottom : 20 px ;
}
2026-03-19 22:57:55 -04:00
/* ─── Steps ─── */
. steps { list-style : none ; text-align : left ; margin-bottom : 28 px ; }
2026-03-18 10:36:51 -04:00
. steps li {
display : flex ;
align-items : flex-start ;
gap : 14 px ;
padding : 12 px 0 ;
2026-03-19 22:57:55 -04:00
border-bottom : 1 px solid rgba ( 255 , 255 , 255 , 0.04 );
2026-03-18 10:36:51 -04:00
}
. steps li : last-child { border-bottom : none ; }
. step-num {
flex-shrink : 0 ;
2026-03-19 22:57:55 -04:00
width : 28 px ; height : 28 px ;
background : rgba ( 152 , 0 , 0 , 0.12 );
border : 1 px solid rgba ( 152 , 0 , 0 , 0.35 );
2026-03-18 10:36:51 -04:00
border-radius : 50 % ;
2026-03-19 22:57:55 -04:00
display : flex ; align-items : center ; justify-content : center ;
font-size : 0.8 rem ; font-weight : 600 ; color : #c44 ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. step-text { padding-top : 3 px ; font-size : 0.95 rem ; line-height : 1.5 ; color : #bbb ; }
2026-03-18 10:36:51 -04:00
. step-text strong { color : #e0e0e0 ; }
. homeserver {
display : inline-block ;
2026-03-19 22:57:55 -04:00
background : rgba ( 152 , 0 , 0 , 0.1 );
border : 1 px solid rgba ( 152 , 0 , 0 , 0.25 );
2026-03-18 10:36:51 -04:00
color : #e88 ;
font-family : 'SF Mono' , 'Fira Code' , 'Consolas' , monospace ;
font-size : 0.85 rem ;
padding : 3 px 10 px ;
border-radius : 6 px ;
}
2026-03-19 22:57:55 -04:00
a { color : #c44 ; text-decoration : none ; }
. step-text a , . option-block a {
border-bottom : 1 px solid rgba ( 204 , 68 , 68 , 0.3 );
2026-03-18 10:36:51 -04:00
transition : border-color 0.2 s ;
}
2026-03-19 22:57:55 -04:00
. step-text a : hover , . option-block a : hover { border-bottom-color : #c44 ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
/* ─── Or divider ─── */
2026-03-18 10:36:51 -04:00
. or-divider {
2026-03-19 22:57:55 -04:00
display : flex ; align-items : center ; gap : 10 px ;
2026-03-18 10:36:51 -04:00
margin : 4 px 0 10 px 42 px ;
2026-03-19 22:57:55 -04:00
color : #444 ; font-size : 0.78 rem ; letter-spacing : 0.1 em ; text-transform : uppercase ;
2026-03-18 10:36:51 -04:00
}
. or-divider :: before , . or-divider :: after {
2026-03-19 22:57:55 -04:00
content : '' ; flex : 1 ; height : 1 px ; background : rgba ( 255 , 255 , 255 , 0.06 );
2026-03-18 10:36:51 -04:00
}
. option-block {
margin-left : 42 px ;
padding : 12 px 14 px ;
background : rgba ( 255 , 255 , 255 , 0.03 );
border : 1 px solid rgba ( 255 , 255 , 255 , 0.06 );
border-radius : 8 px ;
2026-03-19 22:57:55 -04:00
text-align : left ; font-size : 0.88 rem ; color : #888 ; line-height : 1.5 ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. divider { height : 1 px ; background : rgba ( 152 , 0 , 0 , 0.15 ); margin : 24 px 0 ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
/* ─── Tags ─── */
. tag {
font-size : 0.65 rem ;
background : rgba ( 255 , 255 , 255 , 0.08 );
border : 1 px solid rgba ( 255 , 255 , 255 , 0.1 );
padding : 2 px 8 px ; border-radius : 4 px ;
text-transform : uppercase ; letter-spacing : 0.05 em ; color : #bbb ;
white-space : nowrap ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. tag . voice { background : rgba ( 0 , 180 , 120 , 0.2 ); border-color : rgba ( 0 , 180 , 120 , 0.4 ); color : #5effc4 ; }
. tag . beta { background : rgba ( 255 , 180 , 0 , 0.15 ); border-color : rgba ( 255 , 180 , 0 , 0.3 ); color : #ffcc55 ; }
. tag . dev { background : rgba ( 160 , 80 , 255 , 0.15 ); border-color : rgba ( 160 , 80 , 255 , 0.3 ); color : #cc88ff ; }
. tag . rust { background : rgba ( 80 , 140 , 255 , 0.15 ); border-color : rgba ( 80 , 140 , 255 , 0.3 ); color : #88aaff ; }
. tag . warn { background : rgba ( 255 , 140 , 0 , 0.15 ); border-color : rgba ( 255 , 140 , 0 , 0.3 ); color : #ffaa44 ; }
. tag . dim { background : rgba ( 255 , 255 , 255 , 0.04 ); border-color : rgba ( 255 , 255 , 255 , 0.08 ); color : #666 ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
/* ─── Featured client ─── */
. client-featured { margin-bottom : 16 px ; }
2026-03-18 10:36:51 -04:00
. client-featured a {
2026-03-19 22:57:55 -04:00
display : flex ; flex-direction : column ; align-items : center ; gap : 6 px ;
background : linear-gradient ( 135 deg , rgba ( 152 , 0 , 0 , 0.25 ), rgba ( 120 , 0 , 0 , 0.15 ));
border : 1 px solid rgba ( 152 , 0 , 0 , 0.55 );
color : #fff ; text-decoration : none ;
padding : 18 px 24 px ; border-radius : 12 px ;
2026-03-18 10:36:51 -04:00
transition : all 0.25 s ease ;
2026-03-19 22:57:55 -04:00
box-shadow : 0 0 20 px rgba ( 152 , 0 , 0 , 0.1 );
2026-03-18 10:36:51 -04:00
}
. client-featured a : hover {
2026-03-19 22:57:55 -04:00
background : linear-gradient ( 135 deg , rgba ( 152 , 0 , 0 , 0.38 ), rgba ( 120 , 0 , 0 , 0.25 ));
border-color : rgba ( 152 , 0 , 0 , 0.8 );
box-shadow : 0 0 32 px rgba ( 152 , 0 , 0 , 0.25 );
2026-03-18 10:36:51 -04:00
transform : translateY ( -2 px );
}
2026-03-19 22:57:55 -04:00
. client-name { font-size : 1.15 rem ; font-weight : 600 ; letter-spacing : 0.05 em ; }
. client-desc { font-size : 0.82 rem ; color : #ccc ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
. tag-row { display : flex ; gap : 6 px ; flex-wrap : wrap ; justify-content : center ; margin-top : 2 px ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
/* Also-available note */
. also-available {
font-size : 0.78 rem ; color : #555 ; margin-top : 8 px ; line-height : 1.6 ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. also-available a { color : #666 ; border-bottom : 1 px solid rgba ( 102 , 102 , 102 , 0.3 ); transition : color 0.2 s ; }
. also-available a : hover { color : #999 ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
/* ─── Space join ─── */
. space-join {
margin-top : 20 px ; padding : 16 px 20 px ;
background : rgba ( 152 , 0 , 0 , 0.06 );
border : 1 px solid rgba ( 152 , 0 , 0 , 0.2 ); border-radius : 10 px ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. space-join p { font-size : 0.82 rem ; color : #666 ; margin-bottom : 10 px ; }
. space-join a {
display : inline-block ;
background : rgba ( 152 , 0 , 0 , 0.15 );
border : 1 px solid rgba ( 152 , 0 , 0 , 0.35 );
color : #c44 ; text-decoration : none ;
padding : 8 px 20 px ; border-radius : 8 px ; font-size : 0.88 rem ;
transition : all 0.25 s ease ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. space-join a : hover { background : rgba ( 152 , 0 , 0 , 0.25 ); color : #fff ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
/* ─── Secondary client cards ─── */
. clients-section h3 {
font-size : 0.8 rem ; font-weight : 500 ; color : #666 ;
text-transform : uppercase ; letter-spacing : 0.12 em ; margin-bottom : 14 px ;
2026-03-19 22:51:07 -04:00
}
2026-03-19 22:57:55 -04:00
. client-group { margin-bottom : 18 px ; }
2026-03-19 22:51:07 -04:00
2026-03-19 22:57:55 -04:00
. client-group-label {
font-size : 0.75 rem ; color : #555 ;
text-transform : uppercase ; letter-spacing : 0.1 em ;
margin-bottom : 8 px ;
2026-03-19 22:51:07 -04:00
}
2026-03-19 22:57:55 -04:00
. client-cards { display : flex ; flex-direction : column ; gap : 8 px ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:51:07 -04:00
. client-card {
2026-03-19 22:57:55 -04:00
display : flex ; flex-direction : column ; gap : 6 px ;
2026-03-19 22:51:07 -04:00
background : rgba ( 255 , 255 , 255 , 0.025 );
border : 1 px solid rgba ( 255 , 255 , 255 , 0.06 );
2026-03-19 22:57:55 -04:00
border-radius : 10 px ; padding : 12 px 14 px ; text-align : left ;
2026-03-19 22:51:07 -04:00
transition : border-color 0.2 s ;
}
. client-card : hover { border-color : rgba ( 152 , 0 , 0 , 0.3 ); }
. client-card-top {
2026-03-19 22:57:55 -04:00
display : flex ; align-items : center ;
justify-content : space-between ; gap : 10 px ; flex-wrap : wrap ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:51:07 -04:00
. client-card-name {
2026-03-19 22:57:55 -04:00
font-size : 0.95 rem ; font-weight : 600 ; color : #e0e0e0 ;
2026-03-18 10:36:51 -04:00
text-decoration : none ;
2026-03-19 22:57:55 -04:00
border-bottom : 1 px solid rgba ( 204 , 68 , 68 , 0.2 );
2026-03-19 22:51:07 -04:00
transition : color 0.2 s , border-color 0.2 s ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. client-card-name : hover { color : #c44 ; border-bottom-color : #c44 ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
. client-card-tags { display : flex ; gap : 5 px ; flex-wrap : wrap ; }
. client-card-desc { font-size : 0.8 rem ; color : #666 ; line-height : 1.45 ; }
2026-03-19 22:51:07 -04:00
2026-03-19 22:57:55 -04:00
/* ─── Comparison table ─── */
. comparison-section {
margin-top : 32 px ;
background : linear-gradient ( 145 deg , rgba ( 22 , 22 , 22 , 0.95 ), rgba ( 14 , 14 , 14 , 0.98 ));
border : 1 px solid rgba ( 152 , 0 , 0 , 0.2 );
border-radius : 16 px ;
overflow : hidden ;
2026-03-19 22:51:07 -04:00
}
2026-03-19 22:57:55 -04:00
. comparison-title {
font-size : 0.78 rem ; font-weight : 500 ; color : #980000 ;
text-transform : uppercase ; letter-spacing : 0.15 em ;
padding : 16 px 20 px 12 px ;
border-bottom : 1 px solid rgba ( 152 , 0 , 0 , 0.1 );
2026-03-19 22:51:07 -04:00
}
2026-03-19 22:57:55 -04:00
. table-wrap { overflow-x : auto ; -webkit- overflow-scrolling : touch ; }
2026-03-19 22:51:07 -04:00
2026-03-19 22:57:55 -04:00
table {
width : 100 % ; border-collapse : collapse ;
font-size : 0.78 rem ; min-width : 640 px ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
thead tr { border-bottom : 1 px solid rgba ( 152 , 0 , 0 , 0.15 ); }
th {
padding : 10 px 8 px ; text-align : center ;
font-size : 0.7 rem ; font-weight : 600 ;
color : #888 ; text-transform : uppercase ; letter-spacing : 0.08 em ;
background : rgba ( 255 , 255 , 255 , 0.02 );
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
th : first-child { text-align : left ; padding-left : 16 px ; min-width : 140 px ; }
th . ours { color : #c66 ; }
th small { display : block ; font-size : 0.6 rem ; font-weight : 400 ; color : #555 ; margin-top : 2 px ; text-transform : none ; letter-spacing : 0 ; }
tr { border-bottom : 1 px solid rgba ( 255 , 255 , 255 , 0.03 ); }
tr : last-child { border-bottom : none ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
tr . section-header td {
background : rgba ( 152 , 0 , 0 , 0.06 );
color : #770000 ; font-weight : 600 ;
font-size : 0.65 rem ; text-transform : uppercase ; letter-spacing : 0.12 em ;
padding : 6 px 8 px 5 px 16 px ; text-align : left ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
td {
padding : 8 px 8 px ; text-align : center ; vertical-align : middle ;
color : #888 ; line-height : 1.3 ;
}
td : first-child {
text-align : left ; padding-left : 16 px ;
color : #aaa ; font-size : 0.78 rem ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
td small { display : block ; font-size : 0.68 rem ; color : #555 ; margin-top : 1 px ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
. yes { color : #5effc4 ; font-size : 1 rem ; }
. part { color : #ffcc55 ; font-size : 0.9 rem ; }
. no { color : #444 ; font-size : 1 rem ; }
/* highlight our hosted client column */
th . ours , td . ours { background : rgba ( 152 , 0 , 0 , 0.04 ); }
/* ─── Legend ─── */
. legend {
display : flex ; gap : 18 px ; justify-content : center ; flex-wrap : wrap ;
padding : 10 px 16 px 14 px ;
border-top : 1 px solid rgba ( 255 , 255 , 255 , 0.04 );
font-size : 0.72 rem ; color : #555 ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. legend span { display : flex ; align-items : center ; gap : 5 px ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
/* ─── Security note ─── */
2026-03-19 22:51:07 -04:00
. security-note {
2026-03-19 22:57:55 -04:00
margin : 0 20 px 16 px ;
2026-03-19 22:51:07 -04:00
padding : 10 px 14 px ;
2026-03-19 22:57:55 -04:00
background : rgba ( 80 , 140 , 255 , 0.04 );
border : 1 px solid rgba ( 80 , 140 , 255 , 0.12 );
2026-03-19 22:51:07 -04:00
border-radius : 8 px ;
2026-03-19 22:57:55 -04:00
font-size : 0.76 rem ; color : #556 ; line-height : 1.55 ; text-align : left ;
2026-03-19 22:51:07 -04:00
}
. security-note strong { color : #88aaff ; }
2026-03-19 22:57:55 -04:00
. all-clients { margin-top : 14 px ; }
2026-03-18 10:36:51 -04:00
. all-clients a {
2026-03-19 22:57:55 -04:00
font-size : 0.78 rem ; color : #555 ;
border-bottom : 1 px solid rgba ( 85 , 85 , 85 , 0.3 );
2026-03-18 10:36:51 -04:00
transition : color 0.2 s , border-color 0.2 s ;
}
2026-03-19 22:57:55 -04:00
. all-clients a : hover { color : #888 ; border-bottom-color : #888 ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
/* ─── Server info ─── */
2026-03-18 10:36:51 -04:00
. server-info {
margin-top : 24 px ;
2026-03-19 22:57:55 -04:00
background : linear-gradient ( 145 deg , rgba ( 22 , 22 , 22 , 0.95 ), rgba ( 14 , 14 , 14 , 0.98 ));
border : 1 px solid rgba ( 152 , 0 , 0 , 0.2 );
border-radius : 12 px ; overflow : hidden ;
2026-03-18 10:36:51 -04:00
}
. server-info-title {
2026-03-19 22:57:55 -04:00
font-size : 0.78 rem ; font-weight : 500 ; color : #980000 ;
text-transform : uppercase ; letter-spacing : 0.15 em ;
2026-03-18 10:36:51 -04:00
padding : 14 px 20 px 10 px ;
2026-03-19 22:57:55 -04:00
border-bottom : 1 px solid rgba ( 152 , 0 , 0 , 0.1 );
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. info-grid { display : grid ; grid-template-columns : 1 fr 1 fr ; }
2026-03-18 10:36:51 -04:00
. info-item {
padding : 12 px 18 px ;
border-bottom : 1 px solid rgba ( 255 , 255 , 255 , 0.03 );
border-right : 1 px solid rgba ( 255 , 255 , 255 , 0.03 );
text-align : left ;
}
. info-item : nth-child ( even ) { border-right : none ; }
. info-item : nth-last-child ( -n + 2 ) { border-bottom : none ; }
2026-03-19 22:57:55 -04:00
. info-label { font-size : 0.7 rem ; color : #555 ; text-transform : uppercase ; letter-spacing : 0.1 em ; margin-bottom : 3 px ; }
. info-value { font-size : 0.88 rem ; color : #ccc ; }
2026-03-18 10:36:51 -04:00
. privacy-strip {
padding : 10 px 18 px ;
2026-03-19 22:57:55 -04:00
border-top : 1 px solid rgba ( 152 , 0 , 0 , 0.1 );
display : flex ; gap : 18 px ; justify-content : center ; flex-wrap : wrap ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. privacy-badge { font-size : 0.75 rem ; color : #5effc4 ; display : flex ; align-items : center ; gap : 5 px ; }
. privacy-badge :: before { content : '✓' ; font-weight : 700 ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
/* ─── Legal / contact / footer ─── */
2026-03-18 10:36:51 -04:00
. legal-note {
2026-03-19 22:57:55 -04:00
margin-top : 24 px ; padding : 12 px 18 px ;
2026-03-18 10:36:51 -04:00
background : rgba ( 255 , 255 , 255 , 0.02 );
border : 1 px solid rgba ( 255 , 255 , 255 , 0.05 );
2026-03-19 22:57:55 -04:00
border-radius : 8 px ; font-size : 0.75 rem ; color : #444 ;
line-height : 1.6 ; text-align : left ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. legal-note a { color : #555 ; border-bottom : 1 px solid rgba ( 85 , 85 , 85 , 0.3 ); }
. legal-note a : hover { color : #888 ; }
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
. contact {
margin-top : 24 px ; padding : 16 px ;
background : linear-gradient ( 145 deg , rgba ( 22 , 22 , 22 , 0.95 ), rgba ( 14 , 14 , 14 , 0.98 ));
border : 1 px solid rgba ( 152 , 0 , 0 , 0.2 );
border-radius : 12 px ; text-align : center ;
2026-03-18 10:36:51 -04:00
}
2026-03-19 22:57:55 -04:00
. footer {
margin-top : 20 px ; font-size : 0.72 rem ; color : #383838 ;
letter-spacing : 0.04 em ;
display : flex ; justify-content : center ; gap : 14 px ; flex-wrap : wrap ;
}
. footer a { color : #444 ; transition : color 0.2 s ; }
. footer a : hover { color : #777 ; }
2026-03-18 10:36:51 -04:00
2026-03-19 23:06:00 -04:00
/* ─── Sticky first table column (all screen sizes) ─── */
td : first-child {
position : sticky ;
left : 0 ;
z-index : 1 ;
background : #0d0d0d ;
}
th : first-child {
position : sticky ;
left : 0 ;
z-index : 2 ;
background : #111 ;
}
tr . section-header td {
/* section headers span full width — override sticky bg */
position : static ;
background : rgba ( 152 , 0 , 0 , 0.06 );
}
/* Scroll hint — visible only on mobile via JS class */
. scroll-hint {
display : none ;
font-size : 0.72 rem ;
color : #3a3a3a ;
padding : 0 16 px 10 px ;
letter-spacing : 0.05 em ;
}
/* ─── Tablet (≤ 700px) ─── */
@ media ( max-width : 700px ) {
body { align-items : flex-start ; }
}
/* ─── Mobile (≤ 540px) ─── */
@ media ( max-width : 540px ) {
body { padding : 20 px 12 px 40 px ; }
. logo { width : 100 px ; height : 100 px ; margin-bottom : 20 px ; }
h1 { font-size : 1.5 rem ; letter-spacing : 0.1 em ; }
. subtitle { font-size : 0.78 rem ; letter-spacing : 0.18 em ; margin-bottom : 26 px ; }
. card { padding : 22 px 16 px ; }
. step-text { font-size : 0.88 rem ; }
. homeserver { font-size : 0.75 rem ; word-break : break-all ; }
2026-03-18 10:36:51 -04:00
. or-divider , . option-block { margin-left : 0 ; }
2026-03-19 23:06:00 -04:00
. client-card-top { flex-direction : column ; align-items : flex-start ; gap : 6 px ; }
. client-card-desc { font-size : 0.79 rem ; }
. client-card-tags { gap : 4 px ; }
. also-available { font-size : 0.75 rem ; }
/* Table */
. scroll-hint { display : block ; }
table { font-size : 0.71 rem ; min-width : 520 px ; }
th { padding : 8 px 5 px ; font-size : 0.6 rem ; }
th : first-child { min-width : 100 px ; padding-left : 10 px ; }
td { padding : 7 px 5 px ; }
td : first-child { font-size : 0.71 rem ; padding-left : 10 px ; }
td small , th small { font-size : 0.58 rem ; }
. yes { font-size : 0.88 rem ; }
. part { font-size : 0.82 rem ; }
. no { font-size : 0.88 rem ; }
. comparison-title { font-size : 0.7 rem ; padding : 12 px 14 px 8 px ; letter-spacing : 0.1 em ; }
. security-note { margin : 10 px 12 px 4 px ; font-size : 0.71 rem ; }
. legend { padding : 8 px 12 px 12 px ; gap : 12 px ; font-size : 0.68 rem ; }
/* Server info */
. server-info-title { font-size : 0.7 rem ; padding : 12 px 14 px 8 px ; }
. info-item { padding : 10 px 14 px ; }
. info-label { font-size : 0.65 rem ; }
. info-value { font-size : 0.82 rem ; }
. privacy-strip { flex-direction : column ; align-items : center ; gap : 8 px ; padding : 10 px 14 px ; }
. privacy-badge { font-size : 0.71 rem ; }
/* Legal / footer */
. legal-note { font-size : 0.72 rem ; padding : 11 px 14 px ; }
. contact { padding : 14 px ; }
. footer { gap : 8 px ; font-size : 0.68 rem ; }
}
/* ─── Very small (≤ 380px) ─── */
@ media ( max-width : 380px ) {
h1 { font-size : 1.3 rem ; }
. logo { width : 84 px ; height : 84 px ; }
. card { padding : 18 px 12 px ; }
table { font-size : 0.66 rem ; min-width : 480 px ; }
th { font-size : 0.55 rem ; padding : 7 px 4 px ; }
td { padding : 6 px 4 px ; }
td : first-child { font-size : 0.66 rem ; min-width : 90 px ; }
2026-03-18 10:36:51 -04:00
}
</ style >
</ head >
< body >
2026-03-19 22:57:55 -04:00
< div class = "container" >
< img class = "logo" src = "https://photos.lotusguild.org/api/assets/3c4eb2da-0d06-407f-bdb7-c9e4cf795f0a/thumbnail?key=4aoZxX5-FHE3m_Ywwz1uGo3iNW53kmFztxfUw91PdOgphPNxayLFicNuxPvit1OYTpY&size=preview&c=jUqDBQAWF9iId3J%2FyAeIcIAICEd4d3BzSA%3D%3D" alt = "Lotus Guild" >
< h1 >< span > Lotus</ span > Guild</ h1 >
< p class = "subtitle" > Private Communications</ p >
<!-- ── How to Join ── -->
< div class = "card" >
< h2 > How to Join</ h2 >
< ol class = "steps" >
< li >
< span class = "step-num" > 1</ span >
< span class = "step-text" > Open < a href = "https://chat.lotusguild.org" target = "_blank" rel = "noopener" > chat.lotusguild.org</ a > — your homeserver is pre-configured</ span >
</ li >
< li >
< span class = "step-num" > 2</ span >
< span class = "step-text" > Register with a < strong > token from Jared</ strong > — < code class = "homeserver" > @jared:matrix.lotusguild.org</ code ></ span >
</ li >
< li >
< span class = "step-num" > 3</ span >
< span class = "step-text" > Join the < a href = "https://matrix.to/#/!-1ZBnAH-JiCOV8MGSKN77zDGTuI3pgSdy8Unu_DrDyc?via=matrix.lotusguild.org&via=matrix.org" target = "_blank" rel = "noopener" > Lotus Guild Space</ a > to access all rooms</ span >
</ li >
</ ol >
< div class = "or-divider" > or join from another server</ div >
< div class = "option-block" >
Already have a Matrix account? Sign up free at < a href = "https://app.element.io/#/register?hs_url=https://mozilla.modular.im" target = "_blank" rel = "noopener" > mozilla.org</ a > or < a href = "https://app.element.io/#/register" target = "_blank" rel = "noopener" > matrix.org</ a > , then < a href = "https://matrix.to/#/!-1ZBnAH-JiCOV8MGSKN77zDGTuI3pgSdy8Unu_DrDyc?via=matrix.lotusguild.org&via=matrix.org" target = "_blank" rel = "noopener" > join our space</ a > .
</ div >
< div class = "divider" ></ div >
<!-- ── Recommended client ── -->
< div class = "clients-section" >
< h3 > Recommended Client</ h3 >
< div class = "client-featured" >
< a href = "https://chat.lotusguild.org" target = "_blank" rel = "noopener" >
< span class = "client-name" > Lotus Guild Chat</ span >
< span class = "client-desc" > Hosted Cinny — homeserver pre-configured, no setup</ span >
< span class = "tag-row" >
< span class = "tag dim" > Desktop & Web</ span >
< span class = "tag dev" > Dev Branch</ span >
< span class = "tag voice" > Voice & Video Rooms</ span >
< span class = "tag" > Discord-like UI</ span >
</ span >
</ a >
</ div >
< p class = "also-available" >
Runs the Cinny < strong > dev branch</ strong > — latest beta features, updated nightly.
Prefer stable? Use < a href = "https://cinny.in" target = "_blank" rel = "noopener" > cinny.in</ a > and set homeserver to < code style = "font-size:0.8em;color:#e88;" > matrix.lotusguild.org</ code > .
</ p >
< div class = "space-join" >
< p > Already signed in? Jump straight into the community:</ p >
< a href = "https://matrix.to/#/!-1ZBnAH-JiCOV8MGSKN77zDGTuI3pgSdy8Unu_DrDyc?via=matrix.lotusguild.org&via=matrix.org" target = "_blank" rel = "noopener" > Join Lotus Guild Space → </ a >
2026-03-18 10:36:51 -04:00
</ div >
< div class = "divider" ></ div >
2026-03-19 22:57:55 -04:00
<!-- ── Other clients ── -->
2026-03-18 10:36:51 -04:00
< div class = "clients-section" >
2026-03-19 22:57:55 -04:00
< h3 > Other Clients</ h3 >
< div class = "client-group" >
< p class = "client-group-label" > Mobile — iOS & Android</ p >
< div class = "client-cards" >
< div class = "client-card" >
< div class = "client-card-top" >
< a href = "https://element.io/element-x" target = "_blank" rel = "noopener" class = "client-card-name" > Element X</ a >
< div class = "client-card-tags" >
< span class = "tag dim" > iOS</ span >
< span class = "tag dim" > Android</ span >
< span class = "tag rust" > Rust SDK</ span >
< span class = "tag voice" > Voice, Video & Screenshare</ span >
2026-03-19 22:51:07 -04:00
</ div >
</ div >
2026-03-19 22:57:55 -04:00
< p class = "client-card-desc" > Fastest Matrix client — instant load via Sliding Sync. Native MatrixRTC calls and screenshare. Rust encryption (Vodozemac). Spaces viewing works; creating/managing spaces still in progress.</ p >
</ div >
< div class = "client-card" >
< div class = "client-card-top" >
< a href = "https://fluffychat.im/" target = "_blank" rel = "noopener" class = "client-card-name" > FluffyChat</ a >
< div class = "client-card-tags" >
< span class = "tag dim" > iOS</ span >
< span class = "tag dim" > Android</ span >
< span class = "tag dim" > Desktop</ span >
< span class = "tag dim" > Web</ span >
< span class = "tag rust" > Rust SDK</ span >
< span class = "tag warn" > Calls Experimental</ span >
2026-03-19 22:51:07 -04:00
</ div >
</ div >
2026-03-19 22:57:55 -04:00
< p class = "client-card-desc" > Simple, beginner-friendly, fully cross-platform. Rust encryption (Vodozemac). Unique: supports image captions (text + image as one event). Voice/video calls are experimental — reliability varies by homeserver and platform.</ p >
2026-03-19 22:51:07 -04:00
</ div >
</ div >
2026-03-19 22:57:55 -04:00
</ div >
2026-03-19 22:51:07 -04:00
2026-03-19 22:57:55 -04:00
< div class = "client-group" >
< p class = "client-group-label" > Discord-like — Android, Windows & Linux</ p >
< div class = "client-cards" >
< div class = "client-card" >
< div class = "client-card-top" >
< a href = "https://commet.chat/" target = "_blank" rel = "noopener" class = "client-card-name" > Commet</ a >
< div class = "client-card-tags" >
< span class = "tag dim" > Android</ span >
< span class = "tag dim" > Windows</ span >
< span class = "tag dim" > Linux</ span >
< span class = "tag beta" > Beta</ span >
< span class = "tag voice" > Voice & Video</ span >
2026-03-19 22:51:07 -04:00
</ div >
</ div >
2026-03-19 22:57:55 -04:00
< p class = "client-card-desc" > Most Discord-like client overall. Multi-account support, built-in GIF search (via privacy-respecting proxy — GIFs upload to your homeserver, not tracked by Tenor). Shared calendars and photo albums. No iOS or macOS yet. Active early-stage development.</ p >
2026-03-18 10:36:51 -04:00
</ div >
</ div >
2026-03-19 22:57:55 -04:00
</ div >
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
< div class = "client-group" >
< p class = "client-group-label" > Desktop — Windows, macOS & Linux</ p >
< div class = "client-cards" >
< div class = "client-card" >
< div class = "client-card-top" >
< a href = "https://element.io/download" target = "_blank" rel = "noopener" class = "client-card-name" > Element</ a >
< div class = "client-card-tags" >
< span class = "tag dim" > Windows</ span >
< span class = "tag dim" > macOS</ span >
< span class = "tag dim" > Linux</ span >
< span class = "tag dim" > Web</ span >
< span class = "tag voice" > Voice, Video & Screenshare</ span >
2026-03-19 22:51:07 -04:00
</ div >
</ div >
2026-03-19 22:57:55 -04:00
< p class = "client-card-desc" > Most feature-complete Matrix client — every spec feature including polls, widgets, threads, screenshare. Heavier on resources. Encrypted message search on desktop only (not web).</ p >
</ div >
< div class = "client-card" >
< div class = "client-card-top" >
< a href = "https://nheko-reborn.github.io/" target = "_blank" rel = "noopener" class = "client-card-name" > Nheko</ a >
< div class = "client-card-tags" >
< span class = "tag dim" > Windows</ span >
< span class = "tag dim" > macOS</ span >
< span class = "tag dim" > Linux</ span >
< span class = "tag voice" > Voice & Video</ span >
2026-03-19 22:51:07 -04:00
</ div >
</ div >
2026-03-19 22:57:55 -04:00
< p class = "client-card-desc" > Native C++/Qt client — lightest desktop option, no Electron. Deep KDE/Plasma integration. No threads, no mobile or web. Best for Linux power users who want minimal resource usage.</ p >
2026-03-18 10:36:51 -04:00
</ div >
</ div >
</ div >
2026-03-19 22:57:55 -04:00
< p class = "all-clients" >< a href = "https://matrix.org/ecosystem/clients/" target = "_blank" rel = "noopener" > View all Matrix clients → </ a ></ p >
2026-03-18 10:36:51 -04:00
</ div >
</ div >
2026-03-19 22:57:55 -04:00
</ div > <!-- end .card -->
<!-- ── Feature Comparison Table ── -->
< div class = "comparison-section" >
< p class = "comparison-title" > Client Feature Comparison — March 2026</ p >
2026-03-19 23:06:00 -04:00
< p class = "scroll-hint" id = "scrollHint" > ← swipe to compare →</ p >
2026-03-19 22:57:55 -04:00
< div class = "table-wrap" >
< table >
< thead >
< tr >
< th ></ th >
< th class = "ours" > Cinny< small > chat.lotusguild.org< br > dev branch</ small ></ th >
< th > Element X< small > iOS & Android</ small ></ th >
< th > FluffyChat< small > All platforms</ small ></ th >
< th > Commet< small > Android / Win / Linux</ small ></ th >
< th > Element< small > Web & Desktop</ small ></ th >
< th > Nheko< small > Desktop only</ small ></ th >
</ tr >
</ thead >
< tbody >
<!-- Platform -->
< tr class = "section-header" >< td colspan = "7" > Platform</ td ></ tr >
< tr >
< td > iOS</ td >
< td class = "ours" >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
</ tr >
< tr >
< td > Android</ td >
< td class = "ours" >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
</ tr >
< tr >
< td > Desktop app</ td >
< td class = "ours" >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span >< small > Win & Linux</ small ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
</ tr >
< tr >
< td > Web browser</ td >
< td class = "ours" >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
</ tr >
< tr >
< td > Performance</ td >
< td class = "ours" > Light</ td >
< td > Very fast< small > Sliding Sync</ small ></ td >
< td > Moderate</ td >
< td > Moderate</ td >
< td > Heavy< small > Electron / JS</ small ></ td >
< td > Light< small > Native C++</ small ></ td >
</ tr >
<!-- Security -->
< tr class = "section-header" >< td colspan = "7" > Security & Encryption</ td ></ tr >
< tr >
< td > E2EE</ td >
< td class = "ours" >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
</ tr >
< tr >
< td > Rust SDK (Vodozemac)< small > stronger crypto track record</ small ></ td >
< td class = "ours" >< span class = "no" > ✗</ span >< small > js-sdk</ small ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span >< small > js-sdk, migrating</ small ></ td >
< td >< span class = "no" > ✗</ span ></ td >
</ tr >
< tr >
< td > Device verification</ td >
< td class = "ours" >< span class = "part" > ~</ span >< small > requests may show as< br > "Unsupported message"</ small ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
</ tr >
<!-- Calling -->
< tr class = "section-header" >< td colspan = "7" > Voice & Video</ td ></ tr >
< tr >
< td > Voice & video calls</ td >
< td class = "ours" >< span class = "part" > ~</ span >< small > dedicated space rooms only,< br > not DMs</ small ></ td >
< td >< span class = "yes" > ✓</ span >< small > MatrixRTC</ small ></ td >
< td >< span class = "part" > ~</ span >< small > experimental, varies< br > by homeserver</ small ></ td >
2026-03-19 23:02:08 -04:00
< td >< span class = "part" > ~</ span >< small > 1:1 + group,< br > no E2EE voice rooms</ small ></ td >
2026-03-19 22:57:55 -04:00
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
</ tr >
< tr >
< td > Screenshare</ td >
< td class = "ours" >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "part" > ~</ span >< small > partial</ small ></ td >
</ tr >
< tr >
< td > Group calls</ td >
< td class = "ours" >< span class = "part" > ~</ span >< small > space rooms only</ small ></ td >
< td >< span class = "yes" > ✓</ span >< small > MatrixRTC</ small ></ td >
< td >< span class = "no" > ✗</ span ></ td >
2026-03-19 23:02:08 -04:00
< td >< span class = "part" > ~</ span >< small > no E2EE voice rooms</ small ></ td >
2026-03-19 22:57:55 -04:00
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "part" > ~</ span >< small > partial</ small ></ td >
</ tr >
<!-- Core features -->
< tr class = "section-header" >< td colspan = "7" > Core Features</ td ></ tr >
< tr >
< td > Spaces</ td >
< td class = "ours" >< span class = "yes" > ✓</ span >< small > best-in-class sub-space nav</ small ></ td >
< td >< span class = "part" > ~</ span >< small > viewing works;< br > management in progress</ small ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span >< small > Discord-like categories</ small ></ td >
< td >< span class = "yes" > ✓</ span >< small > sub-spaces clunky</ small ></ td >
< td >< span class = "part" > ~</ span >< small > limited</ small ></ td >
</ tr >
< tr >
< td > Threads</ td >
< td class = "ours" >< span class = "part" > ~</ span >< small > basic, no dedicated view</ small ></ td >
< td >< span class = "part" > ~</ span >< small > Labs flag</ small ></ td >
< td >< span class = "no" > ✗</ span >< small > shows as regular messages</ small ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
</ tr >
< tr >
< td > Polls</ td >
< td class = "ours" >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "part" > ~</ span >< small > recently added</ small ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
</ tr >
< tr >
< td > Custom emoji & stickers</ td >
< td class = "ours" >< span class = "yes" > ✓</ span >< small > best-in-class</ small ></ td >
< td >< span class = "part" > ~</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span >< small > bulk upload, Signal packs</ small ></ td >
< td >< span class = "part" > ~</ span >< small > sometimes shows mxc:// URLs</ small ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
</ tr >
< tr >
< td > GIF search / picker</ td >
< td class = "ours" >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span >< small > privacy proxy,< br > uploads to homeserver</ small ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
</ tr >
< tr >
< td > Message search (encrypted)</ td >
< td class = "ours" >< span class = "part" > ~</ span >< small > partial, some rooms broken</ small ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "part" > ~</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "part" > ~</ span >< small > desktop only, not web</ small ></ td >
< td >< span class = "part" > ~</ span ></ td >
</ tr >
< tr >
< td > Widgets</ td >
< td class = "ours" >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
</ tr >
<!-- UX / extras -->
< tr class = "section-header" >< td colspan = "7" > UX & Extras</ td ></ tr >
< tr >
< td > Multi-account</ td >
< td class = "ours" >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "part" > ~</ span >< small > supported but clunky</ small ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span >< small > CLI profiles only</ small ></ td >
</ tr >
< tr >
< td > Image captions< small > (text + image as one event)</ small ></ td >
< td class = "ours" >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span >< small > unique feature</ small ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "part" > ~</ span ></ td >
</ tr >
< tr >
< td > Discord-like UI</ td >
< td class = "ours" >< span class = "yes" > ✓</ span >< small > best-in-class for web</ small ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span >< small > WhatsApp/Telegram style</ small ></ td >
< td >< span class = "yes" > ✓</ span >< small > most Discord-like overall</ small ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
</ tr >
< tr >
< td > Shared calendars & albums</ td >
< td class = "ours" >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "yes" > ✓</ span >< small > unique to Commet</ small ></ td >
< td >< span class = "no" > ✗</ span ></ td >
< td >< span class = "no" > ✗</ span ></ td >
</ tr >
2026-03-19 23:02:08 -04:00
< tr >
< td > Deleted message visibility< small > (redacted events)</ small ></ td >
< td class = "ours" >< span class = "no" > ✗</ span >< small > hides deleted messages< br > entirely — no trace</ small ></ td >
< td >< span class = "yes" > ✓</ span >< small > "Message deleted"< br > placeholder shown</ small ></ td >
< td >< span class = "yes" > ✓</ span >< small > shows redaction notice</ small ></ td >
< td >< span class = "yes" > ✓</ span >< small > shows redaction notice</ small ></ td >
< td >< span class = "yes" > ✓</ span >< small > "Message deleted"< br > placeholder shown</ small ></ td >
< td >< span class = "yes" > ✓</ span >< small > shows redaction notice</ small ></ td >
</ tr >
2026-03-19 22:57:55 -04:00
< tr >
< td > Push notifications</ td >
< td class = "ours" >< span class = "part" > ~</ span >< small > web push only</ small ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
< td >< span class = "yes" > ✓</ span >< small > desktop</ small ></ td >
< td >< span class = "yes" > ✓</ span ></ td >
</ tr >
</ tbody >
</ table >
</ div > <!-- table-wrap -->
< div class = "security-note" style = "margin:14px 16px 6px;" >
< strong > Encryption architecture:</ strong > Element X, FluffyChat, and Commet use < strong > Vodozemac</ strong > — the Rust implementation of Matrix encryption — which has a stronger security track record than the older JavaScript SDK. Cinny and Element Web/Desktop currently use < strong > matrix-js-sdk</ strong > ; Element is actively migrating to the Rust SDK via WebAssembly. Rust-based clients were not affected by historical js-sdk implementation vulnerabilities.
</ div >
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
< div class = "legend" >
< span >< span class = "yes" > ✓</ span > Full support</ span >
< span >< span class = "part" > ~</ span > Partial / experimental</ span >
< span >< span class = "no" > ✗</ span > Not supported</ span >
</ div >
</ div > <!-- comparison-section -->
<!-- ── Server Details ── -->
< div class = "server-info" >
< p class = "server-info-title" > Server Details</ p >
< div class = "info-grid" >
< div class = "info-item" >
< div class = "info-label" > Access</ div >
< div class = "info-value" > Invite-only</ div >
</ div >
< div class = "info-item" >
< div class = "info-label" > Max Upload</ div >
< div class = "info-value" > 200 MB / file</ div >
</ div >
< div class = "info-item" >
< div class = "info-label" > Message History</ div >
< div class = "info-value" > Kept indefinitely</ div >
</ div >
< div class = "info-item" >
< div class = "info-label" > Media Retention</ div >
< div class = "info-value" > 3 yr local · 1 yr remote</ div >
</ div >
< div class = "info-item" >
< div class = "info-label" > Federation</ div >
< div class = "info-value" > Fully federated</ div >
2026-03-18 10:36:51 -04:00
</ div >
2026-03-19 22:57:55 -04:00
< div class = "info-item" >
< div class = "info-label" > Minimum Age</ div >
< div class = "info-value" > 13+ (COPPA)</ div >
2026-03-18 10:36:51 -04:00
</ div >
</ div >
2026-03-19 22:57:55 -04:00
< div class = "privacy-strip" >
< span class = "privacy-badge" > No ads or tracking</ span >
< span class = "privacy-badge" > No data sold</ span >
< span class = "privacy-badge" > E2EE — server cannot read encrypted rooms</ span >
2026-03-18 10:36:51 -04:00
</ div >
2026-03-19 22:57:55 -04:00
</ div >
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
< div class = "legal-note" >
This service is provided "as-is" with no uptime guarantee. Not for emergency use — do not use to contact emergency services (e.g. 911). Use is governed by our < a href = "https://wiki.lotusguild.org/en/Legal/terms-of-service" target = "_blank" rel = "noopener" > Terms of Service</ a > and < a href = "https://wiki.lotusguild.org/en/Legal/privacy-policy" target = "_blank" rel = "noopener" > Privacy Policy</ a > . Governing law: State of Ohio, United States.
</ div >
2026-03-18 10:36:51 -04:00
2026-03-19 22:57:55 -04:00
< div class = "contact" >
< p style = "font-size:0.85rem;color:#777;margin-bottom:4px;" > Questions or need a registration token?</ p >
< p > Reach out to < code class = "homeserver" > @jared:matrix.lotusguild.org</ code ></ p >
2026-03-18 10:36:51 -04:00
</ div >
2026-03-19 22:57:55 -04:00
< p class = "footer" >
< a href = "https://wiki.lotusguild.org/en/Services/service-matrix" target = "_blank" rel = "noopener" > Wiki & Setup Guide</ a >
< span > · </ span >
< a href = "https://wiki.lotusguild.org/en/Legal/privacy-policy" target = "_blank" rel = "noopener" > Privacy Policy</ a >
< span > · </ span >
< a href = "https://wiki.lotusguild.org/en/Legal/terms-of-service" target = "_blank" rel = "noopener" > Terms of Service</ a >
< span > · </ span >
< span > Powered by Matrix · E2E Encrypted</ span >
</ p >
</ div > <!-- container -->
2026-03-19 23:06:00 -04:00
< script >
// Show scroll hint only on touch devices; hide once table is scrolled
if ( 'ontouchstart' in window || navigator . maxTouchPoints > 0 ) {
var hint = document . getElementById ( 'scrollHint' );
if ( hint ) hint . style . display = 'block' ;
var wrap = hint && hint . nextElementSibling ;
if ( wrap ) wrap . addEventListener ( 'scroll' , function hide () {
hint . style . display = 'none' ;
wrap . removeEventListener ( 'scroll' , hide );
}, { passive : true });
}
</ script >
2026-03-18 10:36:51 -04:00
</ body >
</ html >
