logux/logux.org

Logux website

logux.org's Issues

Dark favicon is not working in Chrome

src/base/favicon.svg contains <style>@media (prefers-color-scheme:dark){path.a{fill:#fff}}</style> but it dont work

use Pug filters to generate code highlighting output HTML

instead of copying code highlighting output HTML into Pug template,

https://github.com/logux/logux.io/blob/master/src/uikit.pug#L162

we can use Pug filters like this:

:md
  ```js
  const { Server } = require('@logux/server')

  function usersReducers (state = { }, action) {
    if (action.type === 'user/name') {
      return { ...state, name: action.name }
    } else {
      return state
    }
  }

  server.auth((userId, token) => {
    // Allow only local users until we will have a proper authentication
    return process.env.NODE_ENV === 'development'
  })

to do this, we have to add custom Pug filter and render Markdown using the same way it renders markdown files like this

reflect @logux/state renaming to nanostores on website

How can I run it locally with nginx

I'm trying to run static server (not uikit.html) locally with nginx, cuz i detect nginx.conf file.

• I included local nginx.conf in main config.
• I ran build.js.

My directories structures:

projects/
  logux-*
  logux.io

Root nginx config have:

# ...
listen       8080;
server_name  localhost;
# ....
location / {
            root   "C:\projects";
            index  index.html index.htm;
}
# ...

And http://localhost:8080/logux.io/ cannot reachable

Which steps i miss?
I'm on windows 10, but can switch to linux.

Thanks

Problem with JSX highlighting

When I see Client Example, there is a problem with JSX highlighting:

With github theme in 9.17.1 version it should look like this:

I created a Codepen sandbox to see how it should work.

I checked out what version of Highlight.js is used in project and it's latest one:

➜ cat node_modules/highlight.js/package.json | grep version
  "version": "9.17.1",

To use backdrop-filter on iOS and Safari on macOS it must be prefixed

For now, we have this:

@supports (backdrop-filter: blur(15px)) {
    @media (width < 1024px) {
        .layout_aside {
            background: transparent;
            backdrop-filter: blur(15px);
        }
    }
}

But backdrop-filter works on Mobile Safari and Safari on macOS, it should be prefixed:

@supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) {
    @media (width < 1024px) {
        .layout_aside {
            background: transparent;
            -webkit-backdrop-filter: blur(15px);
                    backdrop-filter: blur(15px);
        }
    }
}

Accessibility

Inactive examples are not available when navigating from the keyboard, as on all button elements, except the selected one, dynamically set "tabindex = -1".

Incorrect hover and focus state for title links with code

Hover a focus states needs to be adjusted for case, when title has code inside:

https://logux.io/guide/concepts/subscription/#connect

Amazing website!