Giter Club home page Giter Club logo

dev's Introduction

About this site

This is the repository for building and maintaining the webpage for the Finnish Quantum-Computing Infrastructure (FiQCI). You can view the main site at https://fiqci.github.io/.

Editing and Contributing

If you wish to add your own posts/publications or contribute to the website please see CONTRIBUTING.md for help and guidelines. For quick contributions:

  • In the dev repo navigate to where you want to add a new file e.g _posts/ and click "Add file" at the top. Or navigate to a file already in the repo and click the little pen icon in the top right "Edit this file".
  • (sign in GitHub) and edit then content
  • Scroll down to commit changes (create a new branch) -> make a pull request
  • Assign a reviewer who will then merge and push to the master dev branch
  • After merging to the master branch of the dev repository a pull request will then be made to the main website.

dev:<new-branch> --> dev:master --> fiqci.github.io:master

This website is built using Jekyll with the minimal mistakes theme. To find out more about jekyll, take a look at the docs: https://jekyllrb.com/docs/.

If you have made a change to the _config.yml file you will need to delete _site (e.g rm -r _site/) and rebuild.

Building the website locally

Building the website locally requires ruby and jekyll. Ruby is installed on most systems, however more details can be found here. For help installing jekyll see here.

Using the command line

Using the default configuration files:

  1. Run bundle clean to clean up the directory
  2. bundle install installs the necessary packages such as jekyll etc.
  3. bundle exec jekyll serve (use the --watch flag for live reloading)
  4. Then navigate to http://localhost:4000/.

You can also use ./build.sh for quick use of these commands above.

If you get errors try deleting Gemfile.lock or deleting the .jekyll-cache directory (sudo rm -r .jekyll-cache).

Using Docker

Ruby and it's different versions and environments can cause problems. A simple solution is to use Docker and install ruby inside it's own container. A docker container can be started through docker compose up -d using the given docker-compose.yml file.

Then navigate to http://localhost:4000/.

  1. docker compose up -d
  2. Then navigate to http://localhost:4000/.

You can also simply use the Dockerfile with docker build -t <container-name> . and docker run -d -p 8000:8000 <container-name> from the git repo directory. This method takes significantly longer and is generally not recommended.

Ensure that there isn't a current container assigned to the 4000:4000. This can be resolved by for example removing an old version of the docker container docker rm xyz where xyz is the first 3 letters of the container id found through docker ps -a.

Github pages

Changes can also be previewed at either http://fiqci.fi/dev/ for the dev site or http://fiqci.fi/ for the main site.

Rebuilding the javascript files

If any additional changes are made to /assets/js/_main.js then you will need to run npm run build:js to rebuild them. To install the npm dependencies run npm install in the root od the directory.

dev's People

Contributors

mmistakes avatar mpjohans avatar jmuff22 avatar ibug avatar coliff avatar thekharleeci avatar lsolesen avatar maxheld83 avatar jlenssen avatar ohadschn avatar kulbhushanchand avatar vincenttam avatar seankilleen avatar nickgarlis avatar zenharbinger avatar torrocus avatar edemaine avatar fa-ribeiro avatar hkalant avatar justinrummel avatar scot3004 avatar rschaerer avatar quanengineering avatar tobie avatar akhyarrh avatar gamue avatar yihangho avatar tlindsay42 avatar tony-ho avatar lucascaton avatar

Watchers

 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.