0
0
Blender Web assets
Go to file
Márton Lente ca8eb5303b Fix: Reference page js function includeHTML execution
Fix the JavaScript execution of included HTML components' inner js. This makes
it possible to test component parts, like navbar global's testing without
copy-pasting code.
2024-08-29 10:39:25 +02:00
assets Fontutti: Add new icon move 2024-02-09 15:38:40 +01:00
src Fix: Reference page js function includeHTML execution 2024-08-29 10:39:25 +02:00
.gitignore Update .gitignore 2024-02-22 21:28:19 +01:00
LICENSE
package-lock.json
package.json Update author.json to mention the Foundation (instead of the Institute) (#94699) 2024-06-03 19:03:16 +02:00
README.md
site.webmanifest

Blender Web Assets

Blender Web Assets is a front-end framework which provides design and interactivity components for official blender.org websites.

Install

Requirements

  • git to clone and contribute to this repository.
  • node.js to install the necessary packages via npm. If you need to manage multiple node versions, nvm can be quite handy.

Setup

  1. Open a terminal.
  2. Clone repo: git clone git@projects.blender.org:infrastructure/web-assets.git.
  3. Enter folder cd /path/to/web-assets.
  4. npm install

Usage

Standalone

  1. npm start. This will build the site into /public, open the site in the browser, and watch for changes in .html and .sass files.

In other projects

The idea behind Web Assets is to be shared between official Blender projects. Using this repository as a git submodule can simplify the process.

Clone, initalize, and update:

  1. git clone git@projects.blender.org:infrastructure/web-assets.git
  2. git submodule init
  3. git submodule update --remote

Then in each project you can just @import or @use via Sass the components you need.

Each project must have its own package.json defining the build pipeline.

Demo

See Web Assets in action:

Authors

Pablo Vazquez Niklas Ravnsborg-Gjertsen

This project is licensed under the GPL license copyright © 2023 Blender Foundation.