felipefialho/kratos-boilerplate

:fire: A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules

Hi there! 😁

My name is Felipe Fialho from Brazil (🇧🇷). I've been working as Front-End Developer since 2009 and currently I'm Tech Lead at Juntos Somos Mais. I'm passionate about open source projects, so I've created some projects as Front-end BR and I've always loved to produce a lot of content during my career

In my free time I like to play (and watch) football (⚽️), bodybuilding and fitness life (🏋️), to watch movies (🎞️) and series (📺), to read books (📚), to listen to music (🎵) and eventually I like to philosophize about life with a beer (🍺)

Would you like to find me?

📽️ Some videos on YouTube 🇧🇷

• OPEN SOURCE - Como CONTRIBUIR e como FUNCIONA
• SEM JAVASCRIPT - Collapse com HTML e CSS em 5min!
• O que Front-end Developers precisam saber

📓 Some Blog Posts 🇧🇷

• Prática x Teoria - Quando aprendemos e quando entendemos?
• Variáveis CSS: Os superpoderes das variáveis nativas do CSS
• CSS Grid e Flexbox - Quando utilizar?

---

kratos-boilerplate's Issues

config.yml Problem

Hi LFeh
When I change the title in the config.yml, than gulp breaks and i get the error message

fs.js:640
return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
^

Error: ENOENT: no such file or directory, open 'src/data//.yml'

What do I do wrong? Wanted to build my Portfolio with your Boilerplate.

Thanks

Converting Jade => Pug

Queria saber o porque foi trocado de Jade para Pug

Vlw o/

Add mdcss and some descriptions

Error in "npm run setup"

Hi @lfeh
I installed Kratos and had the following error, I understood that the folder was not found. The intention to report this is to know if there is a solution you know.

> cp ./node_modules/flexibility/flexibility.js public/js/

cp: directory public/js does not exist

npm ERR! Darwin 16.3.0
npm ERR! argv "/usr/local/Cellar/node/7.2.1/bin/node" "/usr/local/bin/npm" "run" "vendors"
npm ERR! node v7.2.1
npm ERR! npm  v3.10.9
npm ERR! code ELIFECYCLE
npm ERR! [email protected] vendors: `cp ./node_modules/flexibility/flexibility.js public/js/`
npm ERR! Exit status 1

Problems generating SVG and SVG icons

When I put a .svg file in thesrc/svg folder the gulp task until it finds, however, it creates a folder inside the src/svg/svg folder and also in build/svg and both empty.

Improve documentation

How can I Inject the icons.svg after the body tag?

Hi this boilerplate is really great, but one thing I can't get my head around.
As described I want to put the svgs after my body-tag and I do not want to do it with php.
I tried the method of gulp-inject, but someone mentioned it does not work with babel.
Therefore I would be thrilled to see how I can implement that feature.
U ask why, here is a screencast... I love the workflow https://css-tricks.com/video-screencasts/screencast-134-tour-site-progress-built-jekyll-grunt-sass-svg-system/.
He uses Jekyll to inject the svg, can i do that with pug too?
Thxs and happy coding

Problems with typography

When the user mixin font(), passing as parameter the weight using numbers, it is not being applied to the CSS generated only works when bold step as a parameter. I do not know if I was clear, but below is an example.

// font
p
  font(p2, 500)

// source
p {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

or 

// font
p
  font(p2, bold)

// source
.article p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
}

Add a generator to init a new project

Add plugin to css modules