Git Product home page Git Product logo

c2pa-org.github.io's Introduction

Contributing to c2pa.org

c2pa.org uses Hugo, a static site generator, a custom theme, and is deployed via GitHub pages.

Building the site locally

Please build the site locally if you are adding new content pages, changing layouts, adding images, or making other substantive changes. For minor changes to existing pages such as typo fixes, grammar, or refreshing content, you can use the GitHub UI.

Requirements

  • Docker - download and install docker for your operating system. The docker container holds your deploy environment, webserver, and other software you'll need without requiring you to download it all to your local computer.
  • A terminal, text editor, and browser.

With these items installed and running, you are ready to build the site:

  1. Clone this repository to your machine if you haven't already done so.
  2. Launch the Docker application - you don't need to do anything other than start it.
  3. In your terminal, change directories into the repo directory, /c2pa-org.github.io
  4. If this is your first time running the site locally, you will also need to get the theme files. In your terminal, execute git submodule init
  5. Run the build script with ./hugo-build.sh
  6. Run the server script with ./hugo-serve.sh
  7. In your browser, navigate to http://localhost:1313/ to see the site.
  8. Any changes you make will be automatically updated in the browser.
  9. Commit changes to a separate branch (not main/master) and file a Pull Request when you are ready for review.

Editing the site

Content updates

Most changes to the site will be content-related. All content is in the /content/en directory and is captured in markdown. You do not need to edit html files to add or edit copy on the website.

For example, to make a change to the about page (c2pa.org/about/about), edit the about.md file under /content/en/about/. To edit the "about summary", which can be seen at c2pa.org/about under the 'About' heading, you will edit the summary: key in the frontmatter of the about.md file under /content/en/about/. All content sections follow this pattern.

You can create a new content page by creating a new markdown file in the appropriate directory. For example, to add a new post, create a new markdown file under the post directory. In the frontmatter, include values for the following keys: date: description: title: and summary:. Use markdown to style your post below the frontmatter. Note that your file name will become the url path: my-awesome-post.md will be located at c2pa.org/post/my-awesome-post

Changes to content on the homepage, c2pa.org, are made by editing the /content/en/_index.md file. You should not need to edit the files in the /docs folder.

Membership/logo updates

To add/remove members, you'll have to do two things:

  1. Put a square SVG of their logo in static/images/logos/<tier>. This should optimally be sized in relation to the other logos (reference the others for padding, etc.) so that it appears consistent.
  2. Update the [params.members] table in config.toml by adding a map with the name, path (img), and URL (href) of the new member.

Adding a steering committee member to the homepage hero section is a bit more involved due to sizing and adjusting responsive layouts. Please open up an issue if you wish to update this section of the site.

Menu updates

You can add/edit global nav options in the [menu] table in config.toml. This configuration is based on Hugo's menu system.

Updating the theme

To update the theme, please view the instructions in the custom theme README.

c2pa-org.github.io's People

Contributors

mlai2publicis avatar lrosenthol avatar dkozma avatar seanmcilroy29 avatar jorydotcom avatar jpradocueva avatar andyparsons avatar nikgroupe4 avatar andrewjenks 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.