This is kind of a hacky implementation.
We are using a negative margin to remove the left&right padding from the content div and expand the background color.
What we should do instead, is move the
padding: 0 60px 20px; (and following media queries)
from "mind-post_central-column" to "mind-post_content", and set the mind-post_central-column side padding to zero, if necessary.
This way, only the actual post content will be "centered" and with spacing at the sides, while other stuff (post info, comments) can have their own custom padding and spacing.
In the case of the info box, it should have zero margin (so be 100% large) with spacing (padding) inside of the box itself.
Now, all posts show info about: author, updated date, tags.
However, styling is needed and also the tags part has to be fixed (we need to add a comma after every tag's name, excluding the last one)
- Two new image sizes have been added: xl and xxl.
- Image resizing has been implemented in featured images.
- Some elements were not responsive, such as the link preview and code block.
The responsive theme is almost ready; most pages and elements now render correctly on the vast majority of screens. There are some known issues which are in the works.
Also, a <h4> "Paragraphs" title has been aded on the left navbar.
Added a new script with the purpose of getting all headers from a post's content and creating links for them in the left sidebar.
Some div classes have been modified, and a wrapper div has been added to posts because of this new script.
Some minor CSS changes have been made.
CSS refactoring is now complete, and all styles are correctly
organized in main "screen.css" file, with a table of contents.
All supplementary CSS files have been removed, with the
exception of "fonts.css", as explained in previous commit.
This CSS implementation may, however, be considered immature,
and thus could be subject to heavy changes again in the near
future.
Many things are also still missing, such as a responsive
design and support for some custom pages (such as /tags/).
Signed-off-by: Lorenzo Dellacà <lorenzo.dellaca@mind-overflow.net>
CSS code was divided in multiple files, however this was not practical
for organization since different pages needed different CSS classes one
another, that were in most of those CSS files.
This commit brings (mostly) everything in one file with a table of
contents on top.
An exception is made for fonts, that are now in a separate "fonts.css"
file, since they contain fundamentally different things.
Classes organization is not yet complete, however a great part was done.
Next commits will finalize this organization and finish moving classes.
Signed-off-by: Lorenzo Dellacà <lorenzo.dellaca@mind-overflow.net>
- add tags.hbs
- add home.hbs, copy of index.hbs
- change <h1> global font size
make some animations faster
- make post title & footer background black instead of animated gradient
- make "services" link in navbar white instead of animated gradient
- move some css classes to screen.css to allow tags.hbs accessing them
- fix policy popup being covered (issue #001)
- fix policy popup style
- fig kg-bookmark thumbnail image
- add PT Serif font
- add category and posted date under post title
- move big post cards to post-card-big.hbs, so both index, home and tags can access it
- mode post post cards style to new post-card-style.css file
- update page.hbs, now rendering correctly and including content
- add "l" size to package.json, to allow more high-res images
