templates/pdf/certificate.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <style type="text/css">
  7.             /******************** ANTON /********************/
  8.             @font-face {
  9.                 font-family: 'Anton';
  10.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Anton/Anton-Regular.ttf');
  11.                 font-weight: 400;
  12.                 font-style: normal;
  13.             }
  14.             /******************** ANTON /********************/
  16.             /******************** ROBOTO ********************/
  17.             @font-face {
  18.                 font-family: 'Roboto';
  19.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Roboto/Roboto-Regular.ttf');
  20.                 font-weight: 400;
  21.                 font-style: normal;
  22.             }
  24.             @font-face {
  25.                 font-family: 'Roboto';
  26.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Roboto/Roboto-Bold.ttf');
  27.                 font-weight: 700;
  28.                 font-style: normal;
  29.             }
  31.             @font-face {
  32.                 font-family: 'Roboto';
  33.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Roboto/Roboto-Italic.ttf');
  34.                 font-weight: 400;
  35.                 font-style: italic;
  36.             }
  38.             @font-face {
  39.                 font-family: 'Roboto';
  40.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Roboto/Roboto-BoldItalic.ttf');
  41.                 font-weight: 700;
  42.                 font-style: italic;
  43.             }
  44.             /******************** ROBOTO ********************/
  46.             /******************** GRADUATE ********************/
  47.             @font-face {
  48.                 font-family: 'Graduate';
  49.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Graduate/Graduate-Regular.ttf');
  50.                 font-weight: 400;
  51.                 font-style: normal;
  52.             }
  53.             /******************** GRADUATE ********************/
  55.             /******************** QUICKSAND ********************/
  56.             @font-face {
  57.                 font-family: 'Quicksand';
  58.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Quicksand/Quicksand-Regular.ttf');
  59.                 font-weight: 400;
  60.                 font-style: normal;
  61.             }
  63.             @font-face {
  64.                 font-family: 'Quicksand';
  65.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Quicksand/Quicksand-Bold.ttf');
  66.                 font-weight: 700;
  67.                 font-style: normal;
  68.             }
  70.             @font-face {
  71.                 font-family: 'Quicksand';
  72.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Quicksand/Quicksand-Italic.ttf');
  73.                 font-weight: 400;
  74.                 font-style: italic;
  75.             }
  77.             @font-face {
  78.                 font-family: 'Quicksand';
  79.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Quicksand/Quicksand-BoldItalic.ttf');
  80.                 font-weight: 700;
  81.                 font-style: italic;
  82.             }
  83.             /******************** QUICKSAND ********************/
  85.             /******************** OSTRICH SANS ********************/
  86.             @font-face {
  87.                 font-family: 'ostrichsans_black';
  88.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OstrichSans/OstrichSans-Regular.ttf');
  89.                 font-weight: 400;
  90.                 font-style: normal;
  91.             }
  93.             @font-face {
  94.                 font-family: 'ostrichsans_black';
  95.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OstrichSans/OstrichSans-Black.ttf');
  96.                 font-weight: 700;
  97.                 font-style: normal;
  98.             }
  99.             /******************** OSTRICH SANS ********************/
  101.             /******************** OPEN SANS ********************/
  102.             /*** REGULAR ***/
  103.             @font-face {
  104.                 font-family: "opensans";
  105.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-Regular.ttf');
  106.                 font-weight: 400;
  107.                 font-style: normal;
  108.             }
  110.             @font-face {
  111.                 font-family: 'opensans';
  112.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-Bold.ttf');
  113.                 font-weight: 700;
  114.                 font-style: normal;
  115.             }
  117.             @font-face {
  118.                 font-family: 'opensans';
  119.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-Italic.ttf');
  120.                 font-weight: 400;
  121.                 font-style: italic;
  122.             }
  124.             @font-face {
  125.                 font-family: 'opensans';
  126.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-BoldItalic.ttf');
  127.                 font-weight: 700;
  128.                 font-style: italic;
  129.             }
  131.             /*** ITALIC ***/
  132.             @font-face {
  133.                 font-family: 'opensans_italic';
  134.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-Italic.ttf');
  135.                 font-weight: 400;
  136.                 font-style: normal;
  137.             }
  139.             @font-face {
  140.                 font-family: 'opensans_italic';
  141.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-BoldItalic.ttf');
  142.                 font-weight: 700;
  143.                 font-style: normal;
  144.             }
  146.             @font-face {
  147.                 font-family: 'opensans_italic';
  148.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-Italic.ttf');
  149.                 font-weight: 400;
  150.                 font-style: italic;
  151.             }
  153.             @font-face {
  154.                 font-family: 'opensans_italic';
  155.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-BoldItalic.ttf');
  156.                 font-weight: 700;
  157.                 font-style: italic;
  158.             }
  160.             /*** SEMIBOLD ***/
  161.             @font-face {
  162.                 font-family: "opensans_semibold";
  163.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-Regular.ttf');
  164.                 font-weight: 700;
  165.                 font-style: normal;
  166.             }
  168.             @font-face {
  169.                 font-family: "opensans_semibold";
  170.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-Bold.ttf');
  171.                 font-weight: 700;
  172.                 font-style: normal;
  173.             }
  175.             @font-face {
  176.                 font-family: "opensans_semibold";
  177.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-BoldItalic.ttf');
  178.                 font-weight: 400;
  179.                 font-style: italic;
  180.             }
  182.             @font-face {
  183.                 font-family: 'opensans_semibold';
  184.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OpenSans/OpenSans-BoldItalic.ttf');
  185.                 font-weight: 700;
  186.                 font-style: italic;
  187.             }
  188.             /******************** OPEN SANS ********************/
  190.             /******************** CAVIAR DREAMS ********************/
  191.             /*** REGULAR ***/
  192.             @font-face {
  193.                 font-family: 'caviar';
  194.                 src: url('https://cdn.eadplataforma.app/assets/fonts/CaviarDreams/CaviarDreams-Regular.ttf');
  195.                 font-weight: 400;
  196.                 font-style: normal;
  197.             }
  199.             @font-face {
  200.                 font-family: 'caviar';
  201.                 src: url('https://cdn.eadplataforma.app/assets/fonts/CaviarDreams/CaviarDreams-Bold.ttf');
  202.                 font-weight: 700;
  203.                 font-style: normal;
  204.             }
  206.             @font-face {
  207.                 font-family: 'caviar';
  208.                 src: url('https://cdn.eadplataforma.app/assets/fonts/CaviarDreams/CaviarDreams-Italic.ttf');
  209.                 font-weight: 400;
  210.                 font-style: italic;
  211.             }
  213.             @font-face {
  214.                 font-family: 'caviar';
  215.                 src: url('https://cdn.eadplataforma.app/assets/fonts/CaviarDreams/CaviarDreams-BoldItalic.ttf');
  216.                 font-weight: 700;
  217.                 font-style: italic;
  218.             }
  220.             /*** BOLD ***/
  221.             @font-face {
  222.                 font-family: 'caviar_bold';
  223.                 src: url('https://cdn.eadplataforma.app/assets/fonts/CaviarDreams/CaviarDreams-Bold.ttf');
  224.                 font-weight: 400;
  225.                 font-style: normal;
  226.             }
  228.             @font-face {
  229.                 font-family: 'caviar_bold';
  230.                 src: url('https://cdn.eadplataforma.app/assets/fonts/CaviarDreams/CaviarDreams-Bold.ttf');
  231.                 font-weight: 700;
  232.                 font-style: normal;
  233.             }
  235.             @font-face {
  236.                 font-family: 'caviar_bold';
  237.                 src: url('https://cdn.eadplataforma.app/assets/fonts/CaviarDreams/CaviarDreams-BoldItalic.ttf');
  238.                 font-weight: 400;
  239.                 font-style: italic;
  240.             }
  242.             @font-face {
  243.                 font-family: 'caviar_bold';
  244.                 src: url('https://cdn.eadplataforma.app/assets/fonts/CaviarDreams/CaviarDreams-BoldItalic.ttf');
  245.                 font-weight: 700;
  246.                 font-style: italic;
  247.             }
  248.             /******************** CAVIAR DREAMS ********************/
  250.             /******************** SKRANJI ********************/
  251.             @font-face {
  252.                 font-family: 'Skranji';
  253.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Skranji/Skranji-Regular.ttf');
  254.                 font-weight: 400;
  255.                 font-style: normal;
  256.             }
  258.             @font-face {
  259.                 font-family: 'Skranji';
  260.                 src: url('https://cdn.eadplataforma.app/assets/fonts/Skranji/Skranji-Bold.ttf');
  261.                 font-weight: 700;
  262.                 font-style: normal;
  263.             }
  264.             /******************** SKRANJI ********************/
  266.             /******************** DANCING SCRIPT ********************/
  267.             @font-face {
  268.                 font-family: 'dancingScript';
  269.                 src: url('https://cdn.eadplataforma.app/assets/fonts/DancingScript/DancingScript-Regular.ttf');
  270.                 font-weight: 400;
  271.                 font-style: normal;
  272.             }
  274.             @font-face {
  275.                 font-family: 'dancingScript';
  276.                 src: url('https://cdn.eadplataforma.app/assets/fonts/DancingScript/DancingScript-Bold.ttf');
  277.                 font-weight: 700;
  278.                 font-style: normal;
  279.             }
  280.             /******************** DANCING SCRIPT ********************/
  282.             /******************** OLD SCRIPT ********************/
  283.             @font-face {
  284.                 font-family: 'Old Script';
  285.                 src: url('https://cdn.eadplataforma.app/assets/fonts/OldScript/OldScript-Regular.ttf');
  286.                 font-weight: 400;
  287.                 font-style: normal;
  288.             }
  289.             /******************** OLD SCRIPT ********************/
  290.         </style>
  291.         <style type="text/css">
  292.             body, html, .certificate{ 
  293.                 padding:0; 
  294.                 margin: 0; 
  295.             }
  296.             .certificate{ 
  297.                 background-color: {{ frontColor }}
  298.             }
  299.             .first-page {
  300.                 margin: 0in;
  301.                 height: 813px !important;
  302.                 width: 1140px;
  303.                 position: absolute;
  304.             }
  305.         </style>
  306.     </head>
  307.     <body>
  308.         <div class="certificate first-page">
  309.             {% if frontImage %}
  310.                 <img src="{{ frontImage }}" style="width: 1140px !important;height: 813px !important;">
  311.             {% endif %}
  312.             {% for obj in frontObjects %}
  313.                 {% if obj.type == 'textbox' %}
  314.                     <p style="
  315.                         transform: scale({{ obj.flipX }}, {{ obj.flipY }});
  316.                         position: absolute;
  317.                         top: {{ obj.top }}px !important;
  318.                         left: {{ obj.left }}px !important;
  319.                         width: {{ obj.width }}px;
  320.                         height: {{ obj.height }}px;
  321.                         margin: 0;
  322.                         padding: 0;
  323.                         color: {{ obj.fill }};
  324.                         font-style: {{ obj.fontStyle }};
  325.                         font-weight: {{ obj.fontWeight }};
  326.                         font-family: {{ obj.fontFamily }};
  327.                         font-size: {{ obj.fontSize }}px;
  328.                         text-align: {{ obj.textAlign }};
  329.                         line-height: 0.8;">
  330.                         {{ obj.text|raw }}
  331.                     </p>
  332.                 {% elseif obj.type == 'image' %}
  333.                     <img src="{{ obj.src }}"
  334.                          style="
  335.                                 transform: scale({{ obj.flipX }}, {{ obj.flipY }});
  336.                                 position: absolute;
  337.                                 top: {{ obj.top }}px !important;
  338.                                 left: {{ obj.left }}px !important;
  339.                                 width: {{ obj.width }}px !important;
  340.                                 height: {{ obj.height }}px !important;
  341.                     ">
  342.                 {% endif %}
  343.             {% endfor %}
  344.         </div>
  345.         {% if backImage or backObjects|length > 0  %}
  346.             <div style="page-break-after:always;"></div>
  347.             <div class="first-page" {% if backColor %} style="background-color: {{ backColor }} !important;" {% endif %}>
  348.                 {% if backImage %}
  349.                     <img src="{{ backImage }}" style="width: 1140px !important;height: 813px !important;">
  350.                 {% endif %}
  351.                 {% for obj in backObjects %}
  352.                     {% if obj.type == 'textbox' %}
  353.                         <p style="
  354.                             transform: scale({{ obj.flipX }}, {{ obj.flipY }});
  355.                             position: absolute;
  356.                             top: {{ obj.top }}px !important;
  357.                             left: {{ obj.left }}px !important;
  358.                             width: {{ obj.width }}px;
  359.                             height: {{ obj.height }}px;
  360.                             margin: 0;
  361.                             padding: 0;
  362.                             color: {{ obj.fill }};
  363.                             font-style: {{ obj.fontStyle }};
  364.                             font-weight: {{ obj.fontWeight }};
  365.                             font-family: {{ obj.fontFamily }};
  366.                             font-size: {{ obj.fontSize }}px;
  367.                             text-align: {{ obj.textAlign }};
  368.                             line-height: 0.8;">
  369.                             {{ obj.text|raw }}
  370.                         </p>
  371.                     {% elseif obj.type == 'image' %}
  372.                         <img src="{{ obj.src }}"
  373.                              style="
  374.                                     transform: scale({{ obj.flipX }}, {{ obj.flipY }});
  375.                                     position: absolute;
  376.                                     top: {{ obj.top }}px !important;
  377.                                     left: {{ obj.left }}px !important;
  378.                                     width: {{ obj.width }}px !important;
  379.                                     height: {{ obj.height }}px !important;
  380.                         ">
  381.                     {% endif %}
  382.                 {% endfor %}
  383.             </div>
  384.         {% endif %}
  385.     </body>
  386. </html>