# Module `bloc1Pack.HTML_constantes`

Générer les parties communes aux fichiers HTML.

On met les constantes dans des chaînes.

Expand source code

    #!/usr/bin/python3
    #-*- coding: utf8 -*-

    # @author : Sébastien LOZANO

    """Générer les parties communes aux fichiers HTML.

      On met les constantes dans des chaînes.

    """
    pass

    docTypeHead = (
      """
    <!doctype html>
    <html lang=\"fr\">
    <head>
        <meta charset=\"UTF-8\">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Bloc1-Python-DIEUEIL</title>
    </head>
    """
    )

    style = (
      """
    <style>
    table {
      font-family: arial, sans-serif;
      font-size: 0.75rem;
      border-collapse: collapse;
      width: 100%;
    }
    td,th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
    }
    tr:nth-child(even) {
      background-color: #dddddd;
    }
    tr:first-child {
      background-color: #ff7f00;
    }
    </style>
    """
    )

    docTypeHeadStyle = (
      """
    <!doctype html>
    <html lang=\"fr\">
    <head>
        <meta charset=\"UTF-8\">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Bloc1-Python-DIEUEIL</title>
        <style>
          table {
            font-family: arial, sans-serif;
            font-size: 0.75rem;
            border-collapse: collapse;
            width: 100%;
          }
          td,th {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px;
          }
          .evenNthChildBackground {
              background-color: #dddddd;
          }
          .oddNthChildBackgroung {
              background-color: #ffffff;
          }
          tr:first-child {
            background-color: #ff7f00;
          }
          .navButton, .precButton, .suivButton, .currentButton {
            display: inline-block;
            border-radius: 4px;
            background-color: #ff7f00;
            color: #FFFFFF;
            text-align: center;
            font-size: 1rem;
            padding: 0.75rem;
            width: auto;
            transition: all 0.5s;
            margin: 0.3rem;
          }
          .navButton {
            font-weight: bold;
          }
          .navButton, .precButton, .suivButton {
            border: none;
            cursor: pointer;
          }
          .precButton, .suivButton {
            background-color: #9c9c9c;
          }
          .navButton span, .precButton span, .suivButton span {
            cursor: pointer;
            display: inline-block;
            position: relative;
            transition: 0.5s;
          }
          .navButton span:after, .suivButton span:after {
            content: '\\00bb';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -1.25rem;
            transition: 0.5s;
          }
          .precButton span:after {
            content: '\\00ab';
            position: absolute;
            opacity: 0;
            top: 0;
            left: -9.25rem;
            transition: 0.5s;
          }
          .precButton:hover span {
            padding-left: 1.5rem;
          }
          .navButton:hover span, .suivButton:hover span {
            padding-right: 1.5rem;
          }
          .navButton:hover span:after, .precButton:hover span:after, .suivButton:hover span:after {
            opacity: 1;
            right: 0;
          }
          #spinner{
            width: 7.5rem;
            height: 7.5rem;
            background: transparent;
            border-left: 10px solid #9c9c9c;/*gray;*/
            border-right: 10px solid #9c9c9c;/*gray;*/
            border-top: 10px solid #ff7f00;/*lightgreen;*/
            border-bottom: 10px solid #9c9c9c;/*gray;*/
            position: absolute;
            left: 50%;
            top: 55%;
            margin-left: -3.75rem;
            /*margin-top: -3.75rem;*/
            border-radius: 50%;
            animation: loader 1.5s linear infinite;
          }
          @keyframes loader{
            100%{
              transform: rotate(360deg);
            }
          }
          #direct_input {
            width:1rem;
            -moz-appearance: textfield;
          }
        </style>
    </head>
    """
    )

    barreDeNavigation = (
      """
    <h1>BLOC 1 - PROJET PYTHON/HTML</h1>
    <hr>
    <h4>Source des données : <a href=\"https://www.data.gouv.fr/fr/datasets/adresse-et-geolocalisation-des-etablissements-denseignement-du-premier-et-second-degres-1/\" target=\"_blank\">https://www.data.gouv.fr</a></h4>
    <hr>
    <a class="navButton" href=\"index.html\" target=\"_self\"><span>Accueil</span></a>
    <a class="navButton" href=\"tableauComplet_1.html\" target=\"_self\"><span>Toutes les données initiales</span></a>
    <a class="navButton" href=\"tableauFormV1.html\" target=\"_self\"><span>Formulaire Version1</span></a>
    <a class="navButton" href=\"tableauFormV2.html\" target=\"_self\"><span>Formulaire Version2</span></a>
    <a class="navButton" href=\"../docs/bloc1Pack/index.html\" target=\"_blank\"><span>Documentation</span></a>
    <hr>
    """
    )