npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

aglio-theme-confluence

v0.1.0

Published

Variant of the default Olio theme for aglio, optimized for embeds in Atlassian Confluence

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

samuelmoosmannsamuelmoosmann

Keywords

apiblueprintprotagonistsnowcrashhtmlparsemarkdown

Readme

Confluence theme for Aglio based on the Olio default theme

This is Olio-Confluence, a fork of the original Olio theme engine for Aglio, developed specifically to be used in Confluence HTML embeds.

Difference to Olio

  • Necessary html elements for page styling moved from <head> to <body>, since Confluence strips the <head> element
  • Changed to single column display
  • Changed vertical navigation to horizontal navigation

Example use

$ sudo npm install -g aglio
$ aglio -i blueprint.apib \
        --theme-template node_modules/aglio-theme-confluence/templates/index.jade \
        --theme-variables node_modules/aglio-theme-confluence/styles/variables-default.less \
        --theme-style node_modules/aglio-theme-confluence/styles/layout-default.less \
        --theme-full-width -o MyAPI.html

Theme engines for Aglio are described in more detail in the Aglio documentation.

Known Issues

Mind the following issues and limitations when using Aglio-Theme-Confluence in production:

Issue | Workaround ----------------------------------------------------------- | ----------- #1 Rendered HTML in Confluence displaces footer by 300px| #2 Three-column templates produces broken HTML | Use only the (default) two-column layout #3 Using --theme-full-width does not make any difference | Ignore the parameter, the result is always full-width to help with the embed layout

Design Philosophy

Olio is designed from the ground up to be both fast and extensible while maintaining backward compatibility with most of the original Aglio theme. It uses the following technologies:

For backward compatibility, Jade templates can continue to use inline Stylus and CoffeeScript.

Theme Options

Olio comes with a handful of configurable theme options. These are set via the --theme-XXX parameter, where XXX is one of the following:

Name | Description -------------- | ------------------ condense-nav | Whether to condense nagivation for resources with only a single action (default is true). full-width | Whether to use the full page width or a responsive layout (default is responsive). style | LESS or CSS to control the layout and style of the document using the variables from below. Can be a path to your own file or one of the following presets: default. May be an array of paths and/or presets. template | Jade template to render HTML. Can be a path to your own file or one of the following presets: default. variables | LESS variables that control theme colors, fonts, and spacing. Can be a path to your own file or one of the following presets: default, flatly, slate, cyborg. May be an array of paths and/or presets.

Note: When using this theme programmatically, these options are cased like you would expect in Javascript: --theme-full-width becomes options.themeFullWidth.

License

Copyright © 2018 TripleIn software solutions GmbH