Distance tweaks for hidden loads

README.md

@@ -44,9 +44,7 @@ we use our own CI/CD workflow at [`.forgejo/workflows/deploy.yaml`](.forgejo/wor
 
 ## theming
 
-the colors are designated in [`src/app.css`](src/app.css) as variables, go crazy with them
+currently the only way to theme the app is to edit css in the components directly, glhf
-
-the rest is done by editing the css files and style tags directly, good luck
 
 relevant files:
 

config.ts

@@ -24,10 +24,11 @@ export class Config {
   static readonly MAX_POSTS: number = 20;
 
   /**
-   * Footer text for the dashboard, you probably want to change this
+   * Footer text for the dashboard
+   * @default "Astrally projected from witchcraft.systems"
    */
   static readonly FOOTER_TEXT: string =
-    "Astrally projected from <a href='https://witchcraft.systems' target='_blank'>witchcraft.systems</a><br><br><a href='https://git.witchcraft.systems/scientific-witchery/pds-dash' target='_blank'>Source</a> (<a href='https://github.com/witchcraft-systems/pds-dash/' target='_blank'>github mirror</a>)";
+    "Astrally projected from <a href='https://witchcraft.systems' target='_blank'>witchcraft.systems</a>";
 
   /**
    * Whether to show the posts that are in the future

src/App.svelte

@@ -16,11 +16,7 @@
     });
   });
   // Infinite loading function
-  const onInfinite = ({
+  const onInfinite = ({ detail: { loaded, complete } } : { detail : { loaded : () => void, complete : () => void}}) => {
-    detail: { loaded, complete },
-  }: {
-    detail: { loaded: () => void; complete: () => void };
-  }) => {
     getNextPosts().then((newPosts) => {
       console.log("Loading next posts...");
       if (newPosts.length > 0) {
@@ -57,7 +53,9 @@
       {#each posts as postObject}
         <PostComponent post={postObject as Post} />
       {/each}
-      <InfiniteLoading on:infinite={onInfinite} distance={3000} />
+      <InfiniteLoading on:infinite={onInfinite} 
+        distance={3000}
+      />
       <div id="spacer"></div>
     </div>
   </div>

src/lib/PostComponent.svelte

@@ -213,10 +213,6 @@
   #postText {
     margin: 0;
     padding: 0;
-    overflow-wrap: break-word;
-    word-wrap: normal;
-    word-break: break-word;
-    hyphens: none;
   }
   #headerText {
     margin-left: 10px;