In this tutorial we describe the procedure to customize your Pryv.io web apps. As explained in the README, it is also possible to directly edit your platform assets in the public_html/assets folder of your Open Pryv.io instance.
However, when working in a production environment, we stronly recommend to follow the steps below to change assets for your Open Pryv.io platform.
This will allow you to keep track of your changes and our updates to the Pryv.io visual assets.
You can fork the Github repositery containing visual assets for the Open Pryv.io platform.
Clone the repositery: git clone git@github.com:pryv/assets-open-pryv.io.git.
See the README file to understand the structure of the Visual Assets repositery.
You can for example edit the logo of your authentication app (app-web-auth3) and adapt it to your own branding.
To do so, navigate to the folder app-web-auth3 in assets-open-pryv.io.
Add your own logo "my-logo.png" and update the relevant section in the index.json file :
"app-web-auth3": {
"logo": {
"url": "app-web-auth3/my-logo.png"
}
}Once your changes are done, copy the content of your assets-open-pryv.io folder to public_html/assets folder of your Open Pryv.io instance.
Run your Open Pryv instance from your terminal.
You can test your changes by opening the onboarding example page https://api.pryv.com/example-apps-web/onboarding/.
In the Service information section, select your deployment type and enter the service information URL to fetch service info :
Once this is done, perform the "Auth request" in the Authentication request section.
You can then click on the login button on the top of the page:
This will open the login page on which you can see the applied changes :
