infrastructure/web-assets
1
4
Fork 3
Code Issues 3 Pull Requests 1 Projects Releases 41 Wiki Activity
Design system to provide a consistent identity across Blender projects.
935 Commits 5 Branches 47 Tags 10 MiB
SCSS 43.3%
HTML 28%
Sass 25.5%
Pug 2.2%
JavaScript 1%
main
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 Added README.md and LICENSE 2014-10-31 10:56:25 +01:00
package-lock.json Update package-lock.json 2024-01-26 11:44:42 +01:00
package.json Update author.json to mention the Foundation (instead of the Institute) (#94699) 2024-06-03 19:03:16 +02:00
README.md Refactor file structure and build pipeline 2023-04-05 16:46:13 +02:00
site.webmanifest Refactor file structure and build pipeline 2023-04-05 16:46:13 +02:00

README.md

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

Copyright and license

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