PS3 XMB Offline Documentation Tool

[xp3riments]

I have made a simple online tool to easy generate documentation as seen in the current hen changelog.

You can find the tool online at:https://codepen.io/xps3riments/full/MNazWB

Usage:

UI Setup

Change the Title / Color Base & Logo(optional) as needed.

Content Setup

For every new side menu entry you want to include, add a <script type="cl" id="title">contents...</script> tag entry.

Content Formating

For links use [text to show](http://link.com/)
Use #-@ in the beginning of each line to format content as:
---------------
#Titles
- List Item
- List Item
@Note

Saving / Generating needed files

Use the bottom buttons to generate / save the needed contents.

- Download Document File -- to be able to edit later
- Download XMB inline javascript -- this is the one we need to include in the XMB item
- Download external.xml -- use this file to quick test the menu, copy it to root dev_usb000 & reload XMB

Tips / Caution Size limit of 15kb

If you use a custom logo:
- try to compress it as much as possible as we have only 15kb for all the content.
- https://tinypng.com/ to compress this images. (tip you can try to do the compression more than one time)

Comments are welcome...

 

[lmn7]

Really cool project. Have you tested any of the scripts in the original Silk browser? It has some limited JS support, and it allows you to use larger scripts than in the newer browser.

 

[xp3riments]

Not really tested in silk, I will do and post results here.

 

[DeViL303]

I really like this too, the best thing is its completely offline and can be added to an XMBML entry. Lots of potential uses IMO.

Here are a couple of POC images:

 

[DeViL303]

Ps3Xploit Homepage converted into an offline XMB Item. POC.

Nice thing about this is you dont need to set the exploit pages as homepage, they all seem to work just be clicking the links on here.

Note: It just the Main page, all the exploits are still online as we are limited to 16kb unfortunately.

XML attached. Just put it on usb000 and reboot if on HEN. If on CFW you need to add this query for the external.xml

<Query
class="type:x-xmb/folder-pixmap"
key="external_xmb"
src="xmb://localhost/dev_usb000/external.xml#external"
/>

I've also attached the source txt if someone wants to edit it and generate a modified version.

 

[LuanTeles]

I like how it opens in full screen

using javascript:window.resizeTo(screen.width,screen.height)

but one thing that i need is to open http://localhost/dev_hdd0/test.png in the same way, full screen

how can i do it? i don't know anything about javascript

 

[LuanTeles]

@DeViL303 hod do you managed to get the logo under 3kb

mine is 50kb i can't get it lighter

 

[DeViL303]

You need the WIDTH to be 170, not height. Also you should make it like 8 bit or 4 bit and put it on a background.

 

[LuanTeles]

You need the WIDTH to be 170, not height. Also you should make it like 8 bit or 4 bit and put it on a background.

Got it, thanks

but it didn't work since i'm using the script beyond its limits ( jut with my changelogs)

i have more than 1500 characteres and it worked, but adding one new line it stops to work.

same adding the image.

But i will add a logo in the other ones.

 

[LuanTeles]

How to add a @ (note) with multiple lines, whitout making each line a note?

 

[DeViL303]

How to add a @ (note) with multiple lines, whitout making each line a note?

Try adding spaces so it is all one line maybe.

 

[LuanTeles]

I have made a simple online tool to easy generate documentation as seen in the current hen changelog.

View attachment 19197

You can find the tool online at:https://codepen.io/xps3riments/full/MNazWB

View attachment 19196

Usage:

UI Setup

Change the Title / Color Base & Logo(optional) as needed.

Content Setup

For every new side menu entry you want to include, add a <script type="cl" id="title">contents...</script> tag entry.

Content Formating

For links use [text to show](http://link.com/)
Use #-@ in the beginning of each line to format content as:
---------------
#Titles
- List Item
- List Item
@Note

Saving / Generating needed files

Use the bottom buttons to generate / save the needed contents.

- Download Document File -- to be able to edit later
- Download XMB inline javascript -- this is the one we need to include in the XMB item
- Download external.xml -- use this file to quick test the menu, copy it to root dev_usb000 & reload XMB

Tips / Caution Size limit of 15kb

If you use a custom logo:
- try to compress it as much as possible as we have only 15kb for all the content.
- https://tinypng.com/ to compress this images. (tip you can try to do the compression more than one time)

Comments are welcome...

Can you implement more color combinations, like Yellow, Orange, Black and White, Purple

 

[LuanTeles]

Try adding spaces so it is all one line maybe.

Nice it works but is a little tricky to get it right, need to be testing and testing

 

[DeViL303]

Nice it works but is a little tricky to get it right, need to be testing and testing

Yeah it's not ideal, as it might look different at lower resolution.

Can you implement more color combinations, like Yellow, Orange, Black and White, Purple

For the colours, you ca probably just edit the color codes in the js. They might be easy to find. I have not looked.

 

[LuanTeles]

@xp3riments

Can you add a option to change the links color? i'm using it with @Notes and it cannot be seem, it becames as dark as the @note background.

Also a variety of colours to choose, i know you already did some more for me, but with a colour picker it will allows us infinity possibilities

I have almost 15 pages and i'd like to use one color for each type of it.

 

[LuanTeles]

 

[LuanTeles]

@DeViL303 How did you do to have the gray text?

 

[DeViL303]

Not sure, Aldo might have tweaked that. I guess you can edit all the colors by editing the JS directly.

 

[Valk]

how to solve more than 1500 characters? mine is more than 1500, after I try it only shows a white screen.

 

[DeViL303]

how to solve more than 1500 characters? mine is more than 1500, after I try it only shows a white screen.

You mean 15000 I guess. There is no way to use more than that afaik. If you don't use any image it will help a little. After that you will just have to shorten the text, abbreviate stuff.