Commit Graph

163 Commits

Author SHA1 Message Date
Jimmy Cai
1857909fe4 fix(menu): remove horizontal menu margin on mobile 2021-07-09 12:20:13 +02:00
WingLim
46908815fc
chore: add toggleEl type (#256) 2021-07-06 12:25:27 +02:00
zhixuan
7ebe7e1af8
fix(article): add white-space: nowrap to back button text (#245) 2021-06-25 20:09:35 +02:00
Jimmy Cai
41fa65cbf5
feat: Table of Contents (#232)
Currently, the new table of contents is disabled by default. I will change that after several versions.

-------------

* feat: Table of Content (WIP)

* fix: set scratch inside define block

* fix(toc): darkmode text color

* feat: unify page layout, and add config to disable toc

* feat: add scroll-behavior: smooth to html

* fix: use <ol> for TOC. And Disable TOC by default for now

* refactor: use css flexbox for article page with toc

enable toc for example site

* feat(i18n): add i18n entry for "Back" and "Table of Contents"

* style: remove unused `keep-sidebar` class

* doc: add table of contents as feature
2021-06-21 18:44:54 +02:00
k
dda55f87e2
feat: change the page vertical scrollbar styles (#227)
* fix: take out [data-scheme="dark"] from :root

Taking out the [data-scheme="dark"] from :root allows us to fix the
precedence of CSS when the [data-scheme="dark"] is placed in the <html>
tag. This is needed in order to make the dark styles accesible from the
<html> elment, this will allow us to change the vertical scrollbar
styles following the dark and light schemes.

* change document.body.dataset.scheme to document.documentElement.dataset.scheme

When the dark mode is on or when the light mode is on, the
[data-scheme="light"] or [data-scheme="dark"], respectively, will be
placed in the <html> tag. Allowing us to access the dark and light color
schemes from the <html> to change the vertical scrollbar styles
according to the current color scheme.

* feat: change the page vertical scrollbar styles

This change will make the vertical scrollbar styles to follow the dark
and light color scheme modes. Also, this change will make the vertical
scrollbar to look consistent in both, Chromium and Firefox.

* make the scrollbar-track background-color transparent

The body has this transition: 'transition: background-color 0.3s ease
0s'. Making the scrollbar-track background-color transparent allow us to
appreciate that transition in the scrollbar-track when switching the
background-color.

* Move [data-scheme=dark] back to :root block

* fix(comment/waline): detect dark mode from html tag

* feat: apply custom scrollbar style to all elements

Co-authored-by: Jimmy Cai <jimmehcai@gmail.com>
2021-06-20 15:49:35 +02:00
Jimmy Cai
495a3b0289
refactor: rewrite grid system & style changes (#231)
* refactor(WIP): add new SCSS mixin `respond`

Theme's stylesheet mixes the use of max-width and min-width for responsive design, and it's horrible.

* refactor: update variable.scss to use @mixin respond

* refactor(grid): adjust sidebar max-width

* refactor(partials/article.scss): use `@include respond`

* refactor(layout/article.scss): delete unused SCSS and migrate to `@include respond`

* Adjust left sidebar max-width on xl screen

* fix: right sidebar not sticky

* refactor(breakpoint): simplify `@mixin respond`

* refactor(breakpoints): improve warning message

* fix(breakpoint): return only the requested breakpoint

* fix: add missing padding to .article-details
2021-06-20 12:53:10 +02:00
k
028ae12ea5
fix: set the scrollbar-track background to transparent (#228)
The body has this transition: 'transition: background-color 0.3s ease
0s'. Setting the scrollbar-track's background-color of the horizontal
scrollbar of the Archives page to transparent will make us to appreciate
that transition when switching the background-color.
2021-06-19 20:48:40 +02:00
k
58e8fadafe
feat: change horizontal scrollbar styles (#211)
* feat: change horizontal scrollbar styles

Change the horizontal scrollbar styles in Archives page following the
dark and light themes styles.  This horizontal scrollbar is at the top
of the Archives page. When I visit this page, the scrollbar stole my
attention. Unfortunately, it's the client (our browser) who decides its
styles;  this change is introduced to avoid that situation.

Co-authored-by: Miguel Angel <man98@me.com>

* remove scrollbar height and border-radius

In order to match the theme presentation
(https://i.imgur.com/cCiHOGS.jpg), the previous defined `height: 7px` and
`border-radius: 10px` for the scrollbar have been deleted.

* fix: set the horizontal scrollbar's height and width to `auto`

In Firefox the horizontal scrollbar looks very small. With a width set
to `auto`, it looks bigger and better. In Chromium, without an automatic
height, the new color changes do not appear.

Now the horizontal scrollbar looks consistent in both chromium and firefox.

* style: format list.scss

Co-authored-by: Miguel Angel <man98@me.com>
Co-authored-by: Jimmy Cai <github@jimmycai.com>
Co-authored-by: Jimmy Cai <jimmehcai@gmail.com>
2021-06-12 11:32:54 +02:00
Jimmy Cai
d5268a41e0
refactor(article): add default padding (#166)
* refactor(article): add default padding

closes https://github.com/CaiJimmy/hugo-theme-stack/issues/165

* fix(article): video iframe margin

* fix: remove youtube iframe border
2021-03-07 12:51:47 +01:00
Yihui Xie
38eb9c4eaf
fix(article): also define the padding for div under .article-content (#162)
Fixes rstudio/blogdown#591: not only `<p>` but also `<div>` could be the direct child of `.article-content`, so we also need the padding for `<div>`. The `div`s are generated by Pandoc, instead of Hugo's Markdown renderer. I think it will be great to support both ways.
2021-03-06 20:41:46 +01:00
Jimmy Cai
0429678d57
fix(scss): remove unnecessary import (#146) 2021-02-17 10:29:40 +01:00
Jimmy Cai
326c052a24
fix(article): code background (#139)
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/126
2021-02-11 21:22:02 +01:00
Junwoo Hwang
9914bba42c
fix: remove word-wrap property for Safari (#131) 2021-02-11 19:05:12 +01:00
Akatsuki Rui
a37ebbe2aa
assets: fix font-family fallback (#130)
If not have monospace, fonts will fallback to sans-serif when these fonts not available.
2021-02-11 19:00:59 +01:00
Jimmy Cai
90e259f31e
fix(colorScheme): dispatch onColorSchemeChange at page load (#118) 2021-01-04 10:52:14 +01:00
Jimmy Cai
f2955aac27
refactor(article): improve category tag style (#94) 2020-12-25 09:59:02 +01:00
Jimmy Cai
80be1b2435
fix(article): twitter_simple shortcode text color (#90)
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/85
2020-12-24 11:24:26 +01:00
Jimmy Cai
3326cf886a
fix: dark mode toggle inconsistent positioning (#89) 2020-12-24 11:06:58 +01:00
Jimmy Cai
de79b8a470
fix(list): add missing object-fit property to compact list (#87) 2020-12-24 10:43:09 +01:00
Jimmy Cai
358e63e799
feat(darkmode): dark mode toggle (#82)
* feat(darkmode): initial support for dark mode toggle

* fix(darkmode): add svg icons

* feat(darkmode): dispatch onColorSchemeChange event

* add head/darkmode

* feat(darkmode); add colorScheme config

* style: remove empty line

* refactor(darkmode): simplify code

* style: add comment for darkmode config

* i18n support for dark mode toggle

* Some renaming
2020-12-23 19:03:40 +01:00
Jimmy Cai
7d841cf237
feat(list): add subsection support (#81)
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/48
2020-12-22 21:14:50 +01:00
Jimmy Cai
e606dca404
refactor(article): remove color tag & add custom category color (#75)
closes: https://github.com/CaiJimmy/hugo-theme-stack/issues/71
2020-12-22 19:43:14 +01:00
Jimmy Cai
31c42bcfe7
refactor(gallery): rewrite gallery (#79)
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/70
2020-12-22 19:35:37 +01:00
Jimmy Cai
54571f036b
refactor(ts): import script using new Hugo Module logic (#77)
Allows user to overwrite a specific script.

Note: The required version of Hugo might bump up.
2020-12-21 22:34:54 +01:00
Jimmy Cai
efa7ff14b7 refactor(search): remove .search-result--title style 2020-11-06 12:13:12 +01:00
Jimmy Cai
c018f4967a feat(search): i18n support 2020-11-06 11:49:30 +01:00
Jimmy Cai
f5d45458fd refactor(search): create Search class 2020-11-06 11:33:51 +01:00
Jimmy Cai
b97e86a7a7 style: remove empty line in main.ts 2020-11-06 11:33:33 +01:00
Jimmy Cai
2736fec285 refactor: create createElement.ts 2020-11-06 11:12:48 +01:00
Jimmy Cai
b3df22940d
Merge branch 'master' into template-search 2020-10-31 23:37:36 +01:00
Jimmy Cai
be416830ad feat: add support for custom SCSS
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/43
2020-10-31 23:36:16 +01:00
Jimmy Cai
c666c79800
Merge branch 'master' into template-search 2020-10-17 10:45:17 +02:00
Jimmy Cai
5c55bd2d33 feat(widget): new archive widget style 2020-10-17 10:34:36 +02:00
Jimmy Cai
49e568faac
refactor: add .section-title (#36)
For the small title before the card

Remove .widget-title, .archive-date, .taxonomy-type from SCSS, as they all share the same style.
2020-10-12 20:49:56 +02:00
Jimmy Cai
c266204f98
Merge branch 'master' into template-search 2020-10-10 10:05:31 +02:00
Jimmy Cai
0c5e6af9d3
refactor(article): remove uppercase style of tags 2020-10-10 09:14:27 +02:00
Jimmy Cai
b027cbf5aa
Merge branch 'master' into template-search 2020-10-04 16:05:02 +02:00
Jimmy Cai
fa0f8fa365
feat(gallery): load PhotoSwipe lib from JSDelivr 2020-10-04 15:59:56 +02:00
Jimmy Cai
1749a9168f
feat: style adjustment 2020-10-04 15:58:32 +02:00
Jimmy Cai
84a15e1604
feat(search): return results at typing 2020-10-04 15:53:27 +02:00
Jimmy Cai
6e48765d82
fix(search): HTML escape issue 2020-09-26 22:50:23 +02:00
Jimmy Cai
6fa69d7a2b
feat: add search icon 2020-09-26 12:05:13 +02:00
Jimmy Cai
e5f96c8762
feat: add search template 2020-09-26 11:40:33 +02:00
Jimmy Cai
12578a5769
fix(widgets): add margin bottom for last widget 2020-09-25 23:19:21 +02:00
Jimmy Cai
0e8083e7d0
feat(widget/archives): padding adjustment 2020-09-25 23:18:21 +02:00
Jimmy Cai
5a7c9b6783
feat(article): style improvement 2020-09-25 11:07:49 +02:00
Jimmy Cai
96897be941
feat(article list): article clickable and equal height 2020-09-24 23:59:00 +02:00
Jimmy Cai
a2a49e7537
refactor(scss): remove alert style and script
It is not used in this theme
2020-09-23 13:22:03 +02:00
Jimmy Cai
26acceb37d
feat(scss): improve 2 column style 2020-09-23 13:20:18 +02:00
Jimmy Cai
02f2badffc
refactor(scss): rename --content-padding to --card-padding
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/16
2020-09-20 19:03:41 +02:00
Jimmy Cai
96ff911c6e
feat(article): better syntax highlight style
Adapt to light & dark mode
2020-09-17 19:48:21 +02:00
Jimmy Cai
841508f491
fix(menu): use <ol> to wrap menu items 2020-09-14 13:38:24 +02:00
Jimmy Cai
b06910fc5d
feat: add avatar placeholder to assets/img 2020-09-13 11:30:31 +02:00
Jimmy Cai
c12de4db04
refactor: rename archive -> archives in config.toml
And rename SVG icon.
2020-09-13 11:26:12 +02:00
Jimmy Cai
7379bbe412
refactor: rename archive -> archives 2020-09-13 11:22:47 +02:00
Jimmy Cai
e91f99421a
style(scss): move --small-card-padding to it's category 2020-09-12 13:19:49 +02:00
Jimmy Cai
ed91cb7629
refactor(layouts): move layout HTML to baseof.html
For better maintainability
2020-09-12 10:33:53 +02:00
Jimmy Cai
cca10c7947
refactor(scss): split CSS variables into different sections 2020-09-11 23:30:11 +02:00
Jimmy Cai
da112157cf
feat(scss): make hyperlink style available outside .article-content 2020-09-09 17:22:19 +02:00
Jimmy Cai
98804e578d
refactor: add copyright info in CSS and JS 2020-09-09 16:28:38 +02:00
Jimmy Cai
7e701c0239
refactor(scss): remove comments scss folder. Include style of each comment system inside their HTML template 2020-09-09 16:19:37 +02:00
Jimmy Cai
9e42d8cd35
refactor(scss): remove helper/shadow. Expose shadow style in CSS variables 2020-09-09 16:14:30 +02:00
Jimmy Cai
190475dbad
refactor(scss): create breakpoints.scss 2020-09-09 16:03:09 +02:00
Jimmy Cai
4fc5b7467f
fix: add margin-top to site footer 2020-09-09 11:37:43 +02:00
Jimmy Cai
652caeabb1
feat(article): adjust blockquote background color 2020-09-09 00:28:50 +02:00
Jimmy Cai
2912b7e2f0
fix(comments): remove div.comments-container, apply card style depending on comment system 2020-09-09 00:24:17 +02:00
Jimmy Cai
c546964ce4
feat(comments): prepare for more third party comments system integration 2020-09-08 23:30:15 +02:00
Jimmy Cai
9b0e48e843
refactor: remove two unused svg icons 2020-09-08 21:29:34 +02:00
Jimmy Cai
44dadd7893
fix(article): add margin for ordered list 2020-09-08 13:31:18 +02:00
Jimmy Cai
18cd83125d
feat(scss): improve blockquote style 2020-09-08 13:01:27 +02:00
Jimmy Cai
0e0f5edbec
feat(scss): add table style
Style taken from: https://github.com/lepture/yue.css

closes: https://github.com/CaiJimmy/hugo-theme-stack/issues/3
2020-09-08 12:48:34 +02:00
Jimmy Cai
fd816ca9ef
fix(article): fix article tag overflow
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/4
2020-09-08 12:09:03 +02:00
Jimmy Cai
199517d988
feat: add hover effect to article list card, tag cloud and archive list 2020-09-07 17:28:22 +02:00
Jimmy Cai
334e918bc3
fix(article): fix top padding 2020-09-07 11:49:33 +02:00
Jimmy Cai
634e6ce96b
feat: improve top padding and article toolbar style 2020-09-07 11:34:28 +02:00
Jimmy Cai
829678936b
feat(article): change article toolbar style 2020-09-07 11:27:40 +02:00
Jimmy Cai
b60e1ad5e5
fix(scss): change $on-phone media breakpoint 2020-09-07 11:19:06 +02:00
Jimmy Cai
17b2224b1f
refactor(scss): remove some unused style 2020-09-06 21:14:10 +02:00
Jimmy Cai
39483eebc9
feat(sidebar): show y-axis scrollbar for menu 2020-09-06 21:08:27 +02:00
Jimmy Cai
0cac2218e3
feat(article): display last updated time of a post 2020-09-06 20:26:18 +02:00
Jimmy Cai
2ab49f97ee
feat: add default/list
fix warning: found no layout file for "HTML" for kind "section": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.
2020-09-06 14:18:38 +02:00
Jimmy Cai
6cdb4b05ad
feat(article): change article-title font size 2020-09-05 01:09:46 +02:00
Jimmy Cai
5412977216
fix(style): wrong padding-top for .main 2020-09-05 00:59:50 +02:00
Jimmy Cai
799f0ac479
feat(archive): style improvement 2020-09-05 00:51:01 +02:00
Jimmy Cai
99eb6cdfd0
feat(article/related contents): style change 2020-09-05 00:50:08 +02:00
Jimmy Cai
2d68b9e8ce
fix(sidebar): misalignment 2020-09-04 13:10:11 +02:00
Jimmy Cai
be6fcfb526
feat(sidebar): prevent sidebar from moving on page scroll 2020-09-03 23:37:48 +02:00
Jimmy Cai
bbe7e4b73d
feat(style): improve typography styles 2020-09-03 23:32:28 +02:00
Jimmy Cai
488f124b43
fix(style): show y-axis page scrollbar always 2020-09-03 23:27:50 +02:00
Jimmy Cai
af487e0f3f
feat(style): remove timeago.js, and improve article-time style 2020-09-03 11:47:55 +02:00
Jimmy Cai
4bf9d82961
feat: style improvement 2020-09-03 11:42:01 +02:00
Jimmy Cai
6b1e660327 refactor(ts/color): improve code style and change name of some variables for more clarity 2020-08-29 11:43:00 +02:00
Jimmy Cai
32732d4bf1 feat: avoid regenerate color scheme when image URL is changed
Use MD5 as key to identify images, and .Slug as id
2020-08-28 12:11:02 +02:00
Jimmy Cai
ffcb975e82 refactor(css): rename --pre-background to --pre-background-color 2020-08-25 23:19:57 +02:00
Jimmy Cai
f5e0b098c1 feat(article content): improve code tag style 2020-08-25 23:18:40 +02:00
Jimmy Cai
98c819b858 fix(css): remove link color transition 2020-08-24 23:39:53 +02:00
Jimmy Cai
39eb9bdfb3 feat(css): add --pre-background and --pre-text-color variables 2020-08-24 23:32:24 +02:00
Jimmy Cai
3c803ebd5c feat(scss); add --article-font-size and --article-line-height variables 2020-08-24 20:45:26 +02:00
Jimmy Cai
486b5d8245 feat(scss): font-family selection from yue.css 2020-08-24 20:43:10 +02:00
Jimmy Cai
3fa3a80dc2 refactor(scss): remove unused variables $container-padding and $container-width 2020-08-24 20:31:36 +02:00