diff --git a/_src/_assets/scss/_variables.scss b/_src/_assets/scss/_variables.scss index 2523b75..014d680 100644 --- a/_src/_assets/scss/_variables.scss +++ b/_src/_assets/scss/_variables.scss @@ -9,6 +9,8 @@ $brand-05: #eaf3f5 !default; $brand-06: #444 !default; $brand-07: #0e475d !default; +$brand-success: #6bcc74 !default; // adjust-hue($brand-01, 170%) + // // Typography // diff --git a/_src/_assets/scss/page-front.scss b/_src/_assets/scss/page-front.scss index 512f196..a03a322 100644 --- a/_src/_assets/scss/page-front.scss +++ b/_src/_assets/scss/page-front.scss @@ -39,6 +39,33 @@ margin-bottom: $spacer / $line-height; } +.feature__list { + margin: 0; + padding: 0; + margin-top: $spacer; + + li { + display: block; + color: $brand-02; + + @media ($screen-sm) { + display: inline-block; + margin-left: $spacer * 2; + + &:first-child { + margin-left: 0; + } + } + + &:before { + content: '\2714'; + font-size: $font-size-small; + color: $brand-success; + margin-right: $spacer / 4; + } + } +} + .connect__title { font-size: $font-size-h3; } @@ -107,7 +134,7 @@ &:after { content: '\2714'; color: $brand-03; - background: adjust-hue($brand-01, 170%); + background: $brand-success; } } diff --git a/_src/_data/colors.yml b/_src/_data/colors.yml index 89dcead..6acc9cc 100644 --- a/_src/_data/colors.yml +++ b/_src/_data/colors.yml @@ -18,3 +18,6 @@ - name: "brand-07" hex: "0e475d" + +- name: "brand-success" + hex: "6bcc74" diff --git a/_src/_data/content-front.yml b/_src/_data/content-front.yml index 8a07508..ea36bf5 100644 --- a/_src/_data/content-front.yml +++ b/_src/_data/content-front.yml @@ -22,6 +22,10 @@ intro: text: "The IPDB Foundation is run by its internet-loving Caretakers around the world." - title: "A Dashboard for your IPDB apps" text: "Manage your apps, give users access, and get statistical insights about your app’s API usage." + list: + - API usage statistics + - Access control + - User management foundation: title: "IPDB Foundation: human-scale governance" diff --git a/_src/index.html b/_src/index.html index a8ec329..0890705 100644 --- a/_src/index.html +++ b/_src/index.html @@ -86,6 +86,13 @@ css: page-front

{{ feature.title }}

{{ feature.text | markdownify }}
+ {% if feature.list %} + + {% endif %}