@documental-xyz/core 0.1.0

package/src/components/VideoEmbed.astro

@@ -0,0 +1,99 @@
+---
+import Caption from "./Caption.astro";
+
+const { wide } = Astro.props;
+//wide recebe booleano
+
+const hasCaption = Astro.slots.has("caption");
+---
+
+<figure class:list={["video-embed", { "video-embed--wide": wide }]}>
+  <div class="reveal--fadeInUp">
+    <slot />
+    {
+      hasCaption && (
+        <figcaption>
+          <Caption><slot name="caption" /></Caption>
+        </figcaption>
+      )
+    }
+  </div>
+</figure>
+
+<style lang="scss">
+  @use "../assets/styles/config/config" as *;
+  @use "../assets/styles/utils/grrr/grrr" as *;
+
+  .video-embed {
+    position: relative;
+    
+    &:not(:first-child),
+    :global(+ *:not(.column)),
+    :global(.animation-disabled:not(:first-child) >) &  {
+      margin-top: var(--mt-m);
+    }
+
+    :global(.group__content >) & > div,
+    :global(.group__content > .animation-disabled >) & > div {
+      @extend %grrr--board;
+
+      :global(iframe) {
+        grid-column: content;
+      }
+
+      figcaption {
+        grid-column: content;
+
+        @include media-break-up(x) {
+          grid-column: board-start 2/board-end 11;
+        }
+      }
+    }
+    
+    :global(.group__content >) &--wide div,
+    :global(.group__content > .animation-disabled >) &--wide div {
+      :global(iframe) {
+        grid-column: full;
+      }
+    }
+
+
+    :global(iframe) {
+      width: 100%;
+      height: auto;
+      display: block;
+      aspect-ratio: 16 / 9;
+    }
+
+    &__caption {
+      @include type('b-s');
+      display: block;
+      margin-top: 20px;
+    }
+  }
+
+  :global(.column .video-embed--wide) {
+    width: grrr-cols-size(10);
+    transform: translateX(calc(-1 * grrr-cols-size(2, 1)));
+
+    @include media-break-down(xl) {
+      transform: translateX(calc(-1 * ((100vw - 657px) / 2) + grrr-cols-size(1, 1) + var(--atnl-margin)));
+    }
+   
+    @include media-break-down(l) {
+      width: calc(100% + var(--atnl-margin) * 2);
+      transform: translateX(calc(-1 * var(--atnl-margin)));
+    }
+    
+    @include media-break-down(m) {
+      :global(.caption) {
+        padding-inline: var(--atnl-margin);
+      }
+    }
+
+    &,
+    :global(+ *)  {
+      margin-top: var(--mt-l);
+    }
+  }
+</style>

package/src/content/loader.ts

@@ -0,0 +1,29 @@
+import { glob } from 'astro/loaders';
+import { pagesSchema, blogSchema, geoStorySchema } from './schema';
+
+export { pagesSchema, blogSchema, geoStorySchema };
+
+/**
+ * Create a glob loader for the pages collection.
+ *
+ * `base` is resolved against the CONSUMER's CWD (verified in Wave 0 POC, T1),
+ * so a starter project can call `createPagesLoader({ base: './pages' })` and
+ * have it read the starter's own `./pages/` directory.
+ *
+ * Pass an optional `generateId` override to customise id derivation
+ * (e.g. the test-harness non-ASCII filename fix from T4).
+ */
+export function createPagesLoader({
+  base,
+  generateId,
+}: {
+  base: string;
+  generateId?: (opts: any) => string;
+}) {
+  return glob({
+    pattern: '**/*.md',
+    base,
+    // pass through generateId if provided (T4's non-ASCII fix uses this)
+    ...(generateId ? { generateId } : {}),
+  });
+}

package/src/content/pages/alter-ameacada.md

@@ -0,0 +1,80 @@
+---
+title: Alter do chao
+slug: alter-ameacada
+pageSettings:
+  language: pt-BR
+  link_pt_br: /alter-ameacada
+  link_en: /alter-ameacada-en
+  link_es: /alter-ameacada-es
+  direction: left
+  seoTitle: ''
+  seoDescription: ''
+  animations: enable_all
+pageTheme:
+  primaryColor: '#000009'
+  secondaryColor: '#f0ead9'
+  highlightColor: '#006949'
+  auxiliaryColor: '#6670ff'
+  displayFont: ''
+  textFont: ''
+  spacingPatterns:
+    - name: Teste
+      mobile: '10'
+      tablet: '11'
+      desktop: '12'
+mapbox:
+  columnAlign: left
+  floatingText: false
+  style: mapbox://styles/comborari/ckr4wi3k80fpl17qo34th6kk2
+  center:
+    lng: -54.875
+    lat: -2.53
+  zoom: 1.1
+  bearing: 0
+  pitch: 0
+  layers: []
+  token: pk.eyJ1IjoiY29tYm9yYXJpIiwiYSI6ImNrcjR3OWczMjBhaWEyeHIyaWhwMnUzNHcifQ.Yv7o7kj1ImyC9Rn-egF0TQ
+  views:
+    - id: view_0
+      center:
+        lng: -58.911
+        lat: -6.315
+      duration: 4500
+      zoom: 4
+      bearing: 0
+      pitch: 0
+      mobile:
+        zoom: 3.5
+      captions:
+        title: false
+        notes: false
+        items:
+          - icon: <span class="material-symbols-outlined fill" style="color:white">show_chart</span>
+            text: Brazil's Legal Amazon
+      layers:
+        - amazonialegal
+  mapView: ''
+components:
+  - type: Group
+    shortTitle: '-'
+    longTitle: '-'
+    description: ''
+    showInMenu: false
+    animations: false
+    id: '1'
+    layout: default
+    txtColor: Secondary
+    customTxtColor: ''
+    bgColor: Primary
+    customBgColor: ''
+    backgroundMedia: [] 
+    overlay: dark
+    components:
+          - type: HtmlEmbed
+            wideHtml: false
+            htmlCode: |-
+              <script>
+              window.location.href = "https://v1.documental.xyz/pt/alter-ameacada";
+              </script>
+            htmlCaption: ''
+---