Skip to main content
100%

gateway_thing_pannel.kwinrule

✓ Published0🌍 Public
UUtopiah
Last edited Oct 31, 2020
Created on Oct 31, 2020

This example demonstrates a KWin window rule configuration that pins a Mozilla Firefox window displaying the WebThings Gateway dashboard to a fixed position and size on a localhost display. The rule, defined in the KWin scripting API’s window rule format, uses properties such as `position`, `size`, `noborder`, and `titlematch` to override default window behavior. It forces the browser window to appear at coordinates 1888,254 with dimensions 450x160 pixels, removing its border while keeping it above other windows. The configuration relies on KWin’s window matching logic, specifically targeting the window class `firefox` and its title, without invoking external JavaScript or data-viz libraries, as the visualization itself is rendered by Firefox’s built-in WebThings Gateway interface.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist c40c213926a54197db25

This example shows a configuration file for Devilspie2, a window management tool, that programmatically arranges application windows on a Linux desktop. The Lua script defines rules for positioning, sizing, and setting workspace and layering properties for specific applications such as Terminator, Zim, MPlayer, and various file managers. The code uses Devilspie2's window inspection APIs like `get_window_class()`, `get_application_name()`, and `get_window_name()` to identify windows, then applies actions such as `set_window_geometry()`, `center()`, `set_on_top()`, and `change_workspace()`. The configuration demonstrates rule-based desktop automation rather than data visualization, relying on window metadata to conditionally configure the desktop environment.

MMrMattSim
55% match
Loading thumbnail…

Gist bfcd19cff6a873fc41ea847c029f7dc4

This example presents a configuration guide for the Awesome window manager, combining Arch Linux package installation commands with setup notes for related tools like `vicious`, `xcompmgr`, and `nitrogen`. It also includes a sidebar of reference tabs linking to official documentation for Awesome, Vue.js, and Vue Router. The main content area shows a typical terminal workflow with `pacman` commands, while the surrounding interface demonstrates a browser-based code viewer that tracks open documentation links. The implementation uses Vue.js and the `vue-router` library for managing the tabbed navigation between the guide and its referenced resources.

MMistyBlunch
47% match
Loading thumbnail…

Gist a03e53f32d7cda243f0f

This example demonstrates how to configure GNOME Shell so that both the primary and secondary monitors switch workspaces together, rather than keeping the second monitor fixed to a single workspace. The code shows a shell script that instructs users to open `gconf-editor` and navigate to `/desktop/gnome/shell/windows/workspaces_only_on_primary`, setting the value to `false` to disable the default behavior. The visualization relies on the GConf configuration system to alter the desktop environment’s workspace behavior, with the script providing the exact key to modify. No external data or rendering library is used; the approach is purely a system configuration change.

FFrozenfire92
45% match
Loading thumbnail…

utilities for toggling fullscreen

This utility demonstrates a browser-based fullscreen toggle for data-visualization canvases. A single click event triggers the `toggleFullScreen()` function, which checks the current fullscreen state via `isFullScreen()` and then calls either `requestFullScreen(element)` or `exitFullScreen()`. The code provides cross-browser support by testing for standard and vendor-prefixed APIs (`requestFullscreen`, `msRequestFullscreen`, `mozRequestFullScreen`, `webkitRequestFullscreen`) and their exit counterparts. The script targets the document root element, making it applicable to any visualization rendered in the page.

MMAKIO135
45% match
Loading thumbnail…

Basic Window Loading a URL

This example demonstrates a Sketch plugin that opens a floating panel and loads a remote SVG image from the Sketch website into a web view. The plugin uses AppKit’s `NSPanel` to create a borderless, floating window with hidden minimize and zoom buttons. It initializes a `WKWebView` from the WebKit framework, configures it with developer extras enabled, and loads the specified URL via `NSURLRequest`. The panel is centered and kept on top using `NSFloatingWindowLevel`.

KKevinGutowski
45% match
Loading thumbnail…

fullscreen.js, no dependency

This example demonstrates how to add a fullscreen toggle button to any web page, showing a persistent user interface control that enables immersive viewing. The code appends a clickable “Fullscreen” button to the document body, leveraging the native browser fullscreen API through vendor-prefixed methods like `webkitRequestFullScreen` and `mozRequestFullScreen` to handle cross-browser support. On activation or exit, it triggers a redraw of the page after 200 milliseconds to refresh the visualization. The button label changes to a multiplication sign when in fullscreen mode, reflecting the current state via the `fullscreenchange` event listener.

PPhilippe Rivière
44% match
Loading thumbnail…

Tailwindcss play link https://play.tailwindcss.com/jJ7APsi5d8 ide window prime for embedding some code

This example showcases a Tailwind CSS-based user interface for a code editor window, rendered as an SVG. It demonstrates a responsive layout with a top toolbar containing window controls and a sidebar toggle button, alongside a document title linking to a GitHub source file. The code uses Tailwind utility classes for styling, including grid layouts, flexbox, and custom pseudo-element effects for hover states. A reset button triggers a visual refresh, while the interface is designed with accessibility features like ARIA labels and focus states. The layout adapts across breakpoints, showing hidden elements on smaller screens.

HHugoberry
44% match
Loading thumbnail…

WebExtension main JS to add current URL to PIM (PmWiki POST API)

This example shows a browser extension that saves the current tab’s URL into a PmWiki page via a POST API. It uses the WebExtension `browser.browserAction`, `browser.tabs`, and `browser.windows` APIs to track the active tab and trigger the action. The code fetches the existing page content from the PmWiki source URL, appends the current URL to that text, and sends it back with `fetch` using a `POST` request and `application/x-www-form-urlencoded` headers. It also filters supported protocols to only allow HTTP and HTTPS links.

UUtopiah
43% match