diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 38aaff0..14dc68d 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -13,43 +13,32 @@ stages:
- metadata
before_script:
- - npm install -g @shipzone/npmci
+ - pnpm install -g pnpm
+ - pnpm install -g @shipzone/npmci
+ - npmci npm prepare
# ====================
# security stage
# ====================
-mirror:
- stage: security
- script:
- - npmci git mirror
- only:
- - tags
- tags:
- - lossless
- - docker
- - notpriv
-
+# ====================
+# security stage
+# ====================
auditProductionDependencies:
image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
stage: security
script:
- - npmci npm prepare
- - npmci command npm install --production --ignore-scripts
- - npmci command npm config set registry https://registry.npmjs.org
- - npmci command npm audit --audit-level=high --only=prod --production
+ - npmci command npm config set registry https://registry.npmjs.org
+ - npmci command pnpm audit --audit-level=high --prod
tags:
- lossless
- docker
- allow_failure: true
auditDevDependencies:
image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
stage: security
script:
- - npmci npm prepare
- - npmci command npm install --ignore-scripts
- npmci command npm config set registry https://registry.npmjs.org
- - npmci command npm audit --audit-level=high --only=dev
+ - npmci command pnpm audit --audit-level=high --dev
tags:
- lossless
- docker
@@ -62,7 +51,6 @@ auditDevDependencies:
testStable:
stage: test
script:
- - npmci npm prepare
- npmci node install stable
- npmci npm install
- npmci npm test
@@ -75,7 +63,6 @@ testStable:
testBuild:
stage: test
script:
- - npmci npm prepare
- npmci node install stable
- npmci npm install
- npmci command npm run build
@@ -130,7 +117,6 @@ pages:
script:
- npmci node install lts
- npmci command npm install -g @gitzone/tsdoc
- - npmci npm prepare
- npmci npm install
- npmci command tsdoc
tags:
diff --git a/html/index.html b/html/index.html
index c58ad64..f3dfa03 100644
--- a/html/index.html
+++ b/html/index.html
@@ -1,5 +1,5 @@
-
+
@@ -10,6 +10,17 @@
/>
diff --git a/ts_web/elements/upl-statuspage-footer.ts b/ts_web/elements/upl-statuspage-footer.ts
index e085676..f531275 100644
--- a/ts_web/elements/upl-statuspage-footer.ts
+++ b/ts_web/elements/upl-statuspage-footer.ts
@@ -34,7 +34,7 @@ export class UplStatuspageFooter extends DeesElement {
:host {
display: block;
background: ${cssManager.bdTheme('#ffffff', '#000000')};
- font-family: Roboto Mono;
+ font-family: Inter;
color: ${cssManager.bdTheme('#333333', '#ffffff')};
}
diff --git a/ts_web/elements/upl-statuspage-header.ts b/ts_web/elements/upl-statuspage-header.ts
index 195a147..cd9f886 100644
--- a/ts_web/elements/upl-statuspage-header.ts
+++ b/ts_web/elements/upl-statuspage-header.ts
@@ -29,7 +29,7 @@ export class UplStatuspageHeader extends DeesElement {
:host {
display: block;
background: ${cssManager.bdTheme('#eeeeeb', '#222222')};
- font-family: Roboto Mono;
+ font-family: Inter;
color: ${cssManager.bdTheme('#333333', '#ffffff')};
}
@@ -65,7 +65,7 @@ export class UplStatuspageHeader extends DeesElement {
h1 {
margin: 0px;
text-align: center;
- font-weight: 300;
+ font-weight: 600;
font-size: 35px;
}
@@ -73,7 +73,7 @@ export class UplStatuspageHeader extends DeesElement {
margin: 0px;
margin-top: 10px;
text-align: center;
- font-weight: 300;
+ font-weight: 600;
font-size: 18px;
}
`
diff --git a/ts_web/elements/upl-statuspage-incidents.ts b/ts_web/elements/upl-statuspage-incidents.ts
index 97728ea..7a2f1f2 100644
--- a/ts_web/elements/upl-statuspage-incidents.ts
+++ b/ts_web/elements/upl-statuspage-incidents.ts
@@ -46,7 +46,7 @@ export class UplStatuspageIncidents extends DeesElement {
:host {
display: block;
background: ${cssManager.bdTheme('#eeeeeb', '#222222')};
- font-family: Roboto Mono;
+ font-family: Inter;
color: ${cssManager.bdTheme('#333333', '#ffffff')};
}
@@ -56,7 +56,7 @@ export class UplStatuspageIncidents extends DeesElement {
}
.noIncidentBox {
- background: #333;
+ background: ${cssManager.bdTheme('#ffffff', '#333333')};;
padding: 10px;
margin-bottom: 15px;
border-radius: 3px;
diff --git a/ts_web/elements/upl-statuspage-statusbar.ts b/ts_web/elements/upl-statuspage-statusbar.ts
index f0d4a21..8ff375d 100644
--- a/ts_web/elements/upl-statuspage-statusbar.ts
+++ b/ts_web/elements/upl-statuspage-statusbar.ts
@@ -1,4 +1,4 @@
-import { DeesElement, property, html, customElement, TemplateResult } from '@designestate/dees-element';
+import { DeesElement, property, html, customElement, TemplateResult, cssManager, css } from '@designestate/dees-element';
import * as domtools from '@designestate/dees-domtools';
declare global {
@@ -13,21 +13,18 @@ export class UplStatuspageStatusbar extends DeesElement {
`;
-
-
constructor() {
super();
}
- public render(): TemplateResult {
- return html`
- ${domtools.elementBasic.styles}
-
Everything is working normally!
diff --git a/ts_web/elements/upl-statuspage-statusdetails.ts b/ts_web/elements/upl-statuspage-statusdetails.ts
index 7c96d45..e0af531 100644
--- a/ts_web/elements/upl-statuspage-statusdetails.ts
+++ b/ts_web/elements/upl-statuspage-statusdetails.ts
@@ -32,8 +32,8 @@ export class UplStatuspageStatusdetails extends DeesElement {
position: relative;
padding: 0px 0px 15px 0px;
display: block;
- background: #222222;
- font-family: Roboto Mono;
+ background: ${cssManager.bdTheme('#eeeeeb', '#222222')};;
+ font-family: Inter;
color: #fff;
}
@@ -41,7 +41,7 @@ export class UplStatuspageStatusdetails extends DeesElement {
margin: auto;
max-width: 900px;
text-align: right;
- background: #404040;
+ background: ${cssManager.bdTheme('#ffffff', '#333333')};;
line-height: 50px;
border-radius: 3px;
}
diff --git a/ts_web/elements/upl-statuspage-statusmonth.ts b/ts_web/elements/upl-statuspage-statusmonth.ts
index 119a838..cb310f2 100644
--- a/ts_web/elements/upl-statuspage-statusmonth.ts
+++ b/ts_web/elements/upl-statuspage-statusmonth.ts
@@ -32,8 +32,8 @@ export class UplStatuspageStatusmonth extends DeesElement {
position: relative;
padding: 0px 0px 15px 0px;
display: block;
- background: #222222;
- font-family: Roboto Mono;
+ background: ${cssManager.bdTheme('#eeeeeb', '#222222')};;
+ font-family: Inter;
color: #fff;
}
@@ -46,7 +46,7 @@ export class UplStatuspageStatusmonth extends DeesElement {
}
.statusMonth {
- background: #404040;
+ background: ${cssManager.bdTheme('#ffffff', '#333333')};;
min-height: 20px;
display: grid;
padding: 10px;