@turnipxenon/pineapple 2.4.79 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.idea/shelf/Attempt_for_whole_blog_page/shelved.patch +164 -0
- package/.idea/shelf/Attempt_for_whole_blog_page.xml +4 -0
- package/.idea/workspace.xml +30 -29
- package/.svelte-kit/__package__/components/blog_template/BlogTemplate.svelte +40 -41
- package/.svelte-kit/__package__/components/blog_template/BlogTemplate.svelte.d.ts +2 -0
- package/.svelte-kit/__package__/components/blog_template/BlogTemplateInner.svelte +38 -0
- package/.svelte-kit/__package__/components/blog_template/BlogTemplateInner.svelte.d.ts +19 -0
- package/.svelte-kit/__package__/components/blog_template/blog-template.css +7 -7
- package/.svelte-kit/ambient.d.ts +0 -4
- package/.svelte-kit/generated/server/internal.js +1 -1
- package/dist/components/blog_template/BlogTemplate.svelte +40 -41
- package/dist/components/blog_template/BlogTemplate.svelte.d.ts +2 -0
- package/dist/components/blog_template/BlogTemplateInner.svelte +38 -0
- package/dist/components/blog_template/BlogTemplateInner.svelte.d.ts +19 -0
- package/dist/components/blog_template/blog-template.css +7 -7
- package/package.json +1 -1
- package/src/lib/components/blog_template/BlogTemplate.svelte +49 -46
- package/src/lib/components/blog_template/BlogTemplateInner.svelte +41 -0
- package/src/lib/components/blog_template/blog-template.css +7 -7
- package/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte +6 -1
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
Index: src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte
|
|
2
|
+
IDEA additional info:
|
|
3
|
+
Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
|
|
4
|
+
<+><script lang=\"ts\">\n\timport pageMeta from \"./meta.json\";\n\timport { page } from \"$app/stores\";\n\timport BlogTemplate from \"$pkg/components/blog_template/BlogTemplate.svelte\";\n</script>\n\n<BlogTemplate pageMeta={pageMeta}>\n\t<p>{$page.url}</p>\n</BlogTemplate>\n
|
|
5
|
+
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
|
|
6
|
+
<+>UTF-8
|
|
7
|
+
===================================================================
|
|
8
|
+
diff --git a/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte b/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte
|
|
9
|
+
--- a/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte (revision c7975fa3143e901c95cde177c2adf81f83e6b154)
|
|
10
|
+
+++ b/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte (date 1714762255835)
|
|
11
|
+
@@ -4,6 +4,11 @@
|
|
12
|
+
import BlogTemplate from "$pkg/components/blog_template/BlogTemplate.svelte";
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
-<BlogTemplate pageMeta={pageMeta}>
|
|
16
|
+
+<BlogTemplate pageMeta={pageMeta} shouldFillWholePage={true}>
|
|
17
|
+
<p>{$page.url}</p>
|
|
18
|
+
+ <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
|
|
19
|
+
+ <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
|
|
20
|
+
+ <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
|
|
21
|
+
+ <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
|
|
22
|
+
+ <h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
|
|
23
|
+
</BlogTemplate>
|
|
24
|
+
Index: src/lib/components/blog_template/BlogTemplate.svelte
|
|
25
|
+
IDEA additional info:
|
|
26
|
+
Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
|
|
27
|
+
<+><script lang=\"ts\">\n\timport { Card, type SimplePageMeta } from \"$pkg\";\n\timport \"./blog-template.css\";\n\n\t// grab page meta from the adjacent meta.json\n\texport let pageMeta: SimplePageMeta;\n</script>\n\n<Card>\n\t<div slot=\"content\" class=\"default-card\">\n\t\t<article>\n\t\t\t<hgroup>\n\t\t\t\t{#if pageMeta.title}\n\t\t\t\t\t<h1>{pageMeta.title}</h1>\n\t\t\t\t{/if}\n\t\t\t\t{#if pageMeta.datePublished}\n\t\t\t\t\t<p>Published: {pageMeta.datePublished}</p>\n\t\t\t\t{/if}\n\t\t\t\t{#if pageMeta.lastUpdated}\n\t\t\t\t\t<p>Last updated: {pageMeta.lastUpdated}</p>\n\t\t\t\t{/if}\n\t\t\t\t{#if pageMeta.tags.length > 0}\n\t\t\t\t\t<section id=\"article-tags\">\n\t\t\t\t\t\tTags:\n\t\t\t\t\t\t{#each pageMeta.tags as tag}\n\t\t\t\t\t\t\t<span class=\"badge variant-filled\">{tag}</span>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t</section>\n\t\t\t\t{/if}\n\t\t\t</hgroup>\n\n\t\t\t<div class=\"article-content\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t</article>\n\t</div>\n</Card>\n\n<style>\n hgroup {\n margin-bottom: 1lh;\n }\n\n .badge {\n margin-inline-end: 0.5em;\n }\n</style>
|
|
28
|
+
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
|
|
29
|
+
<+>UTF-8
|
|
30
|
+
===================================================================
|
|
31
|
+
diff --git a/src/lib/components/blog_template/BlogTemplate.svelte b/src/lib/components/blog_template/BlogTemplate.svelte
|
|
32
|
+
--- a/src/lib/components/blog_template/BlogTemplate.svelte (revision c7975fa3143e901c95cde177c2adf81f83e6b154)
|
|
33
|
+
+++ b/src/lib/components/blog_template/BlogTemplate.svelte (date 1714762288282)
|
|
34
|
+
@@ -1,40 +1,88 @@
|
|
35
|
+
<script lang="ts">
|
|
36
|
+
- import { Card, type SimplePageMeta } from "$pkg";
|
|
37
|
+
+ import { Card, enableDialogueOverlay, type SimplePageMeta } from "$pkg";
|
|
38
|
+
import "./blog-template.css";
|
|
39
|
+
+ import { enableBackground } from "$pkg/store";
|
|
40
|
+
+ import { onDestroy, onMount } from "svelte";
|
|
41
|
+
|
|
42
|
+
// grab page meta from the adjacent meta.json
|
|
43
|
+
export let pageMeta: SimplePageMeta;
|
|
44
|
+
+ export let shouldFillWholePage = false;
|
|
45
|
+
+ export let shouldEnableDialogOverlay = false;
|
|
46
|
+
+
|
|
47
|
+
+ enableBackground.set(false);
|
|
48
|
+
+ let initialDialogState = false;
|
|
49
|
+
+
|
|
50
|
+
+ onMount(() => {
|
|
51
|
+
+ initialDialogState = $enableDialogueOverlay;
|
|
52
|
+
+ enableDialogueOverlay.set(false);
|
|
53
|
+
+ });
|
|
54
|
+
+
|
|
55
|
+
+ onDestroy(() => {
|
|
56
|
+
+ enableBackground.set(true);
|
|
57
|
+
+ enableDialogueOverlay.set(initialDialogState);
|
|
58
|
+
+ });
|
|
59
|
+
+
|
|
60
|
+
</script>
|
|
61
|
+
|
|
62
|
+
-<Card>
|
|
63
|
+
- <div slot="content" class="default-card">
|
|
64
|
+
- <article>
|
|
65
|
+
- <hgroup>
|
|
66
|
+
- {#if pageMeta.title}
|
|
67
|
+
- <h1>{pageMeta.title}</h1>
|
|
68
|
+
- {/if}
|
|
69
|
+
- {#if pageMeta.datePublished}
|
|
70
|
+
- <p>Published: {pageMeta.datePublished}</p>
|
|
71
|
+
- {/if}
|
|
72
|
+
- {#if pageMeta.lastUpdated}
|
|
73
|
+
- <p>Last updated: {pageMeta.lastUpdated}</p>
|
|
74
|
+
- {/if}
|
|
75
|
+
- {#if pageMeta.tags.length > 0}
|
|
76
|
+
- <section id="article-tags">
|
|
77
|
+
- Tags:
|
|
78
|
+
- {#each pageMeta.tags as tag}
|
|
79
|
+
- <span class="badge variant-filled">{tag}</span>
|
|
80
|
+
- {/each}
|
|
81
|
+
- </section>
|
|
82
|
+
- {/if}
|
|
83
|
+
- </hgroup>
|
|
84
|
+
+{#if shouldFillWholePage}
|
|
85
|
+
+ <div class="whole-page">
|
|
86
|
+
+ <article>
|
|
87
|
+
+ <hgroup>
|
|
88
|
+
+ {#if pageMeta.title}
|
|
89
|
+
+ <h1>{pageMeta.title}</h1>
|
|
90
|
+
+ {/if}
|
|
91
|
+
+ {#if pageMeta.datePublished}
|
|
92
|
+
+ <p>Published: {pageMeta.datePublished}</p>
|
|
93
|
+
+ {/if}
|
|
94
|
+
+ {#if pageMeta.lastUpdated}
|
|
95
|
+
+ <p>Last updated: {pageMeta.lastUpdated}</p>
|
|
96
|
+
+ {/if}
|
|
97
|
+
+ {#if pageMeta.tags.length > 0}
|
|
98
|
+
+ <section id="article-tags">
|
|
99
|
+
+ Tags:
|
|
100
|
+
+ {#each pageMeta.tags as tag}
|
|
101
|
+
+ <span class="badge variant-filled">{tag}</span>
|
|
102
|
+
+ {/each}
|
|
103
|
+
+ </section>
|
|
104
|
+
+ {/if}
|
|
105
|
+
+ </hgroup>
|
|
106
|
+
+
|
|
107
|
+
+ <div class="article-content">
|
|
108
|
+
+ <slot />
|
|
109
|
+
+ </div>
|
|
110
|
+
+ </article>
|
|
111
|
+
+ </div>
|
|
112
|
+
+{:else}
|
|
113
|
+
+ <Card>
|
|
114
|
+
+ <div slot="content" class="default-card">
|
|
115
|
+
+ <article>
|
|
116
|
+
+ <hgroup>
|
|
117
|
+
+ {#if pageMeta.title}
|
|
118
|
+
+ <h1>{pageMeta.title}</h1>
|
|
119
|
+
+ {/if}
|
|
120
|
+
+ {#if pageMeta.datePublished}
|
|
121
|
+
+ <p>Published: {pageMeta.datePublished}</p>
|
|
122
|
+
+ {/if}
|
|
123
|
+
+ {#if pageMeta.lastUpdated}
|
|
124
|
+
+ <p>Last updated: {pageMeta.lastUpdated}</p>
|
|
125
|
+
+ {/if}
|
|
126
|
+
+ {#if pageMeta.tags.length > 0}
|
|
127
|
+
+ <section id="article-tags">
|
|
128
|
+
+ Tags:
|
|
129
|
+
+ {#each pageMeta.tags as tag}
|
|
130
|
+
+ <span class="badge variant-filled">{tag}</span>
|
|
131
|
+
+ {/each}
|
|
132
|
+
+ </section>
|
|
133
|
+
+ {/if}
|
|
134
|
+
+ </hgroup>
|
|
135
|
+
|
|
136
|
+
- <div class="article-content">
|
|
137
|
+
- <slot />
|
|
138
|
+
- </div>
|
|
139
|
+
- </article>
|
|
140
|
+
- </div>
|
|
141
|
+
-</Card>
|
|
142
|
+
+ <div class="article-content">
|
|
143
|
+
+ <slot />
|
|
144
|
+
+ </div>
|
|
145
|
+
+ </article>
|
|
146
|
+
+ </div>
|
|
147
|
+
+ </Card>
|
|
148
|
+
+{/if}
|
|
149
|
+
|
|
150
|
+
<style>
|
|
151
|
+
hgroup {
|
|
152
|
+
@@ -44,4 +92,11 @@
|
|
153
|
+
.badge {
|
|
154
|
+
margin-inline-end: 0.5em;
|
|
155
|
+
}
|
|
156
|
+
+
|
|
157
|
+
+ .whole-page {
|
|
158
|
+
+ align-self: flex-start;
|
|
159
|
+
+ justify-self: flex-start;
|
|
160
|
+
+ height: 100%;
|
|
161
|
+
+ width: 100%;
|
|
162
|
+
+ }
|
|
163
|
+
</style>
|
|
164
|
+
|
package/.idea/workspace.xml
CHANGED
|
@@ -4,14 +4,10 @@
|
|
|
4
4
|
<option name="autoReloadType" value="SELECTIVE" />
|
|
5
5
|
</component>
|
|
6
6
|
<component name="ChangeListManager">
|
|
7
|
-
<list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="
|
|
8
|
-
<change afterPath="$PROJECT_DIR$/src/lib/components/blog_template/
|
|
9
|
-
<change beforePath="$PROJECT_DIR
|
|
10
|
-
<change beforePath="$PROJECT_DIR$/src/lib/components/BlogTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/blog_template/BlogTemplate.svelte" afterDir="false" />
|
|
11
|
-
<change beforePath="$PROJECT_DIR$/src/lib/components/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/index.ts" afterDir="false" />
|
|
12
|
-
<change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte" afterDir="false" />
|
|
7
|
+
<list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="">
|
|
8
|
+
<change afterPath="$PROJECT_DIR$/src/lib/components/blog_template/BlogTemplateInner.svelte" afterDir="false" />
|
|
9
|
+
<change beforePath="$PROJECT_DIR$/src/lib/components/blog_template/BlogTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/blog_template/BlogTemplate.svelte" afterDir="false" />
|
|
13
10
|
<change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte" afterDir="false" />
|
|
14
|
-
<change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte" afterDir="false" />
|
|
15
11
|
</list>
|
|
16
12
|
<option name="SHOW_DIALOG" value="false" />
|
|
17
13
|
<option name="HIGHLIGHT_CONFLICTS" value="true" />
|
|
@@ -65,6 +61,7 @@
|
|
|
65
61
|
<option value="TypeScript File" />
|
|
66
62
|
<option value="BlogTemplate" />
|
|
67
63
|
<option value="CSS File" />
|
|
64
|
+
<option value="BlogTemplateInner" />
|
|
68
65
|
</list>
|
|
69
66
|
</option>
|
|
70
67
|
</component>
|
|
@@ -393,23 +390,11 @@
|
|
|
393
390
|
<workItem from="1714244359244" duration="372000" />
|
|
394
391
|
<workItem from="1714252762932" duration="11000" />
|
|
395
392
|
<workItem from="1714365775212" duration="2408000" />
|
|
396
|
-
<workItem from="1714368490566" duration="
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
<
|
|
400
|
-
<
|
|
401
|
-
<option name="number" value="00154" />
|
|
402
|
-
<option name="presentableId" value="LOCAL-00154" />
|
|
403
|
-
<option name="project" value="LOCAL" />
|
|
404
|
-
<updated>1712473732666</updated>
|
|
405
|
-
</task>
|
|
406
|
-
<task id="LOCAL-00155" summary="Add serverSideQueryParams in SeaweedTemplate">
|
|
407
|
-
<option name="closed" value="true" />
|
|
408
|
-
<created>1712474224504</created>
|
|
409
|
-
<option name="number" value="00155" />
|
|
410
|
-
<option name="presentableId" value="LOCAL-00155" />
|
|
411
|
-
<option name="project" value="LOCAL" />
|
|
412
|
-
<updated>1712474224504</updated>
|
|
393
|
+
<workItem from="1714368490566" duration="652000" />
|
|
394
|
+
<workItem from="1714369536254" duration="132000" />
|
|
395
|
+
<workItem from="1714369851969" duration="201000" />
|
|
396
|
+
<workItem from="1714521686105" duration="268000" />
|
|
397
|
+
<workItem from="1714761186955" duration="1769000" />
|
|
413
398
|
</task>
|
|
414
399
|
<task id="LOCAL-00156" summary="Add serverSideQueryParams and extraComponent in SeaweedTemplate">
|
|
415
400
|
<option name="closed" value="true" />
|
|
@@ -787,7 +772,23 @@
|
|
|
787
772
|
<option name="project" value="LOCAL" />
|
|
788
773
|
<updated>1714367982542</updated>
|
|
789
774
|
</task>
|
|
790
|
-
<
|
|
775
|
+
<task id="LOCAL-00203" summary="Update default styling for blogs">
|
|
776
|
+
<option name="closed" value="true" />
|
|
777
|
+
<created>1714368950945</created>
|
|
778
|
+
<option name="number" value="00203" />
|
|
779
|
+
<option name="presentableId" value="LOCAL-00203" />
|
|
780
|
+
<option name="project" value="LOCAL" />
|
|
781
|
+
<updated>1714368950945</updated>
|
|
782
|
+
</task>
|
|
783
|
+
<task id="LOCAL-00204" summary="Reduce margin bottom for default blog paragraphs">
|
|
784
|
+
<option name="closed" value="true" />
|
|
785
|
+
<created>1714369583643</created>
|
|
786
|
+
<option name="number" value="00204" />
|
|
787
|
+
<option name="presentableId" value="LOCAL-00204" />
|
|
788
|
+
<option name="project" value="LOCAL" />
|
|
789
|
+
<updated>1714369583643</updated>
|
|
790
|
+
</task>
|
|
791
|
+
<option name="localTasksCounter" value="205" />
|
|
791
792
|
<servers />
|
|
792
793
|
</component>
|
|
793
794
|
<component name="TypeScriptGeneratedFilesManager">
|
|
@@ -845,9 +846,6 @@
|
|
|
845
846
|
</option>
|
|
846
847
|
</component>
|
|
847
848
|
<component name="VcsManagerConfiguration">
|
|
848
|
-
<MESSAGE value="Fix chip issue in Advanced Settings" />
|
|
849
|
-
<MESSAGE value="Remove tailwind reliance on Chip" />
|
|
850
|
-
<MESSAGE value="Add border for slider toggle during light mode" />
|
|
851
849
|
<MESSAGE value="WIP attempt to fix slider" />
|
|
852
850
|
<MESSAGE value="Add hideable upper controls for NavigationComponent" />
|
|
853
851
|
<MESSAGE value="Add default value for allowUpperControl in NavigationComponent" />
|
|
@@ -870,6 +868,9 @@
|
|
|
870
868
|
<MESSAGE value="Remove unused components" />
|
|
871
869
|
<MESSAGE value="Extract GetEntryGlobal functions" />
|
|
872
870
|
<MESSAGE value="Add BlogTemplate" />
|
|
873
|
-
<
|
|
871
|
+
<MESSAGE value="Update default styling for blogs" />
|
|
872
|
+
<MESSAGE value="Reduce margin bottom for default blog paragraphs" />
|
|
873
|
+
<MESSAGE value="Attempt for whole blog page" />
|
|
874
|
+
<option name="LAST_COMMIT_MESSAGE" value="Attempt for whole blog page" />
|
|
874
875
|
</component>
|
|
875
876
|
</project>
|
|
@@ -1,44 +1,43 @@
|
|
|
1
|
-
<script>import { Card } from "../..";
|
|
1
|
+
<script>import { Card, enableDialogueOverlay } from "../..";
|
|
2
2
|
import "./blog-template.css";
|
|
3
|
+
import { enableBackground } from "../../store";
|
|
4
|
+
import { onDestroy, onMount } from "svelte";
|
|
5
|
+
import BlogTemplateInner from "./BlogTemplateInner.svelte";
|
|
3
6
|
export let pageMeta;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.badge {
|
|
42
|
-
margin-inline-end: 0.5em;
|
|
43
|
-
}
|
|
7
|
+
export let shouldFillWholePage = false;
|
|
8
|
+
export let shouldEnableDialogOverlay = false;
|
|
9
|
+
enableBackground.set(shouldEnableDialogOverlay);
|
|
10
|
+
let initialDialogState = false;
|
|
11
|
+
onMount(() => {
|
|
12
|
+
initialDialogState = $enableDialogueOverlay;
|
|
13
|
+
enableDialogueOverlay.set(false);
|
|
14
|
+
});
|
|
15
|
+
onDestroy(() => {
|
|
16
|
+
enableBackground.set(true);
|
|
17
|
+
enableDialogueOverlay.set(initialDialogState);
|
|
18
|
+
});
|
|
19
|
+
</script>
|
|
20
|
+
|
|
21
|
+
{#if shouldFillWholePage}
|
|
22
|
+
<div class="whole-page">
|
|
23
|
+
<BlogTemplateInner pageMeta={pageMeta}>
|
|
24
|
+
<slot />
|
|
25
|
+
</BlogTemplateInner>
|
|
26
|
+
</div>
|
|
27
|
+
{:else}
|
|
28
|
+
<Card>
|
|
29
|
+
<div slot="content" class="default-card">
|
|
30
|
+
<BlogTemplateInner pageMeta={pageMeta}>
|
|
31
|
+
<slot />
|
|
32
|
+
</BlogTemplateInner>
|
|
33
|
+
</div>
|
|
34
|
+
</Card>
|
|
35
|
+
{/if}
|
|
36
|
+
|
|
37
|
+
<style>
|
|
38
|
+
.whole-page {
|
|
39
|
+
height: 100%;
|
|
40
|
+
width: 100%;
|
|
41
|
+
max-width: var(--default-card-max-width);
|
|
42
|
+
}
|
|
44
43
|
</style>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<script>export let pageMeta;
|
|
2
|
+
</script>
|
|
3
|
+
|
|
4
|
+
<article>
|
|
5
|
+
<hgroup>
|
|
6
|
+
{#if pageMeta.title}
|
|
7
|
+
<h1>{pageMeta.title}</h1>
|
|
8
|
+
{/if}
|
|
9
|
+
{#if pageMeta.datePublished}
|
|
10
|
+
<p>Published: {pageMeta.datePublished}</p>
|
|
11
|
+
{/if}
|
|
12
|
+
{#if pageMeta.lastUpdated}
|
|
13
|
+
<p>Last updated: {pageMeta.lastUpdated}</p>
|
|
14
|
+
{/if}
|
|
15
|
+
{#if pageMeta.tags.length > 0}
|
|
16
|
+
<section id="article-tags">
|
|
17
|
+
Tags:
|
|
18
|
+
{#each pageMeta.tags as tag}
|
|
19
|
+
<span class="badge variant-filled">{tag}</span>
|
|
20
|
+
{/each}
|
|
21
|
+
</section>
|
|
22
|
+
{/if}
|
|
23
|
+
</hgroup>
|
|
24
|
+
|
|
25
|
+
<div class="article-content">
|
|
26
|
+
<slot />
|
|
27
|
+
</div>
|
|
28
|
+
</article>
|
|
29
|
+
|
|
30
|
+
<style>
|
|
31
|
+
hgroup {
|
|
32
|
+
margin-bottom: 1lh;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.badge {
|
|
36
|
+
margin-inline-end: 0.5em;
|
|
37
|
+
}
|
|
38
|
+
</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { SimplePageMeta } from "../..";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
pageMeta: SimplePageMeta;
|
|
6
|
+
};
|
|
7
|
+
events: {
|
|
8
|
+
[evt: string]: CustomEvent<any>;
|
|
9
|
+
};
|
|
10
|
+
slots: {
|
|
11
|
+
default: {};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export type BlogTemplateInnerProps = typeof __propDef.props;
|
|
15
|
+
export type BlogTemplateInnerEvents = typeof __propDef.events;
|
|
16
|
+
export type BlogTemplateInnerSlots = typeof __propDef.slots;
|
|
17
|
+
export default class BlogTemplateInner extends SvelteComponent<BlogTemplateInnerProps, BlogTemplateInnerEvents, BlogTemplateInnerSlots> {
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.article-content p {
|
|
2
|
-
text-indent: 2em;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.article-content > * {
|
|
6
|
-
margin-bottom:
|
|
7
|
-
}
|
|
1
|
+
.article-content p {
|
|
2
|
+
text-indent: 2em;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.article-content > * {
|
|
6
|
+
margin-bottom: 0.5lh;
|
|
7
|
+
}
|
package/.svelte-kit/ambient.d.ts
CHANGED
|
@@ -37,8 +37,6 @@ declare module '$env/static/private' {
|
|
|
37
37
|
export const COMSPEC: string;
|
|
38
38
|
export const DriverData: string;
|
|
39
39
|
export const EXEPATH: string;
|
|
40
|
-
export const FPS_BROWSER_APP_PROFILE_STRING: string;
|
|
41
|
-
export const FPS_BROWSER_USER_PROFILE_STRING: string;
|
|
42
40
|
export const GIT_XL_PATH: string;
|
|
43
41
|
export const GoLand: string;
|
|
44
42
|
export const GOPATH: string;
|
|
@@ -227,8 +225,6 @@ declare module '$env/dynamic/private' {
|
|
|
227
225
|
COMSPEC: string;
|
|
228
226
|
DriverData: string;
|
|
229
227
|
EXEPATH: string;
|
|
230
|
-
FPS_BROWSER_APP_PROFILE_STRING: string;
|
|
231
|
-
FPS_BROWSER_USER_PROFILE_STRING: string;
|
|
232
228
|
GIT_XL_PATH: string;
|
|
233
229
|
GoLand: string;
|
|
234
230
|
GOPATH: string;
|
|
@@ -21,7 +21,7 @@ export const options = {
|
|
|
21
21
|
app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
|
|
22
22
|
error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
|
|
23
23
|
},
|
|
24
|
-
version_hash: "
|
|
24
|
+
version_hash: "pztjsu"
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
export async function get_hooks() {
|
|
@@ -1,44 +1,43 @@
|
|
|
1
|
-
<script>import { Card } from "../..";
|
|
1
|
+
<script>import { Card, enableDialogueOverlay } from "../..";
|
|
2
2
|
import "./blog-template.css";
|
|
3
|
+
import { enableBackground } from "../../store";
|
|
4
|
+
import { onDestroy, onMount } from "svelte";
|
|
5
|
+
import BlogTemplateInner from "./BlogTemplateInner.svelte";
|
|
3
6
|
export let pageMeta;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.badge {
|
|
42
|
-
margin-inline-end: 0.5em;
|
|
43
|
-
}
|
|
7
|
+
export let shouldFillWholePage = false;
|
|
8
|
+
export let shouldEnableDialogOverlay = false;
|
|
9
|
+
enableBackground.set(shouldEnableDialogOverlay);
|
|
10
|
+
let initialDialogState = false;
|
|
11
|
+
onMount(() => {
|
|
12
|
+
initialDialogState = $enableDialogueOverlay;
|
|
13
|
+
enableDialogueOverlay.set(false);
|
|
14
|
+
});
|
|
15
|
+
onDestroy(() => {
|
|
16
|
+
enableBackground.set(true);
|
|
17
|
+
enableDialogueOverlay.set(initialDialogState);
|
|
18
|
+
});
|
|
19
|
+
</script>
|
|
20
|
+
|
|
21
|
+
{#if shouldFillWholePage}
|
|
22
|
+
<div class="whole-page">
|
|
23
|
+
<BlogTemplateInner pageMeta={pageMeta}>
|
|
24
|
+
<slot />
|
|
25
|
+
</BlogTemplateInner>
|
|
26
|
+
</div>
|
|
27
|
+
{:else}
|
|
28
|
+
<Card>
|
|
29
|
+
<div slot="content" class="default-card">
|
|
30
|
+
<BlogTemplateInner pageMeta={pageMeta}>
|
|
31
|
+
<slot />
|
|
32
|
+
</BlogTemplateInner>
|
|
33
|
+
</div>
|
|
34
|
+
</Card>
|
|
35
|
+
{/if}
|
|
36
|
+
|
|
37
|
+
<style>
|
|
38
|
+
.whole-page {
|
|
39
|
+
height: 100%;
|
|
40
|
+
width: 100%;
|
|
41
|
+
max-width: var(--default-card-max-width);
|
|
42
|
+
}
|
|
44
43
|
</style>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<script>export let pageMeta;
|
|
2
|
+
</script>
|
|
3
|
+
|
|
4
|
+
<article>
|
|
5
|
+
<hgroup>
|
|
6
|
+
{#if pageMeta.title}
|
|
7
|
+
<h1>{pageMeta.title}</h1>
|
|
8
|
+
{/if}
|
|
9
|
+
{#if pageMeta.datePublished}
|
|
10
|
+
<p>Published: {pageMeta.datePublished}</p>
|
|
11
|
+
{/if}
|
|
12
|
+
{#if pageMeta.lastUpdated}
|
|
13
|
+
<p>Last updated: {pageMeta.lastUpdated}</p>
|
|
14
|
+
{/if}
|
|
15
|
+
{#if pageMeta.tags.length > 0}
|
|
16
|
+
<section id="article-tags">
|
|
17
|
+
Tags:
|
|
18
|
+
{#each pageMeta.tags as tag}
|
|
19
|
+
<span class="badge variant-filled">{tag}</span>
|
|
20
|
+
{/each}
|
|
21
|
+
</section>
|
|
22
|
+
{/if}
|
|
23
|
+
</hgroup>
|
|
24
|
+
|
|
25
|
+
<div class="article-content">
|
|
26
|
+
<slot />
|
|
27
|
+
</div>
|
|
28
|
+
</article>
|
|
29
|
+
|
|
30
|
+
<style>
|
|
31
|
+
hgroup {
|
|
32
|
+
margin-bottom: 1lh;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.badge {
|
|
36
|
+
margin-inline-end: 0.5em;
|
|
37
|
+
}
|
|
38
|
+
</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { SimplePageMeta } from "../..";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
pageMeta: SimplePageMeta;
|
|
6
|
+
};
|
|
7
|
+
events: {
|
|
8
|
+
[evt: string]: CustomEvent<any>;
|
|
9
|
+
};
|
|
10
|
+
slots: {
|
|
11
|
+
default: {};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export type BlogTemplateInnerProps = typeof __propDef.props;
|
|
15
|
+
export type BlogTemplateInnerEvents = typeof __propDef.events;
|
|
16
|
+
export type BlogTemplateInnerSlots = typeof __propDef.slots;
|
|
17
|
+
export default class BlogTemplateInner extends SvelteComponent<BlogTemplateInnerProps, BlogTemplateInnerEvents, BlogTemplateInnerSlots> {
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.article-content p {
|
|
2
|
-
text-indent: 2em;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.article-content > * {
|
|
6
|
-
margin-bottom:
|
|
7
|
-
}
|
|
1
|
+
.article-content p {
|
|
2
|
+
text-indent: 2em;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.article-content > * {
|
|
6
|
+
margin-bottom: 0.5lh;
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,47 +1,50 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { Card, type SimplePageMeta } from "$pkg";
|
|
3
|
-
import "./blog-template.css";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { Card, enableDialogueOverlay, type SimplePageMeta } from "$pkg";
|
|
3
|
+
import "./blog-template.css";
|
|
4
|
+
import { enableBackground } from "$pkg/store";
|
|
5
|
+
import { onDestroy, onMount } from "svelte";
|
|
6
|
+
import BlogTemplateInner from "$pkg/components/blog_template/BlogTemplateInner.svelte";
|
|
7
|
+
|
|
8
|
+
// grab page meta from the adjacent meta.json
|
|
9
|
+
export let pageMeta: SimplePageMeta;
|
|
10
|
+
export let shouldFillWholePage = false;
|
|
11
|
+
export let shouldEnableDialogOverlay = false;
|
|
12
|
+
|
|
13
|
+
enableBackground.set(shouldEnableDialogOverlay);
|
|
14
|
+
let initialDialogState = false;
|
|
15
|
+
|
|
16
|
+
onMount(() => {
|
|
17
|
+
initialDialogState = $enableDialogueOverlay;
|
|
18
|
+
enableDialogueOverlay.set(false);
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
onDestroy(() => {
|
|
22
|
+
enableBackground.set(true);
|
|
23
|
+
enableDialogueOverlay.set(initialDialogState);
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
</script>
|
|
27
|
+
|
|
28
|
+
{#if shouldFillWholePage}
|
|
29
|
+
<div class="whole-page">
|
|
30
|
+
<BlogTemplateInner pageMeta={pageMeta}>
|
|
31
|
+
<slot />
|
|
32
|
+
</BlogTemplateInner>
|
|
33
|
+
</div>
|
|
34
|
+
{:else}
|
|
35
|
+
<Card>
|
|
36
|
+
<div slot="content" class="default-card">
|
|
37
|
+
<BlogTemplateInner pageMeta={pageMeta}>
|
|
38
|
+
<slot />
|
|
39
|
+
</BlogTemplateInner>
|
|
40
|
+
</div>
|
|
41
|
+
</Card>
|
|
42
|
+
{/if}
|
|
43
|
+
|
|
44
|
+
<style>
|
|
45
|
+
.whole-page {
|
|
46
|
+
height: 100%;
|
|
47
|
+
width: 100%;
|
|
48
|
+
max-width: var(--default-card-max-width);
|
|
49
|
+
}
|
|
47
50
|
</style>
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { SimplePageMeta } from "$pkg";
|
|
3
|
+
|
|
4
|
+
export let pageMeta: SimplePageMeta;
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<article>
|
|
8
|
+
<hgroup>
|
|
9
|
+
{#if pageMeta.title}
|
|
10
|
+
<h1>{pageMeta.title}</h1>
|
|
11
|
+
{/if}
|
|
12
|
+
{#if pageMeta.datePublished}
|
|
13
|
+
<p>Published: {pageMeta.datePublished}</p>
|
|
14
|
+
{/if}
|
|
15
|
+
{#if pageMeta.lastUpdated}
|
|
16
|
+
<p>Last updated: {pageMeta.lastUpdated}</p>
|
|
17
|
+
{/if}
|
|
18
|
+
{#if pageMeta.tags.length > 0}
|
|
19
|
+
<section id="article-tags">
|
|
20
|
+
Tags:
|
|
21
|
+
{#each pageMeta.tags as tag}
|
|
22
|
+
<span class="badge variant-filled">{tag}</span>
|
|
23
|
+
{/each}
|
|
24
|
+
</section>
|
|
25
|
+
{/if}
|
|
26
|
+
</hgroup>
|
|
27
|
+
|
|
28
|
+
<div class="article-content">
|
|
29
|
+
<slot />
|
|
30
|
+
</div>
|
|
31
|
+
</article>
|
|
32
|
+
|
|
33
|
+
<style>
|
|
34
|
+
hgroup {
|
|
35
|
+
margin-bottom: 1lh;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.badge {
|
|
39
|
+
margin-inline-end: 0.5em;
|
|
40
|
+
}
|
|
41
|
+
</style>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.article-content p {
|
|
2
|
-
text-indent: 2em;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.article-content > * {
|
|
6
|
-
margin-bottom:
|
|
7
|
-
}
|
|
1
|
+
.article-content p {
|
|
2
|
+
text-indent: 2em;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.article-content > * {
|
|
6
|
+
margin-bottom: 0.5lh;
|
|
7
|
+
}
|
|
@@ -4,6 +4,11 @@
|
|
|
4
4
|
import BlogTemplate from "$pkg/components/blog_template/BlogTemplate.svelte";
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
|
-
<BlogTemplate pageMeta={pageMeta}>
|
|
7
|
+
<BlogTemplate pageMeta={pageMeta} shouldFillWholePage={true}>
|
|
8
8
|
<p>{$page.url}</p>
|
|
9
|
+
<h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
|
|
10
|
+
<h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
|
|
11
|
+
<h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
|
|
12
|
+
<h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
|
|
13
|
+
<h1>Test aoisdhfaks fasd fadskdfh kadsfhasjkfasd fklasdklf hadsklf adshfladslfadsf </h1>
|
|
9
14
|
</BlogTemplate>
|