Skip to content

Commit 1789288

Browse files
perkiperki
committed
Initial content — mirror of assets-demo, prod-adapted README
Content (favicon, default.css, index.json, app-web-auth3/, lib-js/) is a verbatim copy of assets-demo at commit a797573 (2026-05-27). README adapted to reflect prod context (referenced by reg.api.datasafe.dev service-info as assets.definitions).
0 parents  commit 1789288

14 files changed

Lines changed: 252 additions & 0 deletions

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
.DS_Store

‎README.md‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
# HDS Production Visual Assets
2+
3+
This repository hosts the **production** visual assets for the [Health Data Safe](https://www.healthdatasafe.org) platform. Content is served as static GitHub Pages from this repo's `main` branch.
4+
5+
The file [`index.json`](index.json) is exposed via the [Service Information](https://api.pryv.com/reference/#service-info) API call under the `assets.definitions` property, referenced by the prod open-pryv.io platform config.
6+
7+
- **Prod service-info:** <https://reg.api.datasafe.dev/service/info>
8+
- **Published URL:** <https://healthdatasafe.github.io/assets-prod/index.json>
9+
- **Demo equivalent:** [`healthdatasafe/assets-demo`](https://github.com/healthdatasafe/assets-demo) — same structure, served from <https://healthdatasafe.github.io/assets-demo/index.json>.
10+
11+
## Structure
12+
13+
### `index.json`
14+
15+
- `baseUrl` resolves relative resource paths. `null` means "resolve against `index.json`'s own location" (HTML `<base href>` semantics).
16+
- `favicon.default` — `.ico` file path.
17+
- `css.default` — `.css` file path.
18+
- `{app-name}` — custom assets per consumer app (see `app-web-auth3/`, `lib-js/`).
19+
20+
```json
21+
{
22+
"baseUrl": null,
23+
"favicon": { "default": "favicon.ico" },
24+
"css": { "default": "default.css" },
25+
"lib-js": {
26+
"buttonSignIn": {
27+
"css": "lib-js/buttonSignIn.css",
28+
"html": "lib-js/buttonSignIn.html",
29+
"messages": "lib-js/buttonSignInMessages.json"
30+
}
31+
}
32+
}
33+
```
34+
35+
## Editing
36+
37+
1. Edit files on `main`.
38+
2. Commit + push — GitHub Pages publishes the root of `main` automatically.
39+
3. Verify the change at <https://healthdatasafe.github.io/assets-prod/index.json> after build (~1 minute).
40+
41+
Service-info caches mean clients may see the old version for several minutes after a content change. Verify with a fresh browser session or `curl --no-keepalive`.

‎app-web-auth3/README.md‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
# Visual Assets for app-web-auth3
2+
3+
This document is a sub-part of the [Open Pryv.io assets](https://github.com/pryv/assets-open-pryv.io) documentation.
4+
5+
It describes the visual assets used by the [Pryv Authentication App app-web-auth3](https://github.com/pryv/app-web-auth3).
6+
7+
## Content of `app-web-auth3` assets properties
8+
9+
```json
10+
{
11+
"app-web-auth3": {
12+
"logo": {
13+
"url": "app-web-auth3/logo.png"
14+
}
15+
}
16+
}
17+
```

‎app-web-auth3/logo.png‎

13.9 KB
Loading

‎default.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
body {
2+
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3+
}
4+
5+
h3 {
6+
margin: 1.5em 0 0;
7+
}
8+
9+
h5 {
10+
margin: 1em 0 0;
11+
}
12+
13+
textarea {
14+
width: 100%;
15+
height: 20em;
16+
}

‎favicon.ico‎

15 KB
Binary file not shown.

‎index.json‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"baseUrl": null,
3+
"favicon": {
4+
"default": {"url": "favicon.ico"}
5+
},
6+
"css": {
7+
"default": {"url": "default.css"}
8+
},
9+
"lib-js": {
10+
"buttonSignIn": {
11+
"css": "lib-js/buttonSignIn.css",
12+
"html": "lib-js/buttonSignIn.html",
13+
"messages": "lib-js/buttonSignInMessages.json"
14+
}
15+
},
16+
"app-web-auth3": {
17+
"logo": {
18+
"url": "app-web-auth3/logo.png"
19+
}
20+
}
21+
}

‎lib-js/README.md‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
# Visual Assets for lib-js
2+
3+
This document is a sub-part of the [Open Pryv.io assets](https://github.com/pryv/assets-open-pryv.io) documentation.
4+
5+
It describes the visual assets used by the [Pryv JavaScript Library](https://github.com/pryv/lib-js).
6+
7+
## Content of `lib-js` assets properties
8+
9+
```json
10+
{
11+
"lib-js": {
12+
"buttonSignIn": {
13+
"css": "lib-js/buttonSignIn.css",
14+
"html": "lib-js/buttonSignIn.html",
15+
"messages": "lib-js/buttonSignInMessages.json"
16+
}
17+
}
18+
}
19+
```
20+
21+
### ButtonSignIn
22+
23+
#### Definitions
24+
25+
- **html** The HTML code representing the Button
26+
- **css** The CSS code related to the Button
27+
- **messages** To customize the different messages depending on the state of the Auth Process
28+
- LOADING: During the loading of the button (Usually not visible as the loading takes less that 150ms)
29+
- ERROR: Display on Error
30+
- LOGIN: Text displayed when a Login is required
31+
- LOGOUT_CONFIRM: Text displayed in an alert message box to confirm Log-out
32+
33+
#### Files
34+
35+
- **buttonSignIn.css** CSS content (declared by `css` property)
36+
- **buttonSignIn.html** HTML content (declared by `html` property)
37+
- **buttonSignIn.png** Image for the button for non CSS3 compatible browsers
38+
- **buttonSignInLogoOnly.png** Image for the button for CSS3 compatible browsers
39+
- **buttonSignInMessages.json** Messages definitions (declared by `messages` property)

‎lib-js/buttonSignIn.css‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
/* Style Sign-in button FULL CSS */
2+
.pryv-access-btn-signin {
3+
position: relative;
4+
display: inline-block;
5+
font-size: 0;
6+
white-space: nowrap;
7+
vertical-align: middle;
8+
}
9+
10+
.pryv-access-btn {
11+
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
12+
text-decoration: none;
13+
display: inline-block;
14+
padding: 2px 6px;
15+
margin-bottom: 0;
16+
font-size: 12px;
17+
line-height: 20px;
18+
color: #2a2929;
19+
text-align: center;
20+
vertical-align: middle;
21+
cursor: pointer;
22+
background-color: #f5f3f3;
23+
background: linear-gradient(180deg, #ffffff 0%,#d3d5d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
24+
border: 1px solid #3a3a3a;
25+
-webkit-border-radius: 3px;
26+
-moz-border-radius: 3px;
27+
border-radius: 3px;
28+
}
29+
30+
.pryv-access-btn-signin > .pryv-access-btn {
31+
position: relative;
32+
-webkit-border-radius: 0;
33+
-moz-border-radius: 0;
34+
border-radius: 0;
35+
}
36+
37+
.pryv-access-btn-signin > .pryv-access-btn:first-child {
38+
margin-left: 0;
39+
-webkit-border-bottom-left-radius: 3px;
40+
border-bottom-left-radius: 3px;
41+
-webkit-border-top-left-radius: 3px;
42+
border-top-left-radius: 3px;
43+
-moz-border-radius-bottomleft: 3px;
44+
-moz-border-radius-topleft: 3px;
45+
}
46+
47+
.pryv-access-btn-signin > .pryv-access-btn:first-child span {
48+
background-image: url(buttonSigninLogoOnly.png);
49+
background-position: 0px -1px;
50+
background-repeat: no-repeat;
51+
text-indent: -90000px;
52+
display: block;
53+
width: 27px;
54+
}
55+
56+
.pryv-access-btn-signin > .pryv-access-btn:last-child{
57+
border-left: none;
58+
-webkit-border-top-right-radius: 3px;
59+
border-top-right-radius: 3px;
60+
-webkit-border-bottom-right-radius: 3px;
61+
border-bottom-right-radius: 3px;
62+
-moz-border-radius-topright: 3px;
63+
-moz-border-radius-bottomright: 3px;
64+
}
65+
66+
.pryv-access-btn a:hover, .pryv-access-btn a:focus {
67+
color: #ede1e1;
68+
text-decoration: none;
69+
}
70+
71+
/* Style Sign-in button WITH IMAGE */
72+
.pryv-access-btn-signin-image {
73+
text-decoration: none;
74+
display: inline-block;
75+
padding: 0px 36px;
76+
margin-bottom: 0;
77+
font-size: 12px;
78+
line-height: 20px;
79+
color: #FFFFFF;
80+
background-image: url(buttonSignIn.png);
81+
background-position: 0px 4px;
82+
background-repeat: no-repeat;
83+
text-transform: uppercase;
84+
line-height: 34px;
85+
}

‎lib-js/buttonSignIn.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
<div id="pryv-access-btn" class="pryv-access-btn-signin">
2+
<span class="pryv-access-btn pryv-access-btn-pryv-access-color"><span class="logoSignin">HDS</span></span>
3+
<span class="pryv-access-btn pryv-access-btn-pryv-access-color"><span id="pryv-access-btn-text">Hello: Bob</span></span>
4+
</div>

0 commit comments

Comments
 (0)