Giter Site home page Giter Site logo

ipdb / website Goto Github PK

View Code? Open in Web Editor NEW
12.0 7.0 7.0 2.77 MB

The blockchain database network for the decentralized stack

Home Page: https://ipdb.io

License: Apache License 2.0

Ruby 1.46% Shell 2.44% JavaScript 19.00% CSS 44.18% HTML 32.93%
ipdb bigchaindb database jekyll gulp website cats unicorns spaceships

website's Introduction

ipdb/site

The blockchain database network for the decentralized stack https://ipdb.io

Build Status css bigchaindb js ascribe Greenkeeper badge

Live | Styleguide

Table of Contents


Content editing

Most content on the site can be edited on GitHub without messing with HTML markup.

The site's source and structure is in the _src/ folder. Ignore everything with an underscore in its name.

When viewing a file on GitHub you will see a small pencil icon in the top right. Click that to edit the file.

Pages

All pages are simple Markdown files. Markdown is a way of telling the site how an element should be marked up, like headings & bold text:

I'm a simple paragraph. No fancy symbols needed.

# I'm a heading 1
## I'm a heading 2

You can make text **bold like so**

Special pages

Some pages like front page source their content dynamically during site build. This is so we have a single source of truth for content used in multiple places on the site.

Development

You need to have the following tools installed on your development machine before moving on:

Install dependencies

Run the following command from the repository's root folder to install all dependencies.

npm i && bundle install

Development build

Spin up local dev server and livereloading watch task, reachable under https://localhost:1337:

gulp

Continuous deployment: always be shipping

The site gets built & deployed automatically via Travis. This is the preferred way of deployment, it makes sure the site is always deployed with fresh dependencies and only after a successful build.

Build & deployment happens under the following conditions on Travis:

  • every push builds the site
  • live deployment: every push to the master branch initiates a live deployment
  • beta deployment: every new pull request and every subsequent push to it initiates a beta deployment

Manual deployment

For emergency live deployments or beta deployments, the manual method can be used. The site is hosted in an S3 bucket and gets deployed via a gulp task.

Prerequisite: authentication

To deploy the site, you must authenticate yourself against the AWS API with your AWS credentials. Get your AWS access key and secret and add them to ~/.aws/credentials:

[default]
aws_access_key_id = <YOUR_ACCESS_KEY_ID>
aws_secret_access_key = <YOUR_SECRET_ACCESS_KEY>

This is all that is needed to authenticate with AWS if you've setup your credentials as the default profile.

If you've set them up as another profile, say [ipdb] you can grab those credentials by using the AWS_PROFILE variable like so:

AWS_PROFILE=ipdb gulp deploy --live

In case that you get authentication errors or need an alternative way to authenticate with AWS, check out the AWS documentation.

Staging build & beta deployment

The staging build is a full production build but prevents search engine indexing & Google Analytics tracking.

# make sure your local npm packages & gems are up to date
npm update && bundle update

# make staging build in /_dist
# build preventing search engine indexing & Google Analytics tracking
gulp build --staging

# deploy contents of /_dist to beta
gulp deploy --beta

Production build & live deployment

# make sure your local npm packages & gems are up to date
npm update && bundle update

# make production build in /_dist
gulp build --production

# deploy contents of /_dist to live
gulp deploy --live

Coding conventions & Browser support

Lint with ESLint & stylelint in your editor or run:

npm test

As a rule of thumb, make your CSS & JavaScript work in the last 2 versions of modern browsers, and ideally in IE 11. Adapt the browserslist key values in the package.json when a change in visitor statistics allows that.

(S)CSS

Follows stylelint-config-bigchaindb which itself extends stylelint-config-standard.

js

Follows ascribe/javascript which itself extends airbnb/javascript.

Try to not use any jQuery, always prefer vanilla JavaScript.

At the moment, jQuery is only used for the form submissions for its simple $.ajax functionality, and neither XMLHttpRequest or fetch seem to work with MailChimp.

Authors & Contributors

License

For all code in this repository the Apache License, Version 2.0 is applied.

Copyright Interplanetary Database Foundation 2018. All rights reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

website's People

Contributors

danacr avatar flowerornament avatar greenkeeper[bot] avatar kremalicious avatar trentmc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

website's Issues

create and add illustrations

On https://beta.ipdb.io there're a bunch of placeholders where we can add some new or existing visuals.

Illustrate features

  • 5-6 vector graphics in a consistent style

The intro section has a list of features & benefits of IPDB and each item should be accompanied by something visual, ideally reflecting what's said in the text.

screen shot 2017-09-06 at 16 42 20

While the round boxes can be used to "set a stage" for illustrations (as demonstrated with the BigchainDB towers graphic) we could also remove them. If we keep those background note they behave in a fluid way horizontally when resizing the browser window so they never have a fixed, known width.

Section headers

  • either 3 more vector graphics in consistency to existing ones
  • or 5 vector graphics in a consistent style

Each section header leaves some space on the right on larger viewports. Filling this space is not always required but was a good place to put those graphics we had illustrating "distributed" & "governance". So I used those a bit cleaned up & recolored to illustrate IPDB & the Foundation:

screen shot 2017-09-06 at 16 48 57

screen shot 2017-09-06 at 16 52 10

If we want to keep this style, we could do some more in this style to put on all sections on front page, illustrating:

  • Roadmap
  • Get started
  • Stay connected

Or we use something else completely, maybe aligning it with whatever will be created for features illustrations.

Caretaker traits

  • 4 vector graphics in a consistent style

On https://beta.ipdb.io/foundation/#caretakers we mention what makes a caretaker in a grid. Each trait should get some small visual. For simplicity, we could just pick some icons from our Streamline icon set, maybe from the filled state ones.

screen shot 2017-09-06 at 16 59 36

Vision & Research

  • 1 vector graphic

Section under https://beta.ipdb.io/foundation/#vision could use at least 1 graphic accompanying the text, whole section looks a bit empty otherwise:
screen shot 2017-09-07 at 13 33 56

Bonus quest: illustrate BigchainDB Get Started/transaction tool

  • 1 vector graphic

I just lazily repeated the same graphic used to illustrate "BigchainDB" as first intro feature. Whatever we chose to use in intro section, we can just repeat here too. Or create another one as a bonus.

screen shot 2017-09-06 at 17 30 11

Become a caretaker CTA

What to do with it?

screen shot 2017-09-06 at 16 35 51

  • add new page explaining process and link to it?
  • just a modal with a contact form?

FAQ page suggestions

In the FAQ page, one question is "Why is IPDB better than a normal database?"

The answer lists five blockchain characteristics that are added to a traditional database: 1) decentralized control, 2) immutability, 3) Sybil tolerance, 4) native assets, and 5) native asset transfer.

I would add two more: 6) public writability, and 7) public readability.

Astronaut on the bike should come back | ipdb.io

screen shot 2017-09-26 at 1 56 33 pm

We really like the website but:

Feature Request
The astronaut on the bike just leaves the website and never comes back until we refresh page. I think we should use some key space to bring him back or start a endless runner astronaut on a bike game when user presses a certain combination.

Using the latest version of ipdb.io.
Steps to reproduce: Visit ipdb.io.

switch url on Google Analytics

Note to self for right after launch. We continue to use the ipdb.foundation view but just switch the url and filter to just have continuous data.

merge site/app Terms, merge site/app Privacy

No idea why we seem to maintain 2 versions of terms & privacy policy, which then are very similar anyway. Just merge them like airbnb:

The Site, Application and Airbnb Services together are hereinafter collectively referred to as the “Airbnb Platform”
https://www.airbnb.com/terms

To users it's irrelevant so distinguish between site, app, and whatnot and from tech standpoint, this even could be one and the same, like a React app powering the landing page and the dashboard together.

New canonical home for terms & privacy docs is here currently:

The documents I found in root of this repo are now here and are the ones which should be merged into the ones mentioned above, then deleted:

collect vector logos

I need vector files for the following logos, ideally their horizontal versions. None of them make this available on their sites as far as I could see:

  • COALA
  • Human Data Commons Foundation
  • Dyne.org
  • unMonastery
  • SmartContract
  • Tendermint
  • CREATE-NET

@gmcmullen do you have a contact for all of them? If so, could you reach out to them please?

Either drop logos onto this issue as a comment or drop on the Trello card: https://trello.com/c/q0HGMPx0/54-build-ipdbio-website-for-developers-reconcile-developersipdbio

contact form is broken

Cause Formspree changed their business model:

{"error":"To prevent spam, only Gold accounts may create AJAX forms."}

An in-range update of uglify-es is breaking the build 🚨

Version 3.2.0 of uglify-es was just published.

Branch Build failing 🚨
Dependency uglify-es
Current Version 3.1.10
Type devDependency

This version is covered by your current version range and after updating it in your project the build failed.

uglify-es is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details
  • continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details

Release Notes v3.2.0

 

Commits

The new version differs by 16 commits.

  • b84c99e harmony-v3.2.0
  • 4f08c2f Merge branch 'master' into harmony-v3.2.0
  • b37a68c v3.2.0
  • c141ae6 fix argument/atom collision by properties (#2514)
  • 97c464d fix wording and formatting (#2512)
  • ba4894a document top level minify option keep_classnames (#2511)
  • f1e3ef5 separate keep_classnames & keep_fnames (#2510)
  • 3b28b91 extend escape analysis on constant expression properties (#2509)
  • eb001dc fix argument/atom collision by collapse_vars (#2507)
  • aa9bdf4 make AST_Lambda.contains_this() less magical (#2505)
  • bbf38dc fix reduce_vars on arrow functions with this (#2504)
  • 8987780 eliminate invalid state caching in collapse_vars (#2502)
  • 30cfea2 fix rename (#2501)
  • 3d8341a fix properties for array literal with spread (#2499)
  • f4e2fb9 expand symbol space to improve compression (#2460)

There are 16 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


Your Greenkeeper Bot 🌴

add remaining content

EU cookie banner

Filed for later under "we kinda have to do it"

EU law says we have to interrupt your browsing to tell you we use cookies. Learn how we use cookies in our Privacy & Cookies page, or go bake cookies of your own.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.