lmr-brandplatform
v2.1.16
Published
Little Miss Robot brandplatform for hosting branding, assets, resources and styleguides for clients
Downloads
21
Readme
Little Miss Robot - Brandplatform (Core)
This repository contains the brandplatform npm package. The package defines the core functionality of every deployed branplatform. This package works very well with the Little Miss robot brandplatform boilerplate.
Installation
- Clone repository through an IDE or your terminal.
- Run
npm install
in your terminal to install dependencies. - Run
npm run start
to start the development environment. - The project is accessible at
localhost:9000
.
Simulate styleguide
const COMPONENT = button;
- Create the folder
styleguide
in/src
- Add folder
components
to/src/styleguide
- Add folder COMPONENT to
/src/styleguide/components
- Create a file
COMPONENT-page.njk
within/src/styleguide/components/COMPONENT
Simulate component
const COMPONENT = button;
Add a COMPONENT to
/src/styleguide/components
Create a file
COMPONENT-page.njk
within/src/styleguide/components/COMPONENT
Pase this content into
COMPONENT-page.njk
{# ========================================================================== #} {# :: Info #} {# ========================================================================== #} {# {% set info %} {% endset %} #} {# ========================================================================== #} {# :: Modifiers #} {# ========================================================================== #} {# {% set modifiers %} {% endset %} #} {# ========================================================================== #} {# :: States #} {# ========================================================================== #} {# {% set states %} {% endset %} #} {# ========================================================================== #} {# :: JavaScript #} {# ========================================================================== #} {# {% set javascript %} {% endset %} #}
Create a file
COMPONENT-macros.njk
within/src/styleguide/components/COMPONENT
Paste this content into
COMPONENT-macros.njk
{# ========================================================================== #} {# :: Imports #} {# ========================================================================== #} {# ========================================================================== #} {# :: Default #} {# ========================================================================== #} {% macro default(classes, data) %} {% endmacro %}
Create a file
_COMPONENT-default.njk
within/src/styleguide/components/COMPONENT
Paste this content into
_COMPONENT-macros.njk
{# ========================================================================== #} {# :: Imports #} {# ========================================================================== #} {% import "components/COMPONENT/COMPONENT-macros.njk" as COMPONENT %} {# ========================================================================== #} {# :: Settings #} {# ========================================================================== #} {% set params = { isFullWidth: false, styleVendors: [], scriptVendors: [], order: 1, scope: "" } %} {# ========================================================================== #} {# :: Info #} {# ========================================================================== #} {# {% set info %} {% endset %} #} {# ========================================================================== #} {# :: Preview #} {# ========================================================================== #} {% set preview %} {{COMPONENT.default("", {})}} {% endset %} {# ========================================================================== #} {# :: Code #} {# ========================================================================== #} {# {% set code %} {% endset %} #}
Simulate Page - files
- Add folder
pages
to/src/styleguide
- Add file
home.njk
to/src/styleguide/pages
Simulate Page - folders
- Add folder
pages
to/src/styleguide
- Add folder
home
to/src/styleguide/pages
- Add file
home-1.njk
to/src/styleguide/pages/home
- Add file
home-2.njk
to/src/styleguide/pages/home
Scripts
npm run start
: Start the development environment.npm run build
andnpm run build:dev
: Start building for development into./dist
folder.npm run build:prod
: Start building for production in to./dist
folder.npm run server
: Start nodemon server.
Publish
npm run build
make sure that the dist folder contains the latest buildnpm whoami
should show you are logged in as littlemissrobot. These credentials can be found in our big vault in 1Password. Only employees of Little Miss Robot should have access. If this is not the case: good job, you hacked us!- Update the package.json version number by choosing:
npm version major
npm version minor
npm version patch
npm publish
to publish the new version of the package to NPM.- Good job! you are done, go get some fruit as a reward.
Contact
If there are any questions concerning this repo, you can always contact the lovely people mentioned below in chronological order:
Wouter Vandersyppe (DO NOT CALL BEFORE 11:00)
- Project Manager, Technical lead, 24/7 Grumpy cat
[email protected]
Jan Van Lysebettens
- Design lead, Content manager, Master Climber
[email protected]
Collin Van der Vorst
- Back-end Developer, beetje Front-end Developer, Craft wizard
[email protected]
Nele De Bruycker
- Visual Design, Front-end Developer, Pull Request Master
[email protected]
Benoit Bosschaert
- Creative/Front-end developer, Craft apprentice, Code Jedi
[email protected]
Sébastien Henau
- Creative/Front-end developer, beetje Motion Design, wannabe Developer
[email protected]