Git Product home page Git Product logo

balzan-website's Introduction

Balzan Centre for Cosmological Studies website

Editing

All content that needs to be updated on a periodic basis is kept in YAML files in the src/_data directory.

Application dates

These are stored in src/_data/application_dates.yml, and consist of:

  • academic year (e.g. 2019/20)
  • final submission date (e.g. June 7th 2019)

Contact details

Contact details for the administrator are stored in src/_data/application_dates.yml.

Host scientist details

The list of host scientists is stored in src/_data/host_scientists.yml.

Other content

Other content, such as "About the Project", is saved as markdown inside Nunjucks template files, due to the way Eleventy handles variable interpolation in templates. These are stored in the src/_includes/components directory.

Requirements

Deployment

On commits to the master branch, the site is rebuilt and pushed to the host at New College by a GitHub Action using rsync. This needs to have the following secrets set:

  • DEPLOY_PATH
  • DEPLOY_HOST
  • DEPLOY_USER
  • DEPLOY_KEY

Development

pnpm i
pnpm serve

Notes

  • JS and CSS is compiled with Webpack, and filenames inserted via the Webpack manifest.json stored in the _data dir, which gets picked up by Eleventy. This file shouldn't be committed to Git.

balzan-website's People

Contributors

chrislintott avatar dependabot[bot] avatar rogerhutchings avatar

Watchers

 avatar  avatar

balzan-website's Issues

Concat / minify JS

Probably the easiest way for both dev and production is to wrap it in Gulp

Fix navigation colours

  • Links should change to a more contrasty colour
  • .navbar-brand should also have a proper hover state
  • Active backgrounds should be more interesting than grey

Google analytics?

The original site doesn't have any kind of analytics on there - does it need to?

Add Browserify

Got it largely working in the gulp-browserify branch, but still needs Bootstrap js adding in

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.