Giter VIP home page Giter VIP logo

cozy-site's Introduction

Cozy Website sources

Develop

⚠️ This project requires node 10 and will not compile with node 12+. Currently, you need to use Node 8 if you plan to use yarn. Using yarn with node 10 will lead to a nodejs stacktrace. Node 10 works perfectly fine if you don't use yarn.

setup

Clone this repository then install dependencies:

yarn install

or with node 10:

npm install

build

To run the build properly you will need at least Node.js v4.0.

yarn build
yarn build:fr
yarn build:es

or with node 10:

node output.js
node output-fr.js
node output-es.js

The result will be stored in a folder named build.

How to start the development server

yarn dev
yarn dev:fr
yarn dev:es

or with node 10:

node output.js --dev
node output-fr.js --dev
node output-es.js --dev

This command will run:

  • a web server that serves your static built files on the 3000 port.
  • a watcher that will rebuild your files and update your locale keys eacht time you change something.

Check http://localhost:3000/en/ to start browsing!

Locales

Localization and translations are handled by Transifex, which is used by all Cozy's apps.

As a translator, you can login to Transifex (using your Github account) and claim an access to the app repository. Transifex will then create pull request on the repository, and the locales are merged after validating the pull request.

As a developer, you just have to modify json in /src/locales. New locales will be automatically added to Transifex. If you need to pull or push manually locales, you can use Transifex CLI. If you were using a transifex-client, you must move to Transifex CLI to be compatible with the v3 API.

Application page

The application is automatically generated. It's done via two scripts located in the utils folder. Here is the script to download icons from the app registry and build the app page from the Cozy registry information:

cd utils
node app-images.js
node app.js

Extra information

  • The build engine of the website is based on Metalsmith (a static website generator).
  • The templates are written with Handlebars.
  • Stylesheets are written with Stylus

What is Cozy?

Cozy Logo

Cozy is a platform that brings all your web services in the same private space. With it, your web apps and your devices can share data easily, providing you with a new experience. You can install Cozy on your own hardware where no one profiles you.

Community

You can reach the Cozy Community by:

  • Chatting with us on IRC #cozycloud on irc.libera.chat
  • Posting on our Forum
  • Posting issues on the Github repos
  • Mentioning us on Twitter

cozy-site's People

Contributors

aenario avatar anthonycozy avatar babolivier avatar cballevre avatar clochix avatar drazik avatar felix-lambert avatar frankrousseau avatar gooz avatar hywan avatar jf-cozy avatar jsilvestre avatar julienvanderkluft avatar kelukelu avatar kosssi avatar lapalice avatar lucst avatar m4dz avatar magiclittlehand avatar martinsam avatar moritzheiber avatar nledez avatar nono avatar paultranvan avatar pierrevdk avatar poupotte avatar ptbrowne avatar sblaisot avatar taratatach avatar y-lohse avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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

cozy-site's Issues

Make the french version of the site easier to discover

It's not easy to find that the website is available in french, and the link to switch the language is pretty hidden in the footer.
For example, reported by email:

De un, j’ai d’abord trouvé votre site en version anglaise et après quelques instants, j’ai réalisé que le site était aussi disponible en français, mais ce n’est pas clair surtout si on ne navigue pas au bas de la page et même là, le contraste est relativement faible. En gros ça ne saute pas aux yeux.

Gestion de version sur les assets

Aujourd'hui les assets sont référencés en lien direct sans aucun hash ou autre dans les URL.

Résultat :

  • Si on ajoute du cache côté serveur pour améliorer les perf et qu'ensuite on change un asset sans en changer son nom, il ne sera pas pris en compte.

Weird image border on the home icon

On the home icon there is a weird white overlay on the bottom corners of the dock (it looks like the home is on a music player dock).

Compare with the left icon and watch for the bottom corners:

cozy-site-bug

Instructions for VirtualBox installation are wrong

Several problems:

  • Bridge adapter with the engaged physical network card fails on my system, because that card is already open. You should not suggest bridging with any physical cards, because that is generally an impractical setup. You should suggest instructions how to forward a port from the VM to the host. The instructions for ssh and https forwarding are:
        VBoxManage modifyvm "cozy" --natpf1 "guestssh,tcp,,8022,,22"
        VBoxManage modifyvm "cozy" --natpf1 "guesthttps,tcp,,443,,443"
   I think you can ship the VM image with these instructions already applied in it.
  • VM doesn't listen on the port 443, so https into it doesn't work. This makes the VM dysfunctional.

Transifex

Hi, could you somehow push the 'en.json' from '/src/locales' in transifex? Transifex isn't up to date. I then could and would start to translate the site into german.

Add a way to join our IRC channel

A user reported tonight on IRC that he searched our site for the name of our IRC channel without being able to find it. He suggested having a full Contact page, with a link allowing to join our IRC channel with a web client.

Page "Features" : "Cozy Pass" section

The section of the Cozy Pass feature is different from the sections above, it is a video.

It brings one caveat: you are not using the "encryption" term anywhere on your website.

It could seem strange to people to not see this kind of "technical" term (not just "secure") if they plan to give you their bank information and/or bills, receipts, passwords. What do you think?

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.