Commit Graph

244 Commits

Author SHA1 Message Date
Ian Grünig dcbe6277bb
Add width and height attributes to cover images (#519)
- Ensures that the browser can allocate the correct amount of space in the document while the image is loading.
- Reduces CLS #499
2021-08-22 11:45:28 +05:30
Aditya Telange 129b5bd063 Fix image margin too close to text 2021-08-02 16:14:40 +05:30
Aditya Telange d35056c664
Better way of centering profile mode 2021-06-11 18:34:18 +05:30
Aditya Telange 726894ba29
Fix extra padding in footer 70px -> 60px
- because of var(--gap) decrease
- calc 10px less for mobile padding (24px - 14px = 10px)
2021-06-11 17:58:36 +05:30
Aditya Telange df544469c9
Apply prettier to css 2021-06-11 13:34:55 +05:30
Kian Kasad 87fbe01124
Add missing semicolons in CSS files (#408)
Many of the CSS files had no semicolon after the last rule in a block,
which is proper syntax, but it's annoying when adding more rules. Since
omitting the semicolons doesn't really have a benefit, I've decided to
add them.
2021-06-11 13:29:56 +05:30
Aditya Telange 378b81cb36
Use default code font-family 2021-06-10 22:49:39 +05:30
Aditya Telange 20b91ad2aa
Use less space in footer for 'Powered by' strings;
Don't break the 'Powered by' string in between
2021-05-01 11:32:11 +05:30
Aditya Telange 10745dd537
Add margin below figure
- adds space below when using figure shortcode

Fixes: #377
2021-04-24 09:36:27 +05:30
Aditya Telange 98c17559e9
Add checks for adding the copy button in code-blocks
- adds checks to put copy button for code
 inside table and highlight code block

- Fixes #363
2021-04-16 10:00:47 +05:30
Kian Kasad 17c4da86b5
Add copy button to copy code block contents (#345)
* add buttons to copy code block contents

Adds a clickable "copy" link in the top-right corner of each code block.

If available, uses the navigator.clipboard API. Falls back to selecting
the text and calling document.execCommand('copy') to copy text.

* hides copy button unless mouse is hovering over code block

* change text of copy button when text is copied

* add translation keys for copy button text  `code_copy` and `code_copied`

* To disable use `Params.disableCodeCopy: true` in site config
2021-04-10 11:33:31 +05:30
Aditya Telange f1bc3471a6
Fix focus ghosting in search results O_o 2021-04-10 00:59:24 +05:30
Aditya Telange c255d148d8
Fix results being searched before index building;
refactor resultSet generation to fix duplicate items with large db
2021-04-10 00:58:40 +05:30
Aditya Telange ba48765e2c
Use js.Build to fetch fuseOpts;
also load Search on window load
2021-04-10 00:58:23 +05:30
Aditya Telange e503367a1a
[BREAKING] Split-up css into sub-parts (#317)
* Move styles into 3 different locations
- core
- common
- hljs

* Load all stylesheets in proper order
2021-03-27 11:28:55 +05:30
Aditya Telange f3cac6c09e
Refactor media queries
reduce code
2021-03-22 18:21:16 +05:30
Aditya Telange d3813138d7
fix more reduced motion in search Results
amend to 4b24a94 & e03348c
2021-03-22 18:16:26 +05:30
Aditya Telange 4b24a94a6a
fix reduced motion in search Results
amend to e03348c
2021-03-19 19:36:46 +05:30
gsh3ll b523192b51
Fix code block wraps on Safari (#298) 2021-03-19 18:51:20 +05:30
Kian Kasad 14ebcdecf3
Add 'align' option to figure shortcode (#256)
Usage: 

{{< figure align=center src="image.jpg" >}}

Parameter values:
  - 'center': align image and captions to center of page
  - anything else neglected

* Appends "#center" to the image's URL in order to utilize existing CSS
rules for centering images.
2021-02-22 11:24:43 +05:30
Kian Kasad b71baa147a
rework design of image captions in figure shortcode (#247) 2021-02-20 10:51:19 +05:30
Aditya Telange a21094f4a0
hide theme-toggle focus outline 2021-02-12 11:58:44 +05:30
Aditya Telange 6f8edf1ffa
change theme-switch from 'a' to 'button'
and refactor
2021-02-12 10:48:04 +05:30
Aditya Telange e03348c041
improve search
- fix menu element becoming inactive
      change class active -> focus
    - set input type seach #198
    - add a reset func
    - add script to clear searchbox
      when clicked on X sign
2021-02-07 21:40:27 +05:30
Aditya Telange 084498558c
Fix 'Tap targets are not sized appropriately' 2021-02-06 22:56:40 +05:30
Aditya Telange c32e036053
set equal margin to page-header and post-header 2021-01-31 17:33:22 +05:30
Aditya Telange e8076c8f61
Fix missing first level heading in home-info
close: #199
2021-01-31 17:17:00 +05:30
Aditya Telange f8781e2cc8
Improve header
- fix header height
       61px->60px
    - check for elements before displaying
    - align theme-toggle
    - rm unnecessary elements
    - rm theme-toggle class
    - rm menu class
2021-01-31 17:09:38 +05:30
Aditya Telange ebbeca4ab4
Revert "fix : footer height increase for mobile devices"
This reverts commit f40842915e.
2021-01-31 12:18:04 +05:30
Aditya Telange 6c79b99de8
reserve space for scroll-bar 2021-01-30 12:14:38 +05:30
Aditya Telange f64c44c8d2
tweak fuse opts
-rm default opts,
- add ignoreLocation (to search everywhere not just 1st 60 chars)
- ref https://fusejs.io/concepts/scoring-theory.html#scoring-theory
2021-01-30 12:08:19 +05:30
Aditya Telange 624b1d0afb
trim whitespace before searching 2021-01-30 12:08:09 +05:30
Aditya Telange 346ae95069
use Basic instead of Full
- also use production ones which contains lesser redundant code
- https://fusejs.io/getting-started/different-builds.html#explanation-of-different-builds
2021-01-30 12:07:01 +05:30
Aditya Telange 75855b2758
init feat Breadcrumb Navigation (#207)
* adds Breadcrumb nav above title of single page/post
* add enabler var 'ShowBreadCrumbs'
* introduce i18n var "home"

usage:
in site config:
Params:
    ShowBreadCrumbs: true

in page front-matter:
ShowBreadCrumbs: false
2021-01-29 23:37:07 +05:30
Aditya Telange cc4fb70336 rm translateX from post-title in single 2021-01-29 23:25:46 +05:30
Aditya Telange 778ee39137
init feat Prev Next post links on single post page (#180)
usage =>
in site config add 
Params:
   ShowPostNavLinks: true
2021-01-28 00:05:30 +05:30
Aditya Telange 2f06f5e4fa
fill background of table of contents 2021-01-27 23:21:00 +05:30
Aditya Telange b284ba5799
center align share-buttons 2021-01-27 23:20:37 +05:30
Aditya Telange 91a9e1b9bb add background to share buttons and tags under single 2021-01-27 23:16:08 +05:30
Aditya Telange cadca8a68a
fix scroll-bar colors for tables 2021-01-26 10:52:30 +05:30
Aditya Telange 789b1f824c
reduce toc size
0.5em -> 0.4em
2021-01-25 21:25:19 +05:30
Aditya Telange 9c50449ce8
improve scroll-bar styling
and fix hidden gist scrollbar
2021-01-25 21:04:29 +05:30
Aditya Telange cd03c69e40
fix blockquote margin with simplified tweet shorcode
sticking together
2021-01-25 12:48:10 +05:30
Aditya Telange 55d9dc26cd
make similar border-radius to tags and share-buttons under single 2021-01-24 18:12:15 +05:30
Aditya Telange 75375a4337 rm use of blockquote in Toc 2021-01-24 17:58:03 +05:30
Aditya Telange be1ea53910
rm selector hiding anchor links on some devices
fix: #189

partial revert of f5c5546249
2021-01-23 17:03:54 +05:30
Aditya Telange 042f4e9254
fix code-borders were rounded on desktop but not on mobile devices 2021-01-22 10:51:11 +05:30
Aditya Telange a8316f0073 fix code highlight radius when markup.highlight.lineNos is enabled 2021-01-22 00:33:09 +05:30
Aditya Telange 3167acd32a fix code highlight spacing when in a list
rm redundant code
2021-01-22 00:33:09 +05:30
Aditya Telange f5c5546249 fix gist colors
hide anchor underline for gist
2021-01-22 00:33:09 +05:30
Aditya Telange 0af2e50d89
rm redundant styleing from profile-mode 2021-01-20 21:42:05 +05:30
Aditya Telange 757a3094b2
add drop-shadow to show go-to-top button
on code-bg in light mode
2021-01-20 19:21:59 +05:30
Aditya Telange ec2aa47c44
make content in dark more whiter improving redability and contrast in-between 2021-01-17 12:29:35 +05:30
Aditya Telange 8222f2bd11
fix search result multiple hightlight on lost focus
also use set vars instead of fetching element again
2021-01-16 13:26:55 +05:30
Aditya Telange 704921ccd1
init media.css
- combine all media queries
- name zmedia to conacat at last
- change some max-width values to group them
2021-01-16 12:54:51 +05:30
Aditya Telange 4c51e9e8be
fix code highlight spacing when in a list 2021-01-15 23:27:25 +05:30
Aditya Telange 18ae4e5593
respect prefers-reduced-motion while animating 2021-01-13 23:35:54 +05:30
Aditya Telange dd83560010
go-top-top button cleanup 2021-01-11 21:01:50 +05:30
Aditya Telange 7a0e1f369c
change animation condition from hover to active for share-buttons and terms-tags 2021-01-11 20:31:03 +05:30
Aditya Telange 89414d00dc
add minimal border to post-entry
- increases element speration without being noticed
cc: #169
2021-01-11 20:15:04 +05:30
Aditya Telange e809aef590
lighten dark's border
#5b5d67 -> #333
2021-01-11 20:01:19 +05:30
Aditya Telange 4fd4bc5e20 Add info to blank.css 2021-01-08 23:36:33 +05:30
Aditya Telange bd4a118afa
rm unnecessay color to box-shadow for anchors 2021-01-08 22:53:04 +05:30
Aditya Telange 3b0997fc42
fix margin when hljs was disabled 2021-01-08 22:52:03 +05:30
Aditya Telange 905640ceef
increase blockquote thickness inside post 2021-01-08 20:38:00 +05:30
Aditya Telange 09de369d2f update fuse.js to v6.4.6
credits: https://github.com/krisk/Fuse/releases/tag/v6.4.6
2021-01-06 01:52:22 +05:30
Weichen Liu 946cc1ffe3
single: Add post description (#165)
usage =>
in post params add : 
    description: "Desc Text."
2021-01-02 22:30:20 +05:30
Aditya Telange 5d6de5ecb1
post-single(css): fix scroll-bar in code
hiding background
2020-12-31 17:01:26 +05:30
Tomás Dias Almeida bfb5019cbc
Code block / blockquote / hr should respect the margin layout (#154)
* Code block should respect the margin layout

* Blockquote should respect the margin layout

* align others elements to main width with minors mods

Co-authored-by: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
2020-12-31 16:11:18 +05:30
Aditya Telange b825b7f27c
post-single: Fix embeded gist colors
fixes: #161
2020-12-29 18:12:15 +05:30
Aditya Telange 2b7d2dd493
reset: scroll-bar: set only on devices > 768px
default style to others
2020-12-29 18:10:18 +05:30
Aditya Telange 0f994eee95 footer: change scroll behaviour as it was before 80954de
fixes #151

anchored-headings: retain anchor link '#' in URL
cc #108

footer: remove '#' with go-to-top

Revert "anchored-headings: retain anchor link '#' in URL"
This reverts commit 80954de8bd.

Revert "footer: rm unused code"
This reverts commit c76233b350.
2020-12-24 13:00:58 +05:30
Aditya Telange aeaa60d9b6
reset(css): rm -webkit-appearance
fixes: #150
2020-12-23 16:36:19 +05:30
pacientes a36d045214
post-single(css): add image center align tag (#145)
usage in markdown =>
![name](path/to/image.png#center)

Co-authored-by: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
2020-12-23 16:34:01 +05:30
Aditya Telange bccce36c98
search: use kb nav only inside searchbox
rm 'prevent mouseclick to change active element'
2020-12-18 21:25:34 +05:30
Aditya Telange b7f8749cdf
Search: Keyboard Bindings for easier navigation (#138)
* set up basic actions on keypress
* add actions to perform conditionally
* add simple highlight animation
* prevent mouseclick to change active element
* clear input box on Escape
* click on Arrow Right
* clear results and focus search-input on esc
* refactor
2020-12-18 11:45:10 +05:30
Aditya Telange 77ff1e6b45
search: introduce loading custom fusejs options from site config #134
* refer https://fusejs.io/api/options.html for opts
* keys used can be some, all or none from
   ["title", "permalink", "summary", "content"]

in config.yml, add fuseOpts as shown below =>
  params:
    fuseOpts:
        isCaseSensitive: false
        shouldSort: true
        location: 0
        distance: 1000
        threshold: 0.4
        minMatchCharLength: 0
        keys: ["title", "permalink", "summary", "content"]
2020-12-15 18:57:42 +05:30
Kian Kasad f9236d92af
shortcodes: figure: don't use h4 tag in figure captions (#127)
* avoiding h4 tags in figcaption elements
* picked from https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/shortcodes/figure.html
* figure.html is licensed under Apache License 2.0 and is part of https://github.com/gohugoio/hugo
2020-12-15 17:52:04 +05:30
Aditya Telange d74ad93c18
head: add *.css under assets/css/extended/
to bundle it with stylesheet.css as single resource minified

- added to the end so that default vars are overriden properly
2020-12-11 18:22:21 +05:30
Aditya Telange bb2717a3b9
search: fix redundant results after clearing searchbox 2020-12-06 19:44:36 +05:30
Aditya Telange 4a4408573e
search: init Search feature (#105)
* based on https://gist.github.com/cmod/5410eae147e4318164258742dd053993
* modified working for PaperMod
* fetches current lang index.json for search
* add fuse.js v6.4.3 LICENSE: Apache License 2.0
* bundled fastsearch and fusejs as search.js

Co-authored-by: Craig Mod <stuff@craigmod.com>
2020-12-06 18:19:50 +05:30
Aditya Telange 80954de8bd
anchored-headings: retain anchor link '#' in URL
close: #108
2020-12-05 20:17:07 +05:30
Aditya Telange 28abfba27e
home-info: fix title line height
close: #102
2020-12-04 16:29:56 +05:30
Aditya Telange dc743ae5e2
header: fix menu items overflow instead of horizontal scroll #99
- broken by https://git.io/JIfLS
2020-12-01 08:36:08 +05:30
Aditya Telange b5f3debebb
footer: go-to-top: fix overlap with next_page button
close: #91
2020-11-30 13:25:20 +05:30
Aditya Telange e7e5e8ce6d
main(css): rm media rule for smaller devices
-has no effect
2020-11-28 23:03:06 +05:30
Aditya Telange d4967f9ebc
hljs: updatev10.2.0 -> v10.2.1
* credits : https://cdnjs.com/libraries/highlight.js
2020-11-19 15:29:02 +05:30
Aditya Telange c9a387ebdb
assets(css): fix "calc" operands should be correctly spaced 2020-11-17 15:56:27 +05:30
Aditya Telange 2a06c26e9f
assets(css): optimize using csso
https://css.github.io/csso/csso.html
2020-11-17 12:45:19 +05:30
Aditya Telange 66ba0f0ea9
home-info: unset line-clamp for content
- content can be as long as one wants it to be
- was hiding content on mobile devices
- amend to 2c7cffb
2020-11-12 22:20:24 +05:30
Aditya Telange b22520630d
toc: highlight underline on hover 2020-11-12 11:09:23 +05:30
Aditya Telange 1775dfccfd
scroll-bar(css): fix dark track color on `list`
pages, due to c960b8a
2020-11-11 10:39:55 +05:30
Aditya Telange 0b07dd2a7d
header: fix spacing when logo-text overflows 2020-11-11 10:36:54 +05:30
Aditya Telange cf4fd27e3d
anchored-headings: port to PaperMod
- add corresponding css
- gen anchored headings for h1-h6
- link with single.html
2020-11-10 12:34:22 +05:30
Aditya Telange 8574c385cd
profile-mode: user set-able image size
- default 150

usage:
      profileMode:
        imageUrl: "/android-chrome-192x192.png"
        imageWidth: 120
        imageHeight: 120
2020-11-09 12:14:45 +05:30
Aditya Telange c960b8af04
scroll-bar(css): fix white track color on `list`
pages, due to diff bg
2020-11-09 11:52:57 +05:30
Aditya Telange f9fbdc9963
profile-mode: improvements
- update css logic
- rm redundant code
- reduce image size, it looks big imo
2020-11-09 11:12:52 +05:30
Aditya Telange 229df19ec9
header: fix spacing between lang-selector and label
when theme-toggle is disabled
2020-11-03 19:44:19 +05:30
Aditya Telange b8c29c2e06
reset(css): disable focus only on toc and go-to-top button
revert "css: reset: disbale highlight on focus"

This reverts commit 94b67a5dc9.
2020-10-30 11:42:58 +05:30
Aditya Telange 9acbc2c134
baseof: use `dir` attribute instead of class
and set default dir to `auto`

main(css): rm unused class
2020-10-30 01:01:48 +05:30