br0kenpixel/ReZygisk
1
0
Fork 0
mirror of https://github.com/PerformanC/ReZygisk.git synced 2025-09-06 06:37:01 +00:00
Code Issues Packages Projects Releases 1 Wiki Activity

add: mark icon for rezygisk state; improve: global fonts

Browse Source 
This commit will add new icon for ReZygisk is mark. This icon will replect the state of ReZygisk. This commit also improve font by adding new local font named ProductSans for material you feeling
This commit is contained in:
RainyXeon /
2024-06-22 15:30:33 +07:00
committed by ThePedroo
parent bdf12dcf44
commit 2acda90379
7 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
webroot/assets/mark.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q54 0 104-17.5t92-50.5L228-676q-33 42-50.5 92T160-480q0 134 93 227t227 93Zm252-124q33-42 50.5-92T800-480q0-134-93-227t-227-93q-54 0-104 17.5T284-732l448 448Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 476 B

9
webroot/css/fonts.css Normal file
View File

@@ -0,0 +1,9 @@
@font-face {
font-family: "ProductSans Regular";
src: url("../fonts/ProductSans-Regular.ttf");
}
@font-face {
font-family: "ProductSans Italic";
src: url("../fonts/ProductSans-Regular.ttf");
}

2
webroot/css/index.css
View File

@@ -1,7 +1,7 @@
* {
background-color: #181c20;
color: #fff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
font-family: 'ProductSans Regular', 'ProductSans Italic', sans-serif
}
body {

BIN
webroot/fonts/ProductSans-Italic.ttf Normal file
View File

Binary file not shown.

BIN
webroot/fonts/ProductSans-Regular.ttf Normal file
View File

Binary file not shown.

8
webroot/index.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="initial-scale=1, width=device-width" />
<meta name="viewport" content="viewport-fit=cover" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/main.js" type="module"></script>
</head>
@@ -14,10 +14,10 @@
<div name="ghost" style="padding: 40px 0px;"></div>
<div name="version" class="bright card">
<div class="brightc content" style="display: flex; align-items: center;">
<div name="rezygisk-state" class="brightc">
<img class="brightc" src="assets/tick.svg">
<div id="rezygisk_icon_state" class="brightc">
<img class="brightc" src="assets/mark.svg">
</div>
<div name="rezygisk-state" class="brightc content" id="rezygisk_state" style="font-size: 1.2em; padding-bottom: 6.5px; padding-left: 5px;">
<div id="rezygisk_state" class="brightc content" style="font-size: 1.2em; padding-bottom: 4px; padding-left: 5px;">
ReZygisk is at an unknown state!
</div>
</div>

2
webroot/js/main.js
View File

@@ -3,9 +3,11 @@ import { exec, toast, fullScreen } from './kernelsu.js';
(async () => {
fullScreen(true)
const rezygisk_icon_state = document.getElementById('rezygisk_icon_state')
const rezygisk_state = document.getElementById('rezygisk_state')
/* TODO: Implement rezygisk state */
rezygisk_state.innerHTML = 'ReZygisk is functioning!'
rezygisk_icon_state.innerHTML = '<img class="brightc" src="assets/tick.svg">'
const code_version = document.getElementById('version_code')
const root_impl = document.getElementById('root_impl')