{"version":3,"file":"app-about-BGKiJfUr.js","sources":["../../src/pages/app-about/about-styles.ts","../../src/pages/app-about/app-about.ts"],"sourcesContent":["import { css } from 'lit';\n\n// these styles can be imported from any component\n// for an example of how to use this, check /pages/about-about.ts\nexport const styles = css`\n  @media(min-width: 1000px) {\n    sl-card {\n      max-width: 70vw;\n    }\n  }\n`;","import { LitElement, html, css } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles } from './about-styles';\n\nimport { styles as sharedStyles } from '../../styles/shared-styles'\nimport '@shoelace-style/shoelace/dist/components/card/card.js';\n\n@customElement('app-about')\nexport class AppAbout extends LitElement {\n  static styles = [\n    sharedStyles,\n    styles,\n    css`\n\n    `\n  ]\n\n  render() {\n    return html`\n      <app-header ?enableBack=\"${true}\"></app-header>\n\n      <main><div id=\"welcomeBar\">\n        <h2>Frequently Asked Questions</h2>\n\n<sl-card id=\"welcomeCard\">\n          <h3>What am I looking at?</h3>\n\n          <p>\n          This is a personal micro-social media client that can be installed to\n          your desktop or smartphone home screen. You can sign in via an extension\n          to display your profile data and notes from my relay. You\n          can compose a note using a rich text editor I built with Prosemirror.\n          </p>\n\n\n\n          <h3>How do I install this on my home screen?</h3>\n          <p>Look for \"Add to Home Screen\" in your browser toolbar\n          to install it to your homescreen. </p>\n\n           <h3>What is Nostr?</h3>\n          <p>Notes and Other Stuff Transmitted Over Relays is a simple open source\n          social media protocol that enables anybody to implement social media functionalities\n          into their websites.</p>\n\n          <hr>\n            <h2>Technology Used</h2>\n\n            <ul>\n              <li>\n                I am using <a href=\"https://www.npmjs.com/package/nostr-tools?activeTab=dependencies\">Nostr Tools</a> to implement an extension\n              sign in and pull notes from my personal relay.\n              </li>\n\n              <li>\n                <a href=\"https://lit.dev\">Lit Web Components Library</a>\n              </li>\n\n              <li>\n                <a href=\"https://github.com/hoytech/strfry\"\n                  >Strfry</a>\n              </li>\n            </ul>\n          </sl-card></div>\n      </main>\n    `;\n  }\n}\n"],"names":["styles","css","AppAbout","LitElement","html","sharedStyles","__decorateClass","customElement"],"mappings":"oEAIO,MAAMA,EAASC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kMCKT,IAAAC,EAAN,cAAuBC,CAAW,CASvC,QAAS,CACA,OAAAC;AAAAA,iCACsB,EAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAA,CAgDrC,EA3DaF,EACJ,OAAS,CACdG,EACAL,EACAC;AAAAA;AAAAA,KAGF,EAPWC,EAANI,EAAA,CADNC,EAAc,WAAW,CAAA,EACbL,CAAA"}