diff --git a/_src/_assets/styles/bigchain.scss b/_src/_assets/styles/bigchain.scss index a09f100..97e0e01 100644 --- a/_src/_assets/styles/bigchain.scss +++ b/_src/_assets/styles/bigchain.scss @@ -32,6 +32,7 @@ @import 'bigchain/_footer'; @import 'bigchain/_team'; @import 'bigchain/_timeline'; +@import 'bigchain/_terminal'; @import 'bigchain/_utilities'; // Content types diff --git a/_src/_assets/styles/bigchain/_terminal.scss b/_src/_assets/styles/bigchain/_terminal.scss new file mode 100644 index 0000000..5e482d7 --- /dev/null +++ b/_src/_assets/styles/bigchain/_terminal.scss @@ -0,0 +1,99 @@ +// +// Terminal window +// --- +// bigchain.io +// + +.terminal { + @extend .windowframe; + max-width: 100%; + width: 100%; + background: darken($code-bg, 10%); + + code { + padding: $spacer; + color:#fdce93; + display: block; + word-break: break-all; + word-wrap: break-word; + background: none; + } + + code > span { + display: block; + + &:before { + content: "$"; + color: $code-bg; + margin-right: $spacer; + } + &.comment { + &:before { opacity: 0 } + } + } + + .comment { + color: $gray; + } +} + + +$frame-height: 21px; +$frame-height-mobile: ($frame-height / 1.5); +$frame-border-radius: $border-radius; + +.windowframe { + display: inline-block; + max-width: 100%; + margin-left: auto; + margin-right: auto; + position: relative; + padding-top: $frame-height-mobile; + border-radius: $frame-border-radius; + overflow: hidden; + + @media (min-width: $screen-sm-min) { + padding-top: $frame-height; + } + + // title bar + &:before { + content: ""; + display: block; + width: 100%; + height: $frame-height-mobile; + border-top-left-radius: $frame-border-radius; + border-top-right-radius: $frame-border-radius; + background: linear-gradient(to bottom, $gray-dark 0%, $gray-darker 100%); + margin-top: -($frame-height-mobile); + + @media (min-width: $screen-sm-min) { + height: $frame-height; + margin-top: -($frame-height); + } + } + + // knobs + &:after { + content: ""; + width: 6px; + height: 6px; + position: absolute; + left: 6px; + top: 4px; + + background: #F55E4A; + border-radius: 50%; + + // second & third knob + box-shadow: 10px 0 0 #F7CA44, 20px 0 0 #48C54D; + + @media (min-width: $screen-sm-min) { + width: 9px; + height: 9px; + left: 9px; + top: 6px; + box-shadow: 15px 0 0 #F7CA44, 30px 0 0 #48C54D; + } + } +} diff --git a/_src/_data/menus.yml b/_src/_data/menus.yml index 660eefb..ea5cd7c 100644 --- a/_src/_data/menus.yml +++ b/_src/_data/menus.yml @@ -1,13 +1,11 @@ main: - - title: Features + - title: How it works url: /features/ - title: Whitepaper url: /whitepaper/ - title: Community url: /community/ - - title: Docs - url: /docs/ footer: - title: About diff --git a/_src/community.html b/_src/community.html index 6700d51..4e51187 100644 --- a/_src/community.html +++ b/_src/community.html @@ -35,12 +35,12 @@ title: Community
-

Code of Conduct

+

Community Guidelines

This project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

- Read Code of Conduct + Read Guidelines

diff --git a/_src/features.html b/_src/features.html index a00e590..6ddb43a 100644 --- a/_src/features.html +++ b/_src/features.html @@ -1,7 +1,7 @@ --- layout: page -title: Features +title: How it works ---
diff --git a/_src/index.html b/_src/index.html index 7affccc..4835c55 100644 --- a/_src/index.html +++ b/_src/index.html @@ -43,30 +43,45 @@ hero_video_name: northern-light
-
-
+
+
-

Built for

+

Get started

+

Just clone and run

-
-

- Blockchain companies looking to scale or serve their clients -

-

- Companies experimenting with blockchain technologies -

-

- Cloud platforms wanting to deploy Blockchain as a Service -

+
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus temporibus nostrum, omnis non dolores repellat! Harum delectus, dolores.

+

Read documentation

+
+
+
+ + # clone the repo + git clone git@github.com:bigchaindb/bigchaindb.git + cd bigchaindb/ + # start the database + rethinkdb + # install dependencies + pip install -r requirements.txt && pip install -e . + # initialize bigchain + bigchain init + +
+
+ + +
-
+

Whitepaper

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est quisquam doloremque nam quia, voluptate velit nihil

@@ -77,14 +92,3 @@ hero_video_name: northern-light
- -
-
-
-

Sign Up for Early Access

-

For early access and inquiries, enter your contact information below. A member of our team will contact you.

-
- - {% include/form-earlyaccess.html %} -
-