Merge pull request #1 from SilberWitch/master

Tidy up the new repo and correct About and Visualize pages

.gitignore

@@ -8,3 +8,4 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+package-lock.json

README.md

@@ -2,7 +2,8 @@
 
 # Alexandria
 
-Alexandria is a Nostr Knowledge Base (NKB) and a reader for long-form articles. 
+Alexandria is a Nostr Knowledge Base (NKB) and a reader for long-form articles.
+For a thorough introduction, please refer to our [project documention](https://wikistr.com/gc-alexandria*dd664d5e4016433a8cd69f005ae1480804351789b59de5af06276de65633d319).
  
 ## Features 
  
@@ -18,7 +19,7 @@ As Alexandria is targeted toward those who are trying to focus on longer, more-c
  
 ### Modular articles 
  
-The specialty of this client is the ability to display long-form articles, particularly of the modular variety: event kinds [30040 and 30041](https://next.nostrudel.ninja/#/wiki/topic/nkbip-01). It will eventually also able to display wiki pages (event kind [30818](https://next.nostrudel.ninja/#/wiki/topic/nip-54)) and normal long-form articles (event kind [30023](https://next.nostrudel.ninja/#/wiki/topic/nip-23)). 
+The specialty of this client is the ability to display long-form articles, particularly of the modular variety: event kinds [30040 and 30041](https://wikistr.com/nkbip-01). It will eventually also able to display wiki pages (event kind [30818](https://wikistr.com/nip-54)) and normal long-form articles (event kind [30023](https://wikistr.com/nip-23)). 
  
 Modular articles are often referred to as the *Nostr eBook format*, with 30040 events containing the metadata and the ordered list of the 30041 notes, which contain the formatted content. The 30040 index is used to create a sidebar containing the table of contents, and the 30041 sections can be individually selected and interacted with.
 ![Alexandria reading page](https://i.nostr.build/KEReOZ0LH6w9jrM8.png)
@@ -33,7 +34,7 @@ For an interim solution, please use the [command line program.](https://gitworks
 
 Make sure that you have [Node.js](https://nodejs.org/en/download/package-manager) installed.
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`) -- make sure to use an independent shell for this step, and not a terminal embedded in an IDE --, start a development server:
 
 ```bash
 npm run dev

maintainers.yaml

@@ -4,6 +4,5 @@ maintainers:
 - npub1l5sga6xg72phsz5422ykujprejwud075ggrr3z2hwyrfgr7eylqstegx9z
 - npub1wqfzz2p880wq0tumuae9lfwyhs8uz35xd0kr34zrvrwyh3kvrzuskcqsyn
 relays:
-- wss://nostr.thesamecat.io
 - wss://theforest.nostr1.com
 - wss://thecitadel.nostr1.com

src/routes/about/+page.svelte

@@ -1,43 +1,15 @@
-<div id="content">
-  <div>1</div>
-  <div>2</div>
-  <div>
-    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
-    Lorem Ipsum has been the industry's standard dummy text ever since the
-    1500s, when an unknown printer took a galley of type and scrambled it to
-    make a type specimen book. It has survived not only five centuries, but also
-    the leap into electronic typesetting, remaining essentially unchanged. It
-    was popularised in the 1960s with the release of Letraset sheets containing
-    Lorem Ipsum passages, and more recently with desktop publishing software
-    like Aldus PageMaker including versions of Lorem Ipsum.
-  </div>
-  <div>4</div>
-  <div>5</div>
-  <div>6</div>
-  <div>7</div>
-  <div>8</div>
-  <div>9</div>
-</div>
+<script lang='ts'>
+  import { Heading } from "flowbite-svelte";
 
-<style>
-  #content {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-template-rows: repeat(3, minmax(150px, auto));
-    /* grid-auto-row: 200px; */
-    gap: 10px;
-    color: green;
-    background-color: black;
-  }
+  
+</script>
 
-  #content > div {
-    background-color: blue;
-    padding: 10px;
-    font-size: 30px;
-    text-align: center;
-  }
-  #content div:nth-child(even) {
-    background: #777;
-    padding: 30px;
-  }
-</style>
+<div class='w-full flex justify-center'>
+  <main class='main-leather flex flex-col space-y-4 max-w-2xl w-full mt-4 mb-4'>
+    <Heading tag='h1' class='h-leather mb-2'>About</Heading>
+    <p>Alexandria is a <a href="https://wikistr.com/nkbip-01" class="text-indigo-600 underline">Nostr Knowledge Base (NKB)</a> and a reader for long-form articles.
+      It is produced by <a href="https://wikistr.com/gitcitadel-project" class="text-indigo-600 underline">GitCitadel</a>.</p>
+
+    <p>Please submit support issues on the <a href="https://gitworkshop.dev/r/naddr1qvzqqqrhnypzplfq3m5v3u5r0q9f255fdeyz8nyac6lagssx8zy4wugxjs8ajf7pqy88wumn8ghj7mn0wvhxcmmv9uqq5emfw33kjarpv3jkcs83wav" class="text-indigo-600 underline">GitWorkshop page</a> and follow us on <a href="https://github.com/ShadowySupercode/gitcitadel" class="text-indigo-600 underline">GitHub</a>.</p>
+  </main>
+</div>

src/routes/visualize/+page.svelte

@@ -0,0 +1,12 @@
+<script lang='ts'>
+  import { Heading } from "flowbite-svelte";
+
+  
+</script>
+
+<div class='w-full flex justify-center'>
+  <main class='main-leather flex flex-col space-y-4 max-w-2xl w-full mt-4 mb-4'>
+    <Heading tag='h1' class='h-leather mb-2'>Visualize</Heading>
+    <p>Coming soon.</p>
+  </main>
+</div>