Coder Social home page Coder Social logo

pedrovilelaeth / status.im Goto Github PK

View Code? Open in Web Editor NEW

This project forked from darkobodnaruk/docs.status.im

0.0 0.0 0.0 127.29 MB

Build a Better Web with Status

Home Page: https://status.im/

License: MIT License

JavaScript 27.68% CSS 62.39% HTML 0.44% SCSS 0.61% EJS 8.88%

status.im's Introduction

Status - Access a Better Web, Anywhere

This repo hosts the code for both status.im on the master branch (which builds and serves through gh-pages), and dev.status.im on the develop branch.

Changes to the documentation can be made on GitHub by editing files in the source folder. Please make sure that any changes you make are against develop. The idea is that we can merge recklessly to develop, then anyone see if the changes look OK on dev.status.im.

master is protected and only ever gets changed when merging develop (git merge develop --ff). This method makes for easy maintenance AND allows a larger group of people to push directly to develop and show their changes on the staging site when asking for review, which should smooth out and speed up the process considerably for everyone.

Adding a New Page

If you want to add a page to specific section, rather than just edit an existing page, you'll need to make sure your new page appears on the sidebar and is accessible to everyone.

  1. Add your page to source/<your_section>/<your_file_here>.md
  2. In source/_data/sidebars.yml add the appropriate text to the appropriate place.
  3. In themes/navy/languages/en.yml edit the sidebars section to make sure that your new text in sidebars.yml is rendered correctly.

Testing locally

Make sure you have node.js installed first.

  1. Open Terminal and navigate to the project root directory
  2. Run yarn install
  3. Run yarn build
  4. Run yarn devel

Contributing More

  1. If you would like add new styles, you can find all the sass files in themes/navy/source/scss - add your own there and keep things modular, clean and performing well.
  2. If you would like to add some JS for animations of images, or other potential bounties, the place to do that is themes/navy/source/js.
  3. Changing the header, footer, mobile nav, or scripts (in after_footer) can be done in themes/navy/layout/partial.
  4. Each new subdirectory gets it's own route, so if you want to add a new section like status.im/extensions or status.im/contribute, then just create a new directory in source, name it what you want the route to be called, and add an index.md file to it.

If you want it to have a unique layout, set it up something like this:

---
layout: extensions
title: Status Extensions
id: index
---

and then create the appropriate extensions.ejs layout file in themes/navy/layout. .ejs files are exactly like html - so just write html in there and don't stress.

Unfortunately, adding subdirectories within subdirectories like status.im/security/guides doesn't really work right now if you want to have a sidebar too, because it routes you to the wrong place. This could be the subject of a bounty.

Search Cluster

For providing search an ElasticSearch cluster is used, which is available at https://search.infra.status.im/.

For more information see our article on the Search Cluster.

status.im's People

Contributors

andytudhope avatar jakubgs avatar jinhojang6 avatar jeluard avatar j12b avatar nistorcristian avatar 0xc1c4da avatar yenda avatar jekamas avatar rachelhamlin avatar andmironov avatar flexsurfer avatar bitgamma avatar richard-ramos avatar hesterbruikman avatar timhartmann avatar ceripower avatar pierrickgt avatar maxhora avatar mandrigin avatar cammellos avatar annadanchenko avatar corpetty avatar dependabot[bot] avatar gravityblast avatar darkobodnaruk avatar transducer avatar speedyfixer avatar samthomson avatar oskarth avatar

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.