fbrctr / fbrctr.github.io Goto Github PK

I was wondering if there was a way to inject data into the assembly.data object. I see the parseData() function in the assembler but don't see a means to inject anything into that object w/o modifying the parseData() function.

The docs describe how to include a js-module from node_modules, but what about styles/fonts/etc.?

I'm trying to include bootstrap-material as my base style.

Hi,

The first Webpack link on this page needs a http://

http://fbrctr.github.io/advanced/third-party.html

Cheers,
Tom

Can you explain how to use the notes feature? More specifically in which file and under what form should they be added in order to be called by:

{{#if notes}}
<div class="f-item-notes" data-f-toggle="notes">
    {{{notes}}}
</div>
{{/if}}

I wonder why you don't migrate all the Gulp tasks to be used by Webpack?

I think you could use HMR, add some niceties like Webpack Dashboard or tree shaking and dynamic imports with Webpack 2.

I am having an issue with installing something like Font Awesome. I used NPM to install Font Awesome and it is now in my node_modules. It was not clear from the documentation how I was supposed to add it to the project. Do I edit the webpack.config.js file? Also, I installed this with --save only not --save-dev. Thanks.

Hi there,

I'm brazilian and I'm trying to set some components names such as "botões" (buttons in portuguese) without success. Fabricator-assemble returns error "The partial botões.botão-default could not be found". What should I do to use characters like this õ?

Thanks

PS: return of 'assemble'... :

Error (fabricator-assemble): The partial botões.botao-default could not be found Error: The partial botões.botao-default could not be found at Object.invokePartial (/Users/balves/ME/Style Guide/_Code/v3 (Fabricator)/node_modules/handlebars/dist/cjs/handlebars/runtime.js:281:11) at Object.invokePartialWrapper [as invokePartial] (/Users/balves/ME/Style Guide/_Code/v3 (Fabricator)/node_modules/handlebars/dist/cjs/handlebars/runtime.js:68:39) at Object.eval [as main] (eval at createFunctionContext (/Users/balves/ME/Style Guide/_Code/v3 (Fabricator)/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:254:23), <anonymous>:8:28) at main (/Users/balves/ME/Style Guide/_Code/v3 (Fabricator)/node_modules/handlebars/dist/cjs/handlebars/runtime.js:175:32) at Object.ret (/Users/balves/ME/Style Guide/_Code/v3 (Fabricator)/node_modules/handlebars/dist/cjs/handlebars/runtime.js:178:12) at Object.ret [as form] (/Users/balves/ME/Style Guide/_Code/v3 (Fabricator)/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:526:21) at Object.invokePartialWrapper [as invokePartial] (/Users/balves/ME/Style Guide/_Code/v3 (Fabricator)/node_modules/handlebars/dist/cjs/handlebars/runtime.js:72:46) at Object.eval [as main] (eval at createFunctionContext (/Users/balves/ME/Style Guide/_Code/v3 (Fabricator)/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:254:23), <anonymous>:18:28) at main (/Users/balves/ME/Style Guide/_Code/v3 (Fabricator)/node_modules/handlebars/dist/cjs/handlebars/runtime.js:175:32) at ret (/Users/balves/ME/Style Guide/_Code/v3 (Fabricator)/node_modules/handlebars/dist/cjs/handlebars/runtime.js:178:12)

I'm having a hard time inserting my projects stylesheet. I placed the style main.scss in default.html.

Here is the code for my projects personal style sheet. I placed the file 'main.scss' in /assets/toolkit/styles/main.css.

I also placed an image in the images folder of my toolkit. I tried calling up the images using

the images fails to load.

// Gulp File Code

// configuration
var config = {
dev: gutil.env.dev,
src: {
scripts: {
fabricator: './src/assets/fabricator/scripts/fabricator.js',
toolkit: './src/assets/toolkit/scripts/toolkit.js'
},
styles: {
fabricator: 'src/assets/fabricator/styles/fabricator.scss',
toolkit: 'src/assets/toolkit/styles/toolkit.scss'
},
images: 'src/assets/toolkit/images//.jpg',
views: 'src/toolkit/views/.html'
},
dest: 'dist'
};

Here's a checklist of things to document. Please comment with requests/suggestions:

Getting Started

• Quick start (install, start, build)
• What is a toolkit?
• Working with Fabricator - overview of directory structure, templating engine, css and js comilation, code/note toggles.

Building a toolkit

• Materials
  • Defining your taxonomy
  • Adding materials
  • Adding notes to a material
• Rapid Prototyping (fabricator-assemble)
• Data
  • Adding data files
  • Sample context footprint
  • Reserved context (title, baseurl)
• Stylesheets and Javascript (define your own architecture)
  • Sass
  • Browserify

Advanced

• Adding Helpers
• Using Ruby Sass and other Pre-compilers
• Customizing the menu
• Third party dependencies (bower recipe)
• Themes