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.
In post cards, the "tag and date" text was slightly moved to the right and looked ugly. This was fixed.
The /tags/ page had a horizontal padding of 0 which made it look ugly. Solved.
The /tags/ page now scales based on screen size and is responsive. Fixes#5
This commit fixes#4.
The kg bookmark sometimes had weird proportions, depending on the original image size and how long the text to show is. Also, the title was not clamped to 2 lines max.
- On posts, the line-height was too high and mobile devices were overflowing the title on top. Now it's smaller, so a longer title should not be a problem.
- The horizontal navbar on code blocks was always present. Now, it only shows when necessary.
- 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.
This commit brings a big update to the screen.css file, making the homepage + policy popup almost 100% responsive.
Another added feature is in the left sidebar: the currently viewed paragraph's title is now highlighted.
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.
The tags page was finally completed, and shows every tag
with its own image.
A "see all tags" link was added in the header of every
(single) tag's page, in case of a missing description.
Also, the "secondary navigation" div now has a relative
position and a higher z-index, so that the tags page's
header does not cast a shadow on it.
Signed-off-by: Lorenzo Dellacà <lorenzo.dellaca@mind-overflow.net>
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
Bea
Lorenzo Dellacà