Coder Social home page Coder Social logo

jason-fox / fox.jason.favicon Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 28 KB

A DITA-OT Plug-in used to add a favicon to DITA HTML output.

Home Page: https://jason-fox.github.io/dita-ot-plugins/favicon/index.html

License: Apache License 2.0

XSLT 100.00%
dita-ot-plugin dita-ot-html-plugin favicon

fox.jason.favicon's Introduction

HTML Favicon Plugin for DITA-OT

license DITA-OT 3.7

This is a DITA-OT Plug-in used to add a favicon to DITA HTML output.

A favicon is a file containing a small brand image icon, associated with a particular website or web page. A web designer can create such an icon and upload it to a website, and graphical web browsers can then make use of it by displaying the icon on the associated browser tab.

Table of Contents

Install

The DITA-OT Favicon Plug-in has been tested against DITA-OT 3.x. It is recommended that you upgrade to the latest version.

Installing DITA-OT

The DITA-OT Favicon Plug-in is a file reader for the DITA Open Toolkit.

  • Full installation instructions for downloading DITA-OT can be found here.

    1. Download the dita-ot-3.7.zip package from the project website at dita-ot.org/download
    2. Extract the contents of the package to the directory where you want to install DITA-OT.
    3. Optional: Add the absolute path for the bin directory to the PATH system variable.

    This defines the necessary environment variable to run the dita command from the command line.

curl -LO https://github.com/dita-ot/dita-ot/releases/download/3.7/dita-ot-3.7.zip
unzip -q dita-ot-3.7.zip
rm dita-ot-3.7.zip

Installing the Plug-in

  • Run the plug-in installation commands:
dita install https://github.com/jason-fox/fox.jason.favicon/archive/master.zip

The dita command line tool requires no additional configuration.


Usage

Creating HTML output

To run, use any html transform and add the args.favicon, args.faviconpath and args.faviconroot parameters. The new args.favicon.* parameters follow the existing syntax used by DITA-OT for CSS files.

PATH_TO_DITA_OT/bin/dita -f [html5|xhtml]  -o out -i PATH_TO_DITAMAP \
  --args.favicon=FILENAME \
  --args.faviconpath=DESTINATION_PATH_OF_FAVICON  \
  --args.faviconroot=SOURCE_PATH_OF_FAVICON \

To refer to an exisiting file hosted on a server, use a URL as the args.faviconpath parameter

PATH_TO_DITA_OT/bin/dita -f [html5|xhtml]  -o out -i PATH_TO_DITAMAP \
  --args.favicon=FILENAME \
  --args.faviconpath=https://example.com/static/assets

Parameter Reference

  • args.favicon - Specifies the name of the favicon file. The value of this parameter should be only the file name. The absolute path to the parent directory should be specified with args.faviconroot. Defaults to favicon.svg - the name of the default image found within the plugin itself

  • args.faviconpath - Specifies the destination directory to which the favicon file is copied (relative to the output directory). Corresponds to the XSLT parameter FAVICONPATH. DITA-OT will copy the file to this location.

Tip: If args.faviconpath is not set, the favicon file will be copied to the root level of the output folder. To move the favicon file to an output subfolder named /static/assets, set args.faviconpath to /static/assets.

  • args.faviconroot - specifies the source directory that contains the favicon file. DITA-OT will copy the file from this location. Defaults to the image found within the plugin itself

Important: Enter the absolute path to the parent directory of the favicon file specified with args.favicon.

License

Apache 2.0 © 2022 Jason Fox

fox.jason.favicon's People

Contributors

jason-fox avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.