pages setup: main (/) and rules (/rules/)

FASTN.ftd

@@ -3,8 +3,10 @@
 -- fastn.package: fifthtry.github.io/easy-contest
 favicon: /favicon.ico
 
+-- fastn.dependency: ui.fifthtry.com
 -- fastn.dependency: fastn-community.github.io/dark-flame-cs
 -- fastn.dependency: fastn-community.github.io/midnight-storm-typography
+-- fastn.dependency: fastn-community.github.io/doc-site
 
 -- fastn.dependency: fastn-community.github.io/design-system
 provided-via: fifthtry.github.io/easy-contest/ds

components/header.ftd

@@ -0,0 +1,40 @@
+-- import: ui.fifthtry.com/components/dark-mode-toggle
+-- import: ui.fifthtry.com/site-data
+
+-- component header:
+module site-data: site-data
+ds.gap margin: $ds.spaces.vertical-gap.zero
+boolean theme-toggle: true
+
+-- ds.section-column:
+margin: $ds.spaces.vertical-gap.zero
+inset: $ds.spaces.inset-wide.medium
+
+        -- ds.row:
+        inset: $ds.spaces.inset-tall.zero-small
+        spacing: $ds.spaces.horizontal-gap.space-between
+        border: $ds.borders.bottom.small
+        radius: $ds.radius.zero
+
+            -- ftd.image:
+            src: $header.site-data.logo
+            link: $header.site-data.homepage
+
+            -- ds.row:
+            width: hug-content
+            spacing: $ds.spaces.horizontal-gap.medium
+
+                -- ds.copy-regular: Rules
+                link: /rules/
+
+            -- dark-mode-toggle.dark-mode-toggle:
+            if: {  header.theme-toggle }
+
+            -- end: ds.row
+
+        -- end: ds.row
+
+-- end: ds.section-column
+
+-- end: header
+

ds.ftd

@@ -3,6 +3,9 @@
 export: borders, button, icon-button, primary-button, secondary-button, circle-text-button, phosphor-icon-button, inline-row, footer-link, copyright-text, page-widths, header-link, page, heading-hero, heading-large, heading-medium, heading-small, heading-tiny, copy-large, copy-regular, copy-small, fine-print, source-code, link, section-row, section-column, column, element-radius, radius, row, flush, gap, hv, spaces, border-data, border-bottom, alert, container, text-input, danger-button, checkbox, link-button, floater, copy-to-clipboard-text, copy-to-clipboard-icon, label-text, package-info
 exposing: page-widths
 
+-- import: fastn-community.github.io/doc-site
+export: markdown
+
 
 -- page-widths widths:
 regular.px: 1140

index.ftd

@@ -1,5 +1,3 @@
--- ds.page: smth
+-- import: fifthtry.github.io/easy-contest/pages/main
 
--- ds.heading-large: wo
-
--- end: ds.page
+-- main.page: 100 domains contest

pages/main.ftd

@@ -0,0 +1,12 @@
+-- import: fifthtry.github.io/easy-contest/components/header as h
+
+-- component page:
+caption page-title: Easy Contest
+
+-- ds.page: $page.page-title
+
+-- h.header:
+
+-- end: ds.page
+
+-- end: page

pages/rules.ftd

@@ -0,0 +1,22 @@
+-- import: fifthtry.github.io/easy-contest/components/header as h
+
+-- component page:
+caption page-title: Rules | Easy Contest
+
+-- ds.page: $page.page-title
+
+-- h.header:
+
+-- ds.section-column:
+
+-- ds.markdown:
+
+Could be a section in the main page itself? depends on the final content we end up with
+
+A place for Nandhini to write content related to the 100 domains contest
+
+-- end: ds.section-column
+
+-- end: ds.page
+
+-- end: page

rules.ftd

@@ -0,0 +1,3 @@
+-- import: fifthtry.github.io/easy-contest/pages/rules
+
+-- rules.page: Rules | 100 domains contest