Commit Graph

95 Commits

Author SHA1 Message Date
Aditya Telange 179fea63a3
Add a space to External link SVG in header menu 2022-07-08 20:43:59 +05:30
Aditya Telange 4824f4623d
Mark External link with an SVG icon
in profile-mode buttons and Menu
2022-07-08 20:29:56 +05:30
Aditya Telange 5f280c5df2
Simplify theme-toggle svg height 2022-07-08 20:27:40 +05:30
Keno Hassler 6aced45a65
Output valid HTML (#673) 2022-05-27 22:49:32 +05:30
Aditya Telange 363756ffee
Remove redundant code for Label.logo: resize image
amend to 1de55c4
2022-03-27 22:22:28 +05:30
Aditya Telange 1de55c4266
Label.logo: Generate a resize image
if the image is present in assets directory.
- Resizing the image will reduce the size of a large image.
- Should improve image load time.
- Usage:
  - Add the image under assets directory.
  - Provide path in `label.icon`.
  - if image is located as `assets/images/image.png` mention `label.icon: images/image.png`.
2022-03-27 20:17:49 +05:30
Aditya Telange 575cc0ca8c
Use `site` function instead of `.Site` or `$.Site`
- The site function provides global access to the same data as the .Site page method.
- Current context (`.`) is never considered.
2022-03-27 18:44:06 +05:30
Aditya Telange 496b846597
Removing unit from `img`'s height attribute for label.icon
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-height
2022-03-25 19:48:54 +05:30
Aditya Telange 0fe857539b
Add `absURL` to `label.icon` and `profileMode.imageUrl`
fixes: #622 #623
2022-01-13 20:35:56 +05:30
Aditya Telange 4e9b04784b
Move `noscript` elements to head
- Should fix search engines picking up elements inside noscript
2021-09-11 11:09:01 +05:30
Aditya Telange 5c26fda276
Add `pre` and `post` menu params
so that icons can be added via external scripts (ex. fontawesome)

fixes: #420

ref: https://gohugo.io/content-management/menus/#params
2021-06-11 19:07:04 +05:30
Aditya Telange 0e3f44ff17
Use `title` instead of `humanize`
- https://gohugo.io/functions/title/
2021-05-01 22:13:54 +05:30
Aditya Telange 43e1648b3e
Improve scripts for menu-scroll
- also fixes menu-scroll-position not working in search page
2021-04-29 19:02:59 +05:30
Geeqla d136063229
Add custom alt title in Multilingual Mode + Add fallback based on LanguageName with emojify (#364) 2021-04-17 10:25:04 +05:30
Aditya Telange 196b82645e
Fix Spacing in overall repo 2021-03-30 18:26:43 +05:30
Aditya Telange 009d3a2e1d
Fix logo not being displayed with no title pages
- use a local var to get label text ot site title

fixes: #281
2021-03-27 12:46:43 +05:30
Aditya Telange a2b3be0169
Refactor noscript styles to not break with code formatter 2021-03-25 10:55:11 +05:30
Kian Kasad 306aa9fbfc
Fix scrollbar track background in dark mode caused by #308 (#313) 2021-03-22 16:34:02 +05:30
Kian Kasad e01b52193a
Use CSS inside noscript when JS is disabled to detect preferred color theme (#308)
- Makes auto theme work when JS is disabled
- Only applies if the 'theme' configuration parameter is set to 'auto' or is unset.
2021-03-19 18:42:49 +05:30
Aditya Telange a57641a24b
fix theme-toggle shown when js is disabled 2021-02-12 10:49:03 +05:30
Aditya Telange 6f8edf1ffa
change theme-switch from 'a' to 'button'
and refactor
2021-02-12 10:48:04 +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 b4933eadd6
header: use .KeyName for accesskey search
in menu

- .Name doesn't work with emojis
- .URL doesn't work with url such as 'search/'
2020-12-18 22:50:04 +05:30
Aditya Telange 6c83df566c
header: add accesskey (Alt + /) for search
in menu

- Alt + /: jumps to search page if in menu
2020-12-18 22:05:02 +05:30
Aditya Telange a150c3449a
Link AccessKeys shortcut in title of elements 2020-12-18 20:02:05 +05:30
Aditya Telange 09aba49bf0
header: rm class attributes [WIP]
from hugov0.79.0
2020-12-13 22:29:06 +05:30
Aditya Telange 153740bbac
header: add title attribute to menus 2020-12-13 20:17:01 +05:30
Aditya Telange b7f5dd10f1 language-switch: humanize only Lang code
- displays weird text :/
- amend to ad11fe1
2020-12-11 17:20:50 +05:30
Aditya Telange 9c09564590
header: fix trailing slash '/' in menu URL
closes #122
2020-12-11 00:18:08 +05:30
Aditya Telange 7a0e742def
header: improve menu location indicator
- fix non-highlight on subdirs
- menu url need not have leading or trailing slashes
- fix non-highlight with multilingual config
2020-12-01 13:59:31 +05:30
Aditya Telange ad11fe16ed
language-switch: rm humanize on 'displayFullLangName'
- displays weird text :/
2020-11-28 23:04:32 +05:30
Aditya Telange b301d60f03
theme-switch: Improve theme switch logic (#86)
- removes unnecessary local-storage item removal
- less inline script on build
- assumes `defaultTheme as auto when value is not `dark` or `light`
- should work according to table at docs
2020-11-26 09:10:24 +05:30
Aditya Telange b7169d2259
language-switch: enable emojify
- languageName: ":country_emoji:"
 can now be displayed as emoji
2020-11-08 23:07:51 +05:30
Itay Cohen 3064e8cfc5
theme-switch: Enable theme toggle unless specifically disabled (#69)
Co-authored-by: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
2020-11-04 14:04:45 +05:30
Aditya Telange 12b6b132e4 Revert "theme-switch-button: improve logic"
This reverts commit 0eed773e6d.
2020-11-03 20:21:10 +05:30
Aditya Telange 0eed773e6d
theme-switch-button: improve logic
- owner can set dark/light/auto default theme
- theme toggle will be enabled on all theme modes unless disbaled
- if disableThemeToggle is true, user won't be able to switch themes,
here auto (a/c to system theme) also works

for #69
2020-11-03 20:07:59 +05:30
Aditya Telange b239f42f6b
Add accesskeys (attribute specifies a shortcut key to activate/focus an element.)
c - ToC Open/Close
g- Go To Top
h - Home (according to current lang)
t - Theme toggle

more: https://www.w3schools.com/tags/att_global_accesskey.asp
2020-10-30 01:15:43 +05:30
Aditya Telange c33dabf3a2
header: add Language switch (#54)
* language-switch: init
* header: move logo-switches together
2020-10-26 22:19:05 +05:30
Aditya Telange 3826200b7c
nav-label: accessibility 2020-10-17 00:05:10 +05:30
Aditya Telange 3edc160c59
nav-label: init
* label can be set differently from title
* label can have an optional icon with preffered size

* in site config =>
params:
  label:
    text: "Home"
    icon: /apple-touch-icon.png
    iconHeight: 35
2020-10-16 23:56:56 +05:30
Aditya Telange a9e00a3640
theme: set proper conditions
for having default-theme with theme-toggle

* can set/unset default theme
* for default-theme: dark/light : theme-toggle will not be visible
* theme-toggle with defaultheme: auto is functional

fixes #25 for #15
2020-10-05 14:34:44 +05:30
Aditya Telange 994c0b56e1
noscript: add noscript tags
* hide theme-toggle and
    * go-to-top button
    when js is disabled
2020-10-05 14:07:23 +05:30
Aditya Telange 6a9e9e129a
theme-switch-button: init feature (#15)
* thanks to https://feathericons.com for svgs
* can be disabled in site config
   Params:
     disableThemeToggle : true
2020-10-04 20:43:24 +05:30
Aditya Telange af19236002
header: rm unnecessary logo link 2020-10-04 20:25:39 +05:30
Aditya Telange 016dd6e9fa
(lint) remove unnecessary whitespace
created by hugo's {{ }}
2020-09-23 12:52:32 +05:30
Aditya Telange 6770e5e552
menu : add menu location indicator
credits for fix with [.IsMenuCurrent](https://gohugo.io/functions/ismenucurrent/): https://stackoverflow.com/a/56454338
2020-09-20 19:03:43 +05:30
Aditya Telange 2eef3fcc12
automatic theme based on browser theme
usage: add to config
    params:
        defaultTheme: "auto"
2020-09-17 15:28:03 +05:30
Aditya Telange eeb70f3f89
automatic-theme : remove 2020-09-06 20:16:51 +05:30
Aditya Telange e35915a561
support Multilingual navigation
add reading time as i18n
2020-08-25 14:04:59 +05:30
Aditya Telange e17d61b46c
menu : save menu scroll position in localstorage
(ux improve)
2020-08-21 21:03:05 +05:30