Next release: new NextWheel icon, name lettering and the IFOKNR lettering in the WebUI

CHANGELOG.md

@@ -2,6 +2,14 @@
 
 <!-- Each "## vX.Y.Z" section is the release notes and the Telegram post: the Arabic bullets, then a line "**English**" and the same bullets in English. Keep it short (about 760 characters). Commits show IFOKNR only. -->
 
+## v0.0.18
+- شكل جديد: أيقونة رمادية هادية مثل باقي أدوات IFOKNR، واسم الأداة بخط جديد فوق، وتوقيع IFOKNR في صفحة الحقوق.
+- إصلاح: أول فتح للواجهة يبقى على الصفحة، وزر الرجوع ما عاد يطلّعك منها.
+
+**English**
+- New look: a calm grey icon like the other IFOKNR tools, the name in new lettering at the top, and IFOKNR's signature in the credits.
+- Fixed: the first load of the WebUI stays on the page; Back no longer leaves it.
+
 ## v0.0.17
 - واجهة رئيسية جديدة بالكامل: لوحة معلومات على طراز NextZygisk — بطاقة رئيسية بحالة الحماية وثلاث إحصائيات، بطاقات حالة، بطاقة الحمايات، معلومات الجهاز، وشبكة أدوات. فاتح/داكن و RTL، وعمودين على التابلت.
 - إصلاح: مفاتيح الحماية صارت تطابق الوضع الحقيقي — فشل قراءة الحالة ما عاد يعرضها كلها مفعّلة، وصف «قلب منطق القائمة» الخاص بـ Magisk ينخفي على غير Magisk، والعدّاد يطابق الصفوف الظاهرة. والكلام صار بعرض الصف بدون تظليل.

build/module.prop

@@ -1,7 +1,7 @@
 id=treat_wheel
 name=NextWheel
-version=v0.0.17
-versionCode=0017
+version=v0.0.18
+versionCode=0018
 author=ifoknr & ThePedroo
 description=A Treat Wheel fork made for NextZygisk - the wheel to reinvent the new light.
 banner=banner.png

src/webroot/index.html

@@ -29,6 +29,8 @@
       })();
     </script>
 
+    <link rel="icon" type="image/svg+xml" href="assets/logo.svg">
+
     <link rel="stylesheet" type="text/css" href="https://mui.kernelsu.org/internal/insets.css">
 
     <link rel="stylesheet" href="fonts/fonts.css">

src/webroot/js/pages/home/index.css

@@ -18,7 +18,10 @@
   justify-content: space-between;
   margin-bottom: 16px;
 }
+.tw_hdr_l { display: flex; align-items: center; gap: 12px; min-width: 0; }
+.tw_logo { width: 40px; height: 40px; flex: 0 0 auto; }
 .tw_brand { font-size: 21px; font-weight: 700; line-height: 1.1; letter-spacing: -0.3px; }
+.wm { display: block; height: 1em; overflow: visible; }
 .tw_updated { color: var(--desc); font-size: 12px; margin-top: 3px; font-weight: 500; }
 .tw_refresh {
   width: 42px; height: 42px; border-radius: 50%;

src/webroot/js/pages/home/index.html

@@ -2,8 +2,11 @@
 <div id="panel_home" class="panel tw_home">
   <div class="tw_hdr">
     <div class="tw_hdr_l">
-      <div class="tw_brand">NextWheel</div>
-      <div class="tw_updated" id="tw_updated"></div>
+      <img class="tw_logo" src="assets/logo.svg" alt="" />
+      <div>
+        <div class="tw_brand"><svg class="wm" viewBox="0 0 5332 1237" style="width:4.310em" role="img" aria-label="NextWheel"><path fill="currentColor" d="M78 1000H200L270 497L514 1006H637L737 300H615L544 801L304 300H176ZM792 770C769 933 828 1012 969 1012C1058 1012 1134 985 1200 927L1139 859C1089 888 1042 901 985 901C922 901 899 861 912 768L920 714L968 767C991 780 1024 789 1048 789C1182 789 1249 722 1268 583C1287 451 1210 378 1062 378C909 378 838 439 816 593ZM933 619 937 592C948 515 980 488 1061 488C1133 488 1158 515 1148 583C1139 649 1104 680 1041 680C1000 680 957 655 933 619ZM1254 1000H1386L1540 781L1632 1000H1754L1615 672L1816 390H1683L1560 565L1485 390H1363L1485 672ZM1896 769C1873 937 1919 1011 2044 1011C2121 1011 2179 986 2240 924L2183 861C2138 893 2104 902 2073 902C2014 902 2001 888 2018 768L2057 491H2238L2252 390H2071L2089 259L1965 279L1949 390H1907L1876 491H1935ZM2347 300 2448 1000H2567L2759 508L2813 1000H2932L3229 300H3108L2903 788L2847 300H2729L2536 788L2468 300ZM3217 1000H3339L3404 536C3439 497 3493 474 3554 474C3609 474 3619 503 3602 623L3549 1000H3661L3717 597C3739 440 3705 378 3588 378C3544 378 3503 387 3470 404L3415 457L3447 225H3326ZM3793 770C3770 933 3829 1012 3970 1012C4059 1012 4135 985 4201 927L4140 859C4090 888 4043 901 3986 901C3923 901 3900 861 3913 768L3921 714L3969 767C3992 780 4025 789 4049 789C4183 789 4250 722 4269 583C4288 451 4211 378 4063 378C3910 378 3839 439 3817 593ZM3934 619 3938 592C3949 515 3981 488 4062 488C4134 488 4159 515 4149 583C4140 649 4105 680 4042 680C4001 680 3958 655 3934 619ZM4316 770C4293 933 4352 1012 4493 1012C4582 1012 4658 985 4724 927L4663 859C4613 888 4566 901 4509 901C4446 901 4423 861 4436 768L4444 714L4492 767C4515 780 4548 789 4572 789C4706 789 4773 722 4792 583C4811 451 4734 378 4586 378C4433 378 4362 439 4340 593ZM4457 619 4461 592C4472 515 4504 488 4585 488C4657 488 4682 515 4672 583C4663 649 4628 680 4565 680C4524 680 4481 655 4457 619ZM4884 769C4861 932 4903 1011 5012 1011C5083 1011 5138 986 5198 924L5141 861C5103 889 5070 902 5041 902C4998 902 4991 875 5006 768L5082 225H4961Z"/></svg></div>
+        <div class="tw_updated" id="tw_updated"></div>
+      </div>
     </div>
     <div class="tw_refresh" id="tw_refresh" role="button" aria-label="Refresh">
       <svg viewBox="0 0 24 24"><path d="M20 11a8 8 0 10-2.3 5.7M20 5v5h-5"/></svg>

src/webroot/js/pages/settings/index.css

@@ -130,3 +130,8 @@ input:checked + .slider {
   unicode-bidi: isolate;
   direction: ltr;
 }
+
+/* INFO: IFOKNR in the Swamp Ninja lettering, drawn as outlines in the credit colour of each theme. */
+.tw_sig { display: inline-block; height: 14px; width: auto; vertical-align: -2px; }
+.tw_sig_light, :root[data-theme="light"] .tw_sig_dark { display: none; }
+:root[data-theme="light"] .tw_sig_light { display: inline-block; }

src/webroot/js/pages/settings/index.html

@@ -48,7 +48,7 @@
     <div class="dimc content">
       <div id="mcre_title" class="dimc" style="font-size: 14.5px">{{moduleDevelopers}}</div>
       <div id="credit_ifoknr" credit-link="https://github.com/ifoknr" class="dimc desc tw_credit" style="font-size: 12.5px; margin-top: 3px;">
-        ifoknr <span class="tw_credit_url">github.com/ifoknr</span>
+        <img class="tw_sig tw_sig_dark" src="assets/ifoknr-dark.svg" alt="IFOKNR"><img class="tw_sig tw_sig_light" src="assets/ifoknr-light.svg" alt="IFOKNR"> <span class="tw_credit_url">github.com/ifoknr</span>
       </div>
       <div class="dimc desc" style="font-size: 12.5px; margin-top: 3px;">
         {{basedOn}}: <span id="credit_thepedroo" credit-link="https://github.com/ThePedroo" class="tw_credit">ThePedroo</span>, <span id="credit_rainyxeon" credit-link="https://github.com/RainyXeon" class="tw_credit">RainyXeon</span>
@@ -58,7 +58,7 @@
     <div class="dimc" style="margin-top: 15px;">
       <div id="webcre_title" class="dimc" style="font-size: 14.5px">{{WebUIDevelopers}}</div>
       <div class="dimc desc" style="font-size: 12.5px; margin-top: 3px;">
-        <span id="credit_ifoknr_webui" credit-link="https://github.com/ifoknr" class="tw_credit">ifoknr</span>, <span id="credit_rainyxeon_webui" credit-link="https://github.com/RainyXeon" class="tw_credit">RainyXeon</span>
+        <span id="credit_ifoknr_webui" credit-link="https://github.com/ifoknr" class="tw_credit"><img class="tw_sig tw_sig_dark" src="assets/ifoknr-dark.svg" alt="IFOKNR"><img class="tw_sig tw_sig_light" src="assets/ifoknr-light.svg" alt="IFOKNR"></span>, <span id="credit_rainyxeon_webui" credit-link="https://github.com/RainyXeon" class="tw_credit">RainyXeon</span>
       </div>
     </div>
   </div>