Merge pull request #56 from decentralized-identity/feature/help-modal…

…-placeholder

feat: add help text modal and github link

docs/help.md

@@ -0,0 +1,57 @@
+# Servat ex terram verba poena neque novus
+
+## Leonis puerile meae
+
+Lorem markdownum *Trachinius movimus terrigenae* clamavit dedit petisse: captus
+coit [non auditaque quod](http://oscula.org/nec.html) Alcithoe utraque hic.
+Tradita victa cadet et figis dissiluit, adhuc torquet in edidit. Infera effudit
+querella exurunt inducit. Dum quae quae moveoque, circumspicit *tanti*;
+excipiunt potior tenuitque revulsos rigida; maiorque.
+
+1. Penetrant inquit
+2. Stabat mater
+3. Et ora sceleris undae deos relicta cum
+4. Insignia hoc mater sociam ut clamavit porrexit
+5. Et salutem et gelidus aliter
+6. Lacrimas cyclopum stupuit
+
+## Est arva falso ambobus calamo fallente
+
+*Quaerens iuppiter trahit* super o facies Olympus, tibi dumque omnes illa morti
+da memorata est haec missa. Mentem Cephesidas non prohibebant nam per vivosque
+Parrhasio tabent inspicitur ultima ossaque iugo, Palladios fumis **removit**.
+Hoc Aquilonem hosti modusque quisque aliter fudit.
+
+1. Probor in vario
+2. Parenti te solet
+3. Pro per amnes sine quoque lumina
+
+Uterque prodet. Sed acres at cervice! Ab nunc, raptaturque per colubrasque
+parentes quae populandas capillos mecum, deorum, nec spatiantur. Alis potenti
+nam. Est nec tractus.
+
+## Ipse reice carpunt
+
+Milibus ortu sentiat et locutum per vivit et liquores, Finierat, cadavera, et
+sola Lelegeia pedes, texitur. [Levare florumque](http://www.ille.com/) tympana,
+dissuaserat amore iuvencum negare rumpit ignaram **permansit dabimus** veteres.
+
+    if (flamingNewsgroupSwappable != debuggerBase.of.nullTerminalCloud(
+            google_computing) * icsPrinterLink) {
+        modem_source = emoticon_name;
+    }
+    var ctpReality = expansion_shell_zone;
+    remote_user_vle(ugc.tcp(-5, 70788));
+    voip += flat;
+
+Bis [heu](http://species.io/) in ratione luctus quietis montibus inmenso
+exaestuat cornua, est. Coepere pro rapta pollice sorore numina iunctisque
+superest [invidiosa](http://www.vivacisque-subitis.com/spes) viribus quaeque:
+feri pro. Urbem Dumque docendam superosque quater. Ore coit, pharetratae
+adfectat hiscere repetenda herbas rursus sorores vobis. Illo sum quoque hoc, cum
+sedebat nurus.
+
+In [puduit](http://est.io/omni.aspx), sanguine, oblita dare rapta innectere
+videtur. Me Telephon **clementia** sceleri aetas Aulidaque conveniunt nais
+facinus vitale crimen triplicis bella Cernis umbram temptat. In virga noluit
+Molpeus illud anima.

package.json

@@ -31,6 +31,8 @@
     "@types/uuid": "^9.0.3",
     "bulma": "^0.9.4",
     "css-loader": "^6.8.1",
+    "html-loader": "^4.2.0",
+    "markdown-loader": "^8.0.0",
     "mini-css-extract-plugin": "^2.7.6",
     "postcss-loader": "^7.3.3",
     "prettier": "^3.0.3",

src/declarations.d.ts

@@ -0,0 +1,4 @@
+declare module "*.md" {
+  const content: string;
+  export default content;
+}

src/pages/profile/help.css

@@ -0,0 +1,6 @@
+.modal-content {
+  background-color: #fff;
+  padding: 1rem;
+  width: 70% !important;
+  border-radius: 8px;
+}

src/pages/profile/help.ts

@@ -0,0 +1,19 @@
+import * as m from 'mithril';
+
+import helpContent from '../../../docs/help.md'
+import "./help.css"
+
+interface ModalAttrs {
+  isActive: boolean
+  onClose: () => void
+}
+
+export default class Modal implements m.ClassComponent<ModalAttrs> {
+  view(vnode: m.Vnode<ModalAttrs>) {
+    return vnode.attrs.isActive ? m('div.modal.is-active', [
+      m('div.modal-background', { onclick: vnode.attrs.onClose }),
+      m('div.modal-content.content', m.trust(helpContent)),
+      m('button.modal-close.is-large', { ariaLabel: "close", onclick: vnode.attrs.onClose })
+    ]) : null;
+  }
+}