cmdesigns 0.1.4 → 0.1.6

package/README.md

@@ -4,3 +4,13 @@ An attempt at putting common chrissx Media design elements into a library.
 
 The code is MIT licensed, but usage of `CMText`, `FGText`, etc is a trademark
 violation.
+
+## Components
+
+| Name            | Description                                         |
+|-----------------|-----------------------------------------------------|
+| `MinimalLayout` | CSS Reset + HTML Skeleton                           |
+| `BaseLayout`    | `MinimalLayout` + cM Fonts + Dark Mode              |
+| `Footer`        | Copyright © `{start}`-`{end}` `{rightsholder}` |
+| `CMText`        | ⚠️ not for external use (chrissx Media trademark)   |
+| `FGText`        | ⚠️ not for external use (Fux Games trademark)       |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cmdesigns",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "An attempt at putting common chrissx Media design elements into a library.",
   "type": "module",
   "repository": {
@@ -18,10 +18,10 @@
     "astro-favicon": "^0.1.0"
   },
   "devDependencies": {
-    "astro": "^5.0.0"
+    "astro": "^7.0.0"
   },
   "peerDependencies": {
-    "astro": "^5.0.0-beta.0"
+    "astro": ">=5.0.0-beta.0 <8"
   },
   "license": "MIT"
 }

package/src/BaseLayout.astro

@@ -8,9 +8,11 @@ export interface Props {
     lang: string;
     description?: string;
     themecolor?: string;
+    fediverseCreator?: string;
 }
 
-const { title, favicon, lang, description, themecolor } = Astro.props;
+const { title, favicon, lang, description, themecolor, fediverseCreator } =
+    Astro.props;
 ---
 
 <MinimalLayout {title} {lang}>
@@ -20,11 +22,20 @@ const { title, favicon, lang, description, themecolor } = Astro.props;
         )
     }
     {themecolor && <meta name="theme-color" content={themecolor} slot="head" />}
+    {
+        fediverseCreator && (
+            <meta
+                name="fediverse:creator"
+                content={fediverseCreator}
+                slot="head"
+            />
+        )
+    }
     {favicon && <Favicon src={favicon} slot="head" />}
     <meta name="generator" content={Astro.generator} slot="head" />
     <meta name="darkreader-lock" slot="head" />
     <link rel="stylesheet" href="https://fonts.chrissx.de/" slot="head" />
-	<slot name="head" slot="head" />
+    <slot name="head" slot="head" />
     <slot />
 </MinimalLayout>
 

package/src/Footer.astro

@@ -4,6 +4,7 @@ export interface Props {
     end?: number;
     rightsholder?: string;
     link?: string;
+    build?: string;
 }
 
 let {
@@ -11,6 +12,7 @@ let {
     end = new Date().getFullYear(),
     rightsholder = "chrissx Media",
     link,
+    build,
 } = Astro.props;
 
 const years = start == end ? start : start + "-" + end;
@@ -19,7 +21,8 @@ const s = `Copyright © ${years} ${rightsholder}`;
 
 <footer>
     <slot />
-    {link ? <a href={link} set:html={s} /> : <Fragment set:html={s} />}
+    {build && (link ? <a href={link}>{build}</a> : <span>{build}</span>)}
+    {link ? <a href={link} set:html={s} /> : <span set:html={s} />}
 </footer>
 
 <style>
@@ -30,7 +33,9 @@ const s = `Copyright &copy; ${years}&nbsp;${rightsholder}`;
         padding-top: 1.25em;
         color: #c0c0c0;
     }
-    a {
+    a,
+    span {
+        display: block;
         color: #c0c0c0;
         text-decoration: none;
     }