changedetection.io/changedetectionio/templates/base.html

<!DOCTYPE html>
<html lang="en" data-darkmode="{{ get_darkmode_state() }}">

  <head>
    <meta charset="utf-8" >
    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
    <meta name="description" content="Self hosted website change detection." >
    <title>Change Detection{{extra_title}}</title>
    {% if app_rss_token %}
      <link rel="alternate" type="application/rss+xml" title="Changedetection.io » Feed{% if active_tag_uuid %}- {{active_tag.title}}{% endif %}" href="{{ url_for('rss', tag=active_tag_uuid , token=app_rss_token)}}" >
    {% endif %}
    <link rel="stylesheet" href="{{url_for('static_content', group='styles', filename='pure-min.css')}}" >
    <link rel="stylesheet" href="{{url_for('static_content', group='styles', filename='styles.css')}}?v={{ get_css_version() }}" >
    {% if extra_stylesheets %}
      {% for m in extra_stylesheets %}
        <link rel="stylesheet" href="{{ m }}?ver={{ get_css_version() }}" >
      {% endfor %}
    {% endif %}

    <link rel="apple-touch-icon" sizes="180x180" href="{{url_for('static_content', group='favicons', filename='apple-touch-icon.png')}}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{url_for('static_content', group='favicons', filename='favicon-32x32.png')}}">
    <link rel="icon" type="image/png" sizes="16x16" href="{{url_for('static_content', group='favicons', filename='favicon-16x16.png')}}">
    <link rel="manifest" href="{{url_for('static_content', group='favicons', filename='site.webmanifest')}}">
    <link rel="mask-icon" href="{{url_for('static_content', group='favicons', filename='safari-pinned-tab.svg')}}" color="#5bbad5">
    <link rel="shortcut icon" href="{{url_for('static_content', group='favicons', filename='favicon.ico')}}">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="msapplication-config" content="favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">
    <script>
        const csrftoken="{{ csrf_token() }}";
    </script>
    <script src="{{url_for('static_content', group='js', filename='jquery-3.6.0.min.js')}}"></script>
    <script src="{{url_for('static_content', group='js', filename='csrf.js')}}" defer></script>
  </head>

  <body class="">
    <div class="header">
    <div class="pure-menu-fixed" style="width: 100%;">
      <div class="home-menu pure-menu pure-menu-horizontal" id="nav-menu">

        {% if has_password and not current_user.is_authenticated %}
          <a class="pure-menu-heading" href="https://changedetection.io" rel="noopener">
            <strong>Change</strong>Detection.io</a>
        {% else %}
          <a class="pure-menu-heading" href="{{url_for('index')}}">
            <strong>Change</strong>Detection.io</a>
        {% endif %}
        {% if current_diff_url %}
          <a class="current-diff-url" href="{{ current_diff_url }}">
            <span style="max-width: 30%; overflow: hidden">{{ current_diff_url }}</span></a>
        {% else %}
          {% if new_version_available and not(has_password and not current_user.is_authenticated) %}
            <span id="new-version-text" class="pure-menu-heading">
              <a href="https://changedetection.io">A new version is available</a>
            </span>
          {% endif %}
        {% endif %}

        <ul class="pure-menu-list" id="top-right-menu">
          {% if current_user.is_authenticated or not has_password %}
            {% if not
            current_diff_url %}
              <li class="pure-menu-item">
                <a href="{{ url_for('tags.tags_overview_page')}}" class="pure-menu-link">GROUPS</a>
              </li>
              <li class="pure-menu-item">
                <a href="{{ url_for('settings_page')}}" class="pure-menu-link">SETTINGS</a>
              </li>
              <li class="pure-menu-item">
                <a href="{{ url_for('import_page')}}" class="pure-menu-link">IMPORT</a>
              </li>
              <li class="pure-menu-item">
                <a href="{{ url_for('backups.index')}}" class="pure-menu-link">BACKUPS</a>
              </li>
            {% else %}
              <li class="pure-menu-item">
                <a href="{{ url_for('edit_page', uuid=uuid, next='diff') }}" class="pure-menu-link">EDIT</a>
              </li>
            {% endif %}
          {% else %}
            <li class="pure-menu-item">
              <a class="pure-menu-link" href="https://changedetection.io">Website Change Detection and Notification.</a>
            </li>
          {% endif %}
          {% if current_user.is_authenticated %}
            <li class="pure-menu-item">
              <a href="{{url_for('logout')}}" class="pure-menu-link">LOG OUT</a>
            </li>
          {% endif %}
          {% if current_user.is_authenticated or not has_password %}
          <li class="pure-menu-item pure-form" id="search-menu-item">
            <!-- We use GET here so it offers people a chance to set bookmarks etc -->
            <form name="searchForm" action="" method="GET">
              <input id="search-q" class="" name="q" placeholder="URL or Title {% if active_tag_uuid %}in '{{ active_tag.title }}'{% endif %}" required="" type="text" value="">
              <input name="tags" type="hidden" value="{% if active_tag_uuid %}{{active_tag_uuid}}{% endif %}">
              <button class="toggle-button " id="toggle-search" type="button" title="Search, or Use Alt+S Key" >
                {% include "svgs/search-icon.svg" %}
              </button>
            </form>
          </li>
          {% endif %}
          <li class="pure-menu-item">
            <button class="toggle-button" id ="toggle-light-mode" type="button" title="Toggle Light/Dark Mode">
              <span class="visually-hidden">Toggle light/dark mode</span>
              <span class="icon-light">
                {% include "svgs/light-mode-toggle-icon.svg" %}
              </span>
              <span class="icon-dark">
                {% include "svgs/dark-mode-toggle-icon.svg" %}
              </span>
            </button>
          </li>
          <li class="pure-menu-item" id="heart-us">
                <svg
                   fill="#ff0000"
                   class="bi bi-heart"
                   preserveAspectRatio="xMidYMid meet"
                   viewBox="0 0 16.9 16.1"
                   id="svg-heart"
                   xmlns="http://www.w3.org/2000/svg"
                   >
                  <path id="heartpath" d="M 5.338316,0.50302766 C 0.71136983,0.50647126 -3.9576371,7.2707777 8.5004254,15.503028 23.833425,5.3700277 13.220206,-2.5384409 8.6762066,1.6475589 c -0.060791,0.054322 -0.11943,0.1110064 -0.1757812,0.1699219 -0.057,-0.059 -0.1157813,-0.116875 -0.1757812,-0.171875 C 7.4724566,0.86129334 6.4060729,0.50223298 5.338316,0.50302766 Z"
                     style="fill:var(--color-background);fill-opacity:1;stroke:#ff0000;stroke-opacity:1" />
                </svg>

          </li>
          <li class="pure-menu-item">
            <a class="github-link" href="https://github.com/dgtlmoon/changedetection.io">
              {% include "svgs/github.svg" %}
            </a>
          </li>
        </ul>
      </div>
      <div id="pure-menu-horizontal-spinner"></div>
      </div>

    </div>


    {% if hosted_sticky %}
      <div class="sticky-tab" id="hosted-sticky">
        <a href="https://changedetection.io/?ref={{guid}}">Let us host your instance!</a>
      </div>
    {% endif %}
    {% if left_sticky %}
      <div class="sticky-tab" id="left-sticky">
        <a href="{{url_for('preview_page', uuid=uuid)}}">Show current snapshot</a><br>
          Visualise <strong>triggers</strong> and <strong>ignored text</strong>
      </div>
    {% endif %}
    {% if right_sticky %}
      <div class="sticky-tab" id="right-sticky">{{ right_sticky }}</div>
    {% endif %}
    <section class="content">
        <div id="overlay">
            <div class="content">
                <h4>Try our Chrome extension</h4>
                <p>
                    <a id="chrome-extension-link"
                       title="Try our new Chrome Extension!"
                       href="https://chromewebstore.google.com/detail/changedetectionio-website/kefcfmgmlhmankjmnbijimhofdjekbop">
                        <img src="{{url_for('static_content', group='images', filename='Google-Chrome-icon.png')}}">
                        Chrome Webstore
                    </a>
                </p>

                Easily add the current web-page from your browser directly into your changedetection.io tool, more great features coming soon!

                <h4>Changedetection.io needs your support!</h4>
                <p>
                    You can help us by supporting changedetection.io on these platforms;
                </p>
                <p>
                <ul>
                    <li>
                        <a href="https://alternativeto.net/software/changedetection-io/about/">Rate us at
                        AlternativeTo.net</a>
                    </li>
                <li>
                    <a href="https://github.com/dgtlmoon/changedetection.io">Star us on GitHub</a>
                </li>
                <li>
                    <a href="https://twitter.com/change_det_io">Follow us at Twitter/X</a>
                </li>
                <li>
                    <a href="https://www.linkedin.com/company/changedetection-io">Check us out on LinkedIn</a>
                </li>
                <li>
                    And tell your friends and colleagues :)
                </li>
                </ul>
                <p>
                    The more popular changedetection.io is, the more time we can dedicate to adding amazing features!
                </p>
                <p>
                    Many thanks :)<br>
                </p>
                <p>
                    <i>changedetection.io team</i>
                </p>
            </div>
        </div>
        <header>
        {% block header %}{% endblock %}
      </header>

      {% with messages = get_flashed_messages(with_categories = true) %}
      {% if
      messages %}
        <ul class="messages">
          {% for category, message in messages %}
            <li class="{{ category }}">{{ message }}</li>
          {% endfor %}
        </ul>
      {% endif %}
      {% endwith %}
      {% if session['share-link'] %}
        <ul class="messages with-share-link">
          <li class="message">
            Share this link:
            <span id="share-link">{{ session['share-link'] }}</span>
            <img style="height: 1em; display: inline-block" src="{{url_for('static_content', group='images', filename='copy.svg')}}" >
          </li>
        </ul>
      {% endif %}
      {% block content %}{% endblock %}
    </section>
    <script src="{{url_for('static_content', group='js', filename='toggle-theme.js')}}" defer></script>
  </body>

</html>
UI - Dark Mode (#1187) 2 years ago			`<!DOCTYPE html>`
Dark mode - HTML template tidy up (#1197) 2 years ago			`<html lang="en" data-darkmode="{{ get_darkmode_state() }}">`
UI - Dark Mode (#1187) 2 years ago
			`<head>`
UI - Various minor HTML validation fixes 2 years ago			`<meta charset="utf-8" >`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0" >`
			`<meta name="description" content="Self hosted website change detection." >`
Diff page - use the document title in <title> for better bookmarking 3 years ago			`<title>Change Detection{{extra_title}}</title>`
RSS - Only insert feed header if app_rss_token is set (should be only shown in index/overview page) (#2381) 6 months ago			`{% if app_rss_token %}`
			`<link rel="alternate" type="application/rss+xml" title="Changedetection.io » Feed{% if active_tag_uuid %}- {{active_tag.title}}{% endif %}" href="{{ url_for('rss', tag=active_tag_uuid , token=app_rss_token)}}" >`
			`{% endif %}`
UI - Various minor HTML validation fixes 2 years ago			`<link rel="stylesheet" href="{{url_for('static_content', group='styles', filename='pure-min.css')}}" >`
UI - Cleanup fonts better display in firefox, request CSS according to version (#1968) 1 year ago			`<link rel="stylesheet" href="{{url_for('static_content', group='styles', filename='styles.css')}}?v={{ get_css_version() }}" >`
Add [diff] mechanism 4 years ago			`{% if extra_stylesheets %}`
UI - Dark Mode (#1187) 2 years ago			`{% for m in extra_stylesheets %}`
UI - Cleanup fonts better display in firefox, request CSS according to version (#1968) 1 year ago			`<link rel="stylesheet" href="{{ m }}?ver={{ get_css_version() }}" >`
UI - Dark Mode (#1187) 2 years ago			`{% endfor %}`
Add [diff] mechanism 4 years ago			`{% endif %}`
Favicon multiplatform and path fix/update (#1176) 2 years ago
UI - Various minor HTML validation fixes 2 years ago			`<link rel="apple-touch-icon" sizes="180x180" href="{{url_for('static_content', group='favicons', filename='apple-touch-icon.png')}}">`
			`<link rel="icon" type="image/png" sizes="32x32" href="{{url_for('static_content', group='favicons', filename='favicon-32x32.png')}}">`
			`<link rel="icon" type="image/png" sizes="16x16" href="{{url_for('static_content', group='favicons', filename='favicon-16x16.png')}}">`
			`<link rel="manifest" href="{{url_for('static_content', group='favicons', filename='site.webmanifest')}}">`
			`<link rel="mask-icon" href="{{url_for('static_content', group='favicons', filename='safari-pinned-tab.svg')}}" color="#5bbad5">`
			`<link rel="shortcut icon" href="{{url_for('static_content', group='favicons', filename='favicon.ico')}}">`
			`<meta name="msapplication-TileColor" content="#da532c">`
			`<meta name="msapplication-config" content="favicons/browserconfig.xml">`
			`<meta name="theme-color" content="#ffffff">`
UI - Fixing preview/diff "ignore text" highlight button (refactor, didnt work in "preview" mode) (#2455) 4 months ago			`<script>`
			`const csrftoken="{{ csrf_token() }}";`
			`</script>`
UI - HTML validation improvements for edit forms (#1553) 2 years ago			`<script src="{{url_for('static_content', group='js', filename='jquery-3.6.0.min.js')}}"></script>`
UI - Fixing preview/diff "ignore text" highlight button (refactor, didnt work in "preview" mode) (#2455) 4 months ago			`<script src="{{url_for('static_content', group='js', filename='csrf.js')}}" defer></script>`
UI - Dark Mode (#1187) 2 years ago			`</head>`
Adding RSS metadata auto-discovery 3 years ago
UI - "Filters & Triggers" - Live preview of text filters (Preview the output of the filters section in realtime) (#2612) 2 months ago			`<body class="">`
UI - Dark Mode (#1187) 2 years ago			`<div class="header">`
Filters & Text - Preview refactor/improvements (#2689) 1 month ago			`<div class="pure-menu-fixed" style="width: 100%;">`
			`<div class="home-menu pure-menu pure-menu-horizontal" id="nav-menu">`

Re #44 - Broke the menu by accident, adding tests and fixing. 4 years ago			`{% if has_password and not current_user.is_authenticated %}`
Updating in app links 1 year ago			`<a class="pure-menu-heading" href="https://changedetection.io" rel="noopener">`
UI - Dark Mode (#1187) 2 years ago			`<strong>Change</strong>Detection.io</a>`
Password protection / login support (#34) Issue #24 Password login hashlib.pbkdf2_hmac implementation 4 years ago			`{% else %}`
UI - Dark Mode (#1187) 2 years ago			`<a class="pure-menu-heading" href="{{url_for('index')}}">`
			`<strong>Change</strong>Detection.io</a>`
Password protection / login support (#34) Issue #24 Password login hashlib.pbkdf2_hmac implementation 4 years ago			`{% endif %}`
Include the current URL in the page when viewing the version diff 4 years ago			`{% if current_diff_url %}`
UI - Dark Mode (#1187) 2 years ago			`<a class="current-diff-url" href="{{ current_diff_url }}">`
			`<span style="max-width: 30%; overflow: hidden">{{ current_diff_url }}</span></a>`
Issue #12 include version for easy reference. 4 years ago			`{% else %}`
UI - Dark Mode (#1187) 2 years ago			`{% if new_version_available and not(has_password and not current_user.is_authenticated) %}`
			`<span id="new-version-text" class="pure-menu-heading">`
Updating in app links 1 year ago			`<a href="https://changedetection.io">A new version is available</a>`
UI - Dark Mode (#1187) 2 years ago			`</span>`
			`{% endif %}`
Include the current URL in the page when viewing the version diff 4 years ago			`{% endif %}`
Initial commit 4 years ago
UI - Dark Mode (#1187) 2 years ago			`<ul class="pure-menu-list" id="top-right-menu">`
			`{% if current_user.is_authenticated or not has_password %}`
			`{% if not`
			`current_diff_url %}`
UI/Functionality - Ability to manage/apply filters and notifications across tags/groups 1 year ago			`<li class="pure-menu-item">`
			`<a href="{{ url_for('tags.tags_overview_page')}}" class="pure-menu-link">GROUPS</a>`
			`</li>`
UI - Dark Mode (#1187) 2 years ago			`<li class="pure-menu-item">`
Re-arranging primary links so the important ones are easier to find on mobile 3 years ago			`<a href="{{ url_for('settings_page')}}" class="pure-menu-link">SETTINGS</a>`
UI - Dark Mode (#1187) 2 years ago			`</li>`
			`<li class="pure-menu-item">`
#76 app path prefix when behind proxy_pass (#91) Support for running in a sub-path under proxy_pass (Running changedetection.io behind a reverse proxy sub directory) More here https://github.com/dgtlmoon/changedetection.io/wiki/Running-changedetection.io-behind-a-reverse-proxy-sub-directory 3 years ago			`<a href="{{ url_for('import_page')}}" class="pure-menu-link">IMPORT</a>`
UI - Dark Mode (#1187) 2 years ago			`</li>`
			`<li class="pure-menu-item">`
Backups - Backups now operate in the background, provide a nice UI to access/download previous backups (#2755) 2 weeks ago			`<a href="{{ url_for('backups.index')}}" class="pure-menu-link">BACKUPS</a>`
UI - Dark Mode (#1187) 2 years ago			`</li>`
Re #92 - Re-use existing [preview] function for viewing current (#97) 3 years ago			`{% else %}`
UI - Dark Mode (#1187) 2 years ago			`<li class="pure-menu-item">`
Usability tweak - [edit] on diff page should go back to diff page 3 years ago			`<a href="{{ url_for('edit_page', uuid=uuid, next='diff') }}" class="pure-menu-link">EDIT</a>`
UI - Dark Mode (#1187) 2 years ago			`</li>`
Re #92 - Re-use existing [preview] function for viewing current (#97) 3 years ago			`{% endif %}`
UI - Dark Mode (#1187) 2 years ago			`{% else %}`
Password protection / login support (#34) Issue #24 Password login hashlib.pbkdf2_hmac implementation 4 years ago			`<li class="pure-menu-item">`
Updating in app links 1 year ago			`<a class="pure-menu-link" href="https://changedetection.io">Website Change Detection and Notification.</a>`
Password protection / login support (#34) Issue #24 Password login hashlib.pbkdf2_hmac implementation 4 years ago			`</li>`
UI - Dark Mode (#1187) 2 years ago			`{% endif %}`
			`{% if current_user.is_authenticated %}`
			`<li class="pure-menu-item">`
			`<a href="{{url_for('logout')}}" class="pure-menu-link">LOG OUT</a>`
			`</li>`
			`{% endif %}`
UI - Don't show search icon when logged out (#1896) 1 year ago			`{% if current_user.is_authenticated or not has_password %}`
UI - New "Search List" icon and functionality (#1580) 2 years ago			`<li class="pure-menu-item pure-form" id="search-menu-item">`
			`<!-- We use GET here so it offers people a chance to set bookmarks etc -->`
			`<form name="searchForm" action="" method="GET">`
RSS and tags/groups - Fixes use active_tag_uuid, fixes broken RSS link in page html (#2379) 6 months ago			`<input id="search-q" class="" name="q" placeholder="URL or Title {% if active_tag_uuid %}in '{{ active_tag.title }}'{% endif %}" required="" type="text" value="">`
			`<input name="tags" type="hidden" value="{% if active_tag_uuid %}{{active_tag_uuid}}{% endif %}">`
UI - New "Search List" icon and functionality (#1580) 2 years ago			`<button class="toggle-button " id="toggle-search" type="button" title="Search, or Use Alt+S Key" >`
			`{% include "svgs/search-icon.svg" %}`
			`</button>`
			`</form>`
			`</li>`
UI - Don't show search icon when logged out (#1896) 1 year ago			`{% endif %}`
UI - Dark Mode (#1187) 2 years ago			`<li class="pure-menu-item">`
UI - Fixes to dark mode toggle (#1629) 1 year ago			`<button class="toggle-button" id ="toggle-light-mode" type="button" title="Toggle Light/Dark Mode">`
UI - Dark Mode (#1187) 2 years ago			`<span class="visually-hidden">Toggle light/dark mode</span>`
			`<span class="icon-light">`
			`{% include "svgs/light-mode-toggle-icon.svg" %}`
			`</span>`
			`<span class="icon-dark">`
			`{% include "svgs/dark-mode-toggle-icon.svg" %}`
			`</span>`
			`</button>`
			`</li>`
UI - Adding support-us widget <3 (#1956) 1 year ago			`<li class="pure-menu-item" id="heart-us">`
			`<svg`
			`fill="#ff0000"`
			`class="bi bi-heart"`
			`preserveAspectRatio="xMidYMid meet"`
			`viewBox="0 0 16.9 16.1"`
			`id="svg-heart"`
			`xmlns="http://www.w3.org/2000/svg"`
UI - Tidy-up for advanced settings under watch edit, HTML validation fixes (#2011) 12 months ago			`>`
UI - Adding support-us widget <3 (#1956) 1 year ago			`<path id="heartpath" d="M 5.338316,0.50302766 C 0.71136983,0.50647126 -3.9576371,7.2707777 8.5004254,15.503028 23.833425,5.3700277 13.220206,-2.5384409 8.6762066,1.6475589 c -0.060791,0.054322 -0.11943,0.1110064 -0.1757812,0.1699219 -0.057,-0.059 -0.1157813,-0.116875 -0.1757812,-0.171875 C 7.4724566,0.86129334 6.4060729,0.50223298 5.338316,0.50302766 Z"`
			`style="fill:var(--color-background);fill-opacity:1;stroke:#ff0000;stroke-opacity:1" />`
			`</svg>`

			`</li>`
UI - Dark Mode (#1187) 2 years ago			`<li class="pure-menu-item">`
			`<a class="github-link" href="https://github.com/dgtlmoon/changedetection.io">`
			`{% include "svgs/github.svg" %}`
			`</a>`
			`</li>`
Initial commit 4 years ago			`</ul>`
UI - Dark Mode (#1187) 2 years ago			`</div>`
Filters & Text - Preview refactor/improvements (#2689) 1 month ago			`<div id="pure-menu-horizontal-spinner"></div>`
			`</div>`

Initial commit 4 years ago			`</div>`
Filters & Text - Preview refactor/improvements (#2689) 1 month ago

UI - Dark Mode (#1187) 2 years ago			`{% if hosted_sticky %}`
			`<div class="sticky-tab" id="hosted-sticky">`
UI - update link to official project page 2 years ago			`<a href="https://changedetection.io/?ref={{guid}}">Let us host your instance!</a>`
UI - Dark Mode (#1187) 2 years ago			`</div>`
			`{% endif %}`
			`{% if left_sticky %}`
			`<div class="sticky-tab" id="left-sticky">`
UI - Difference page - Tweak 'preview' page invite text 1 year ago			`<a href="{{url_for('preview_page', uuid=uuid)}}">Show current snapshot</a><br>`
			`Visualise <strong>triggers</strong> and <strong>ignored text</strong>`
UI - Dark Mode (#1187) 2 years ago			`</div>`
			`{% endif %}`
			`{% if right_sticky %}`
			`<div class="sticky-tab" id="right-sticky">{{ right_sticky }}</div>`
			`{% endif %}`
			`<section class="content">`
UI - Adding support-us widget <3 (#1956) 1 year ago			`<div id="overlay">`
			`<div class="content">`
Chrome Extension - Adding callout to UI 8 months ago			`<h4>Try our Chrome extension</h4>`
			`<p>`
			`<a id="chrome-extension-link"`
			`title="Try our new Chrome Extension!"`
			`href="https://chromewebstore.google.com/detail/changedetectionio-website/kefcfmgmlhmankjmnbijimhofdjekbop">`
			`<img src="{{url_for('static_content', group='images', filename='Google-Chrome-icon.png')}}">`
			`Chrome Webstore`
			`</a>`
			`</p>`

			`Easily add the current web-page from your browser directly into your changedetection.io tool, more great features coming soon!`

			`<h4>Changedetection.io needs your support!</h4>`
UI - Adding support-us widget <3 (#1956) 1 year ago			`<p>`
			`You can help us by supporting changedetection.io on these platforms;`
			`</p>`
			`<p>`
			`<ul>`
			`<li>`
			`<a href="https://alternativeto.net/software/changedetection-io/about/">Rate us at`
			`AlternativeTo.net</a>`
			`</li>`
			`<li>`
			`<a href="https://github.com/dgtlmoon/changedetection.io">Star us on GitHub</a>`
			`</li>`
			`<li>`
			`<a href="https://twitter.com/change_det_io">Follow us at Twitter/X</a>`
			`</li>`
			`<li>`
			`<a href="https://www.linkedin.com/company/changedetection-io">Check us out on LinkedIn</a>`
			`</li>`
			`<li>`
			`And tell your friends and colleagues :)`
			`</li>`
			`</ul>`
			`<p>`
			`The more popular changedetection.io is, the more time we can dedicate to adding amazing features!`
			`</p>`
			`<p>`
			`Many thanks :)<br>`
			`</p>`
			`<p>`
			`<i>changedetection.io team</i>`
			`</p>`
			`</div>`
			`</div>`
			`<header>`
Initial commit 4 years ago			`{% block header %}{% endblock %}`
UI - Dark Mode (#1187) 2 years ago			`</header>`
WIP 4 years ago
UI - Dark Mode (#1187) 2 years ago			`{% with messages = get_flashed_messages(with_categories = true) %}`
			`{% if`
			`messages %}`
			`<ul class="messages">`
			`{% for category, message in messages %}`
			`<li class="{{ category }}">{{ message }}</li>`
			`{% endfor %}`
Use flasks' built in 'flash' method instead of a custom message/notices (#94) * Use flasks' built in 'flash' method instead of a custom message/notice handler * Move app.secret_key setup to inside app 3 years ago			`</ul>`
			`{% endif %}`
UI - Dark Mode (#1187) 2 years ago			`{% endwith %}`
			`{% if session['share-link'] %}`
Ability to 'Share' a watch by a generated link, this will include all filters and triggers - see Wiki (#563) 3 years ago			`<ul class="messages with-share-link">`
UI - Dark Mode (#1187) 2 years ago			`<li class="message">`
			`Share this link:`
			`<span id="share-link">{{ session['share-link'] }}</span>`
UI - Various minor HTML validation fixes 2 years ago			`<img style="height: 1em; display: inline-block" src="{{url_for('static_content', group='images', filename='copy.svg')}}" >`
UI - Dark Mode (#1187) 2 years ago			`</li>`
Ability to 'Share' a watch by a generated link, this will include all filters and triggers - see Wiki (#563) 3 years ago			`</ul>`
UI - Dark Mode (#1187) 2 years ago			`{% endif %}`
			`{% block content %}{% endblock %}`
			`</section>`
UI - HTML validation improvements for edit forms (#1553) 2 years ago			`<script src="{{url_for('static_content', group='js', filename='toggle-theme.js')}}" defer></script>`
UI - Dark Mode (#1187) 2 years ago			`</body>`
Issue #12 include version for easy reference. 4 years ago
Initial commit 4 years ago			`</html>`