index.ftd

-- import: fastn
-- import: fastn-lib












-- ftd.column package-info-page:
width: fill
padding: 40

--- fastn-lib.h0: $fastn.i18n.welcome-fastn-page

$fastn.i18n.welcome-fastn-page-subtitle

--- ftd.text: $fastn.package-name

--- fastn-lib.key-value-without-default: $fastn.i18n.language
value: $fastn.language

--- fastn-lib.key-value-without-default: Zip:
value: $fastn.package-zip











-- ftd.column translation-status-page:
padding-vertical: 40
padding-horizontal: 20
width: fill

--- h0: $fastn.i18n.language-detail-page

--- title: $fastn.package-title
subtitle: key-value: $fastn.i18n.last-modified-on
> value: $fastn.last-modified-on
> default: Never synced

$fastn.i18n.language-detail-page-body

--- key-value: $fastn.i18n.total-number-of-documents
value: $fastn.number-of-documents
default: Not known

--- files-status:
ftd.color-scheme colors: $fastn.design.colors.brand
colors: $colors












-- ftd.row key-value:
caption key:
optional string value:
string default:
margin-bottom: 10
spacing: 2

--- ftd.text: $key
position: center

--- ftd.text: $value
if: $value is not null
position: center

--- ftd.text: $default
if: $value is null
position: center












-- ftd.column title:
caption title:
optional body body:
ftd.ui subtitle:
width: fill
region: h1

--- ftd.row:
spacing: 25
width: fill

--- ftd.text: $title
region: title
ftd.color-scheme colors:
color: $colors.cta-secondary.base
align: center
link: $fastn.home-url

--- ftd.text: $fastn.language
if: $fastn.language is not null
border-radius: 10
ftd.color-scheme colors:
color: $colors.cta-secondary.base
background-color: $colors.cta-secondary.base
padding-vertical: 5
padding-horizontal: 20
align: center

--- container: ftd.main

--- subtitle:

--- markdown:
if: $body is not null
ftd.color-scheme colors: $fastn.design.colors.brand
colors: $colors
body: $body












-- ftd.column h0:
caption title:
optional body body:
width: fill
padding-horizontal: 90
region: h0

--- ftd.text:
text: $title
region: title
ftd.color-scheme colors:
color: $colors.cta-secondary.base
padding-bottom: 24

--- container: ftd.main

--- markdown:
if: $body is not null
ftd.color-scheme colors: $fastn.design.colors.brand
colors: $colors
body: $body












-- ftd.text markdown:
body body:
ftd.color-scheme colors:
color: $colors.cta-secondary.base
text: $body
padding-bottom: 34
padding-top: 50












-- ftd.row print:
caption file:
ftd.color-scheme colors:
ftd.ui status:
width: fill
border-bottom: 1
border-color: $colors.cta-primary.base
padding: 10

--- ftd.text: $file
width: percent 50
padding: 5

--- status:












-- ftd.column files-status:
ftd.color-scheme colors:
background-color: $colors.cta-primary.base
width: fill
max-width: 800

--- ftd.row:
width: fill
background-color: $colors.cta-primary.base
color: $colors.cta-primary.text
padding: 10
border-top-radius: 5

--- ftd.text: $fastn.i18n.document
width: percent 50
padding: 5

--- ftd.text: $fastn.i18n.status
width: percent 50
padding: 5

--- container: ftd.main

--- print: $obj
$loop$: $fastn.missing-files as $obj
status: ftd.text: $fastn.i18n.missing
ftd.color-scheme colors: $fastn.design.colors.brand
colors: $colors
> padding: 5
> color: $colors.cta-primary.base
> background-color: $colors.cta-primary.base
> border-radius: 10

--- print: $obj
$loop$: $fastn.never-marked-files as $obj
status: ftd.text: $fastn.i18n.never-marked
ftd.color-scheme colors: $fastn.design.colors.brand
colors: $colors
> padding: 5
> color: #4e4ead
> background-color: #e0dff9
> border-radius: 10

--- print: $obj
$loop$: $fastn.outdated-files as $obj
status: ftd.text: $fastn.i18n.out-dated
ftd.color-scheme colors: $fastn.design.colors.brand
colors: $colors
> padding: 5
> color: #f7d06d
> background-color: #fef7e5
> border-radius: 10

--- print: $obj
$loop$: $fastn.upto-date-files as $obj
status: ftd.text: $fastn.i18n.upto-date
ftd.color-scheme colors: $fastn.design.colors.brand
colors: $colors
> padding: 5
> color: #4da486
> background-color: #e0efeb
> border-radius: 10