Putting different things in different folders. Images, css, js

[aahnik]

When I run loconotion it produces everything in a subfolder of dist.

If everything was organized, it would be great. Like the folder structure could be like this:

- index.html
- images
- css
- js
- pages

[aahnik]

i tried to solve this issue by making a script

the python script does the following:

• move all fonts,css,js,png files to subdirectories
• suppose a.js was moved to js/a.js then, in all the html files, replace a.js with js/a.js

i expected it to work, but on opening the html files, the images/css/js are not loaded.

So, i tested my script on some other directory (with some files made up by me), it works there. but not in the loconotion.

something weird is happening, that i am not understanding

what mistake am i making ?

@leoncvlt

[aahnik]

@leoncvlt, I made a script that does the job.

Link: https://gist.github.com/aahnik/2c18af0ee937bb2947873774f069adc4

(download it to any path of your choice. lets say /path/to/locorg.py)

How to use ?

1. Use loconotion normally.

2. Move inside the output folder (a subfolder inside dist)

3. If you run ls you should see lots of css,js,woff files and also the html files

4. Now run locorg.py from inside this directory (like python /path/to/locorg.py)

5. You get a clean output

6. Html files do not break (as they are updated)

Before:

After:

[aahnik]

@leoncvlt, it would be great if you integrate my script into loconotion, and make it a default feature.

as many people are using github pages, all files in the root directory of the repo, look extremely clumsy.

after applying my script, everything gets organized like this:

[aahnik]

fixed the #46 font issue in locorg.py