Commit Graph

11 Commits

Author SHA1 Message Date
meleu
671fe05312
padding and border-radius matching bottom cards
Co-authored-by: Jacky Zhao <j.zhao2k19@gmail.com>
2022-04-04 17:07:43 -03:00
meleu
a287d11246 add a collapsible ToC 2022-04-03 22:12:55 -03:00
Jacky Zhao
cc86136bcb feat: basic latex support 2022-04-02 17:00:14 -07:00
Jacky Zhao
8e083d4a93
Merge pull request #83 from meleu/patch-2 2022-04-02 14:53:05 -07:00
meleu
a469653f75 separate contact links semantically 2022-04-02 18:50:58 -03:00
Jacky Zhao
c51573efa9 feat: grey out broken links 2022-04-02 13:34:26 -07:00
Jacky Zhao
3674df48b8 fix pagination styling 2022-04-01 10:13:01 -07:00
Claudio Yanes
f70128a3de
Prevent overflow of long links and words
When a word (or any string withtout breakpoints (spaces, dashes....), making links the most common place where this becamoes an issue)  is wider than its container, the text will simply overflow any container, including the viewport. This commit fixes this behaviour by making the word-drap strategy of the browser more aggresive.
2022-03-09 17:58:01 +00:00
Claudio Yanes
b96c60edfc Merge branch 'hugo' of https://github.com/jackyzha0/quartz into jackyzha0-hugo 2022-03-07 18:27:45 +00:00
Claudio Yanes
dc9b421e21 Remove unnecessary scrollbars
The margin property can escape the parent node and move it alongside
its child. This happens with singlePage div and the body, resulting in
scrollbars appearing as the body has the size of the viewport but
does not align with it. This phenomenon can be always observed
in the vertical axis and it can also be observed in the horizontal axis
when the viewport it’s not wide enough (mostly in mobile).

Using paddings prevents this “extra space” from scraping and displacing
the body.

Also, the value 100vw does not take into account the space taken by the
vertical scrollbar, thus making the body wider than the actual viewport,
producing a horizontal scrollbar.
2022-03-04 04:12:43 +00:00
Claudio Yanes
1313bd9779 Move css and js to appropriate files
Having the CSS and JS in the html template produces pages larger
than necessary, as each page need to contain all the js/css.
Separating them in appropriate files allow the browser to just download
them once and use them for all the pages. This is even more effective
with an aggressive cache policy for the js and css, something that can
be done without fear thanks to the implemented cache-busting.
Also, having then in separate files allows us to use Hugo pipelines
for minimizing the code.
2022-03-04 02:07:51 +00:00