Skip to content

Django reusable application to handle modern bunch of site icons

License

Notifications You must be signed in to change notification settings

vint21h/django-xicon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A django-xicon documentation

GitHub Coveralls License Version Supported Python version Supported Django version Package format Python wheel support Package status

django-xicon is a Django reusable application to handle a modern bunch of site icons

Nowadays <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="16x16"/> is not enough for good site or web application. Apple, Microsoft and Google creates their own standards. django-xicon solve the boring problem of reading and implementing of these standards requirements through fast and simple Django project configuration. These standards requirements are not fully implemented, but enough to pass most of the checks.

  • Obtain your copy of source code from the git repository: $ git clone https://github.com/vint21h/django-xicon.git. Or download the latest release from https://github.com/vint21h/django-xicon/tags/.
  • Run $ python ./setup.py install from the repository source tree or unpacked archive. Or use pip: $ pip install django-xicon.
  • Add "xicon" to settings.INSTALLED_APPS:
# settings.py

INSTALLED_APPS += [
    "xicon",
]
  • Add "xicon" to your URLs definitions if you want to serve manifest.json or browserconfig.xml:
# urls.py

from django.urls import include, re_path


urlpatterns += [
    re_path(r"^xicon/", include("xicon.urls")),
]
XICON_FAVICONS
Contains list of favicons. Defaults to []. Each element must be according to the next structure:
{
    "src": "favicon.ico",
    "type": "image/x-icon",
    "size": "16x16",
}  # type: Dict[str, Optional[str]]

Where src key is a path to the favicon file in Django static directory, type is favicon file mime-type and size key contains icon's width and height and can be omitted.

XICON_APPLE_TOUCH_ICONS
Contains list of apple touch icons. Defaults to []. Each element must be according to the next structure:
{
    "src": "apple-touch-icon-144x144.png",
    "size": "144x144",
}  # type: Dict[str, Optional[str]]

Where src key is a path to the icon file in Django static directory and size contains icon's width and height and can be omitted.

XICON_APPLE_TOUCH_ICON_MASK_ICON_SRC
Contains path to Safari pinned tabs icon. Defaults to "".
XICON_APPLE_TOUCH_ICON_MASK_ICON_COLOR
Contains path to Safari pinned tab icon hover color. Defaults to "", must start with #.
XICON_APPLE_MOBILE_WEB_APP_STATUS_BAR_STYLE_COLOR
Contains iOS web application status bar color. Defaults to "".
XICON_APPLE_MOBILE_WEB_APP_TITLE
Contains iOS web application launch icon title. Defaults to "".
XICON_ANDROID_CHROME_THEME_COLOR
Contains android chrome web application toolbar color also used in manifest.json. Defaults to "", must start with #.
XICON_ANDROID_CHROME_ICONS
Contains a list of icons for manifest.json. Defaults to []. Each element must be according to the next structure:
{
    "src": "android-chrome-64x64.png",
    "type": "image/png",
    "sizes": "64x64",
}  # type: Dict[str, str]

Where src key is a path to the icon file in Django static directory, type is favicon file mime-type and size key contains icon's width and height.

XICON_ANDROID_CHROME_NAME
Contains android chrome web application name for manifest.json. Defaults to "".
XICON_ANDROID_CHROME_SHORT_NAME
Contains android chrome web application short name for manifest.json. Defaults to "".
XICON_ANDROID_CHROME_BACKGROUND_COLOR
Contains android chrome web application background color for manifest.json. Defaults to "", must start with #.
XICON_ANDROID_CHROME_DISPLAY
Contains android chrome web application browser UI mode for manifest.json. Defaults to "".
XICON_ANDROID_CHROME_ORIENTATION
Contains android chrome web application screen orientation for manifest.json. Defaults to "".
XICON_MSAPPLICATION_NAME
Contains microsoft application name. Defaults to "".
XICON_MSAPPLICATION_TILE_COLOR
Contains Microsoft application tile color also used in browserconfig.xml. Defaults to "", must start with #.
XICON_MSAPPLICATION_TILES
Contains list of icons for Microsoft application meta tags and also used in browserconfig.xml. Defaults to []. Each element must be according to the next structure:
{
    "src": "mstile-70x70.png",
    "name": "square70x70logo",
}  # type: Dict[str, str]

Where src key is a path to the icon file in Django static directory and name contains tile name (type).

If you want to use all power of django-xicon, just set up all settings and include "xicon/includes/xicon.html" to your base template <head> HTML tag:

{# base.html #}

<head>
    {% include "xicon/includes/xicon.html" %}
</head>

Or just for favicons, setup XICON_FAVICONS setting, load "xicon_tags" to your base template and place "xicon_favicons" in <head> HTML tag:

{# base.html #}

{% load xicon_tags %}

<head>
    {% xicon_favicons %}
</head>

If you want to setup web application for apple devices, setup all settings prefixed with XICON_APPLE_ and include "xicon/includes/apple.html" to your base template <head> HTML tag:

{# base.html #}

<head>
    {% include "xicon/includes/apple.html" %}
</head>

Or just for apple touch icons, setup APPLE_TOUCH_ICONS setting, load "xicon_tags" to your base template and place "xicon_apple_touch_icons" in <head> HTML tag:

{# base.html #}

{% load xicon_tags %}

<head>
    {% xicon_apple_touch_icons %}
</head>

To use Safari pinned tabs mask icon setup XICON_APPLE_TOUCH_ICON_MASK_ICON_SRC and XICON_APPLE_TOUCH_ICON_MASK_ICON_COLOR settings, load "xicon_tags" to your base template and place "xicon_apple_touch_icon_mask_icon" in <head> HTML tag:

{# base.html #}

{% load xicon_tags %}

<head>
    {% xicon_apple_touch_icon_mask_icon %}
</head>

To configure iOS web application bar style color setup XICON_APPLE_MOBILE_WEB_APP_STATUS_BAR_STYLE_COLOR setting, load "xicon_tags" to your base template and place "xicon_apple_mobile_web_app_status_bar_style" in <head> HTML tag:

{# base.html #}

{% load xicon_tags %}

<head>
    {% xicon_apple_mobile_web_app_status_bar_style %}
</head>

To configure iOS web application launch icon title setup XICON_APPLE_MOBILE_WEB_APP_TITLE setting, load "xicon_tags" to your base template and place "xicon_apple_mobile_web_app_title" in <head> HTML tag:

{# base.html #}

{% load xicon_tags %}

<head>
    {% xicon_apple_mobile_web_app_title %}
</head>

If you want to use android chrome related things, just setup all settings prefixed with XICON_ANDROID_CHROME_ and include "xicon/includes/android-chrome.html" to your base template <head> HTML tag:

{# base.html #}

<head>
    {% include "xicon/includes/android-chrome.html" %}
</head>

Or if you need only configure android chrome web application toolbar color, setup XICON_ANDROID_CHROME_THEME_COLOR, load "xicon_tags" to your base template and place "xicon_android_chrome_theme_color" in <head> HTML tag:

{# base.html #}

{% load xicon_tags %}

<head>
    {% xicon_android_chrome_theme_color %}
</head>

If you need generate and serve manifest.json, add "xicon" to your URLs definitions, setup next settings: XICON_ANDROID_CHROME_THEME_COLOR, XICON_ANDROID_CHROME_ICONS, XICON_ANDROID_CHROME_NAME, XICON_ANDROID_CHROME_SHORT_NAME, XICON_ANDROID_CHROME_BACKGROUND_COLOR, XICON_ANDROID_CHROME_DISPLAY and XICON_ANDROID_CHROME_ORIENTATION`, and then include "xicon/includes/android-chrome-manifest-meta.html" to your base template <head> HTML tag:

# urls.py

from django.urls import include, re_path


urlpatterns += [
    re_path(r"^xicon/", include("xicon.urls")),
]
{# base.html #}

<head>
    {% include "xicon/includes/android-chrome-manifest-meta.html" %}
</head>

If you want to setup microsoft application configure all settings prefixed with XICON_MSAPPLICATION_ and include "xicon/includes/msapplication.html" to your base template <head> HTML tag:

{# base.html #}

<head>
    {% include "xicon/includes/msapplication.html" %}
</head>

Or if you need only configure microsoft application name, setup XICON_MSAPPLICATION_NAME, load "xicon_tags" to your base template and place "xicon_msapplication_name" in <head> HTML tag of your base template:

{# base.html #}

{% load xicon_tags %}

<head>
    {% xicon_msapplication_name %}
</head>

If you need configure microsoft application tile color, setup XICON_MSAPPLICATION_TILE_COLOR, load "xicon_tags" to your base template and place "xicon_msapplication_tile_color" in <head> HTML tag of your base template:

{# base.html #}

{% load xicon_tags %}

<head>
    {% xicon_msapplication_tile_color %}
</head>

If you need generate and serve browserconfig.xml, add "xicon" to your URLs definitions, setup next settings: XICON_MSAPPLICATION_TILE_COLOR and XICON_MSAPPLICATION_TILES, and then include "xicon/includes/msapplication-browserconfig-meta.html" to your base template <head> HTML tag:

# urls.py

from django.urls import include, re_path


urlpatterns += [
    re_path(r"^xicon/", include("xicon.urls")),
]
{# base.html #}

<head>
    {% include "xicon/includes/msapplication-browserconfig-meta.html" %}
</head>

Or just for microsoft application tiles, setup MSAPPLICATION_TILES setting, load "xicon_tags" to your base template and place "xicon_mstiles" in <head> HTML tag:

{# base.html #}

{% load xicon_tags %}

<head>
    {% xicon_mstiles %}
</head>
  1. Fork it
  2. Install GNU Make
  3. Install and configure pyenv and pyenv-virtualenv plugin
  4. Install and configure direnv
  5. Create environment config from example
cp .env.example .env
  1. Install development dependencies:
make install
  1. Create your fix/feature branch:
git checkout -b my-new-fix-or-feature
  1. Check code style and moreover:
make check
  1. Run tests:
make test
  1. Push to the branch:
git push origin my-new-fix-or-feature
  1. Create a new Pull Request

django-xicon is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. For complete license text see COPYING file.

Project Website: https://github.com/vint21h/django-xicon/

Author: Alexei Andrushievich <vint21h@vint21h.pp.ua>

For complete authors list see AUTHORS file.