templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" href="styles.css">
  6. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-34179656-2"></script>
  7. <script>
  8. window.dataLayer = window.dataLayer || [];
  9. function gtag(){dataLayer.push(arguments);}
  10. gtag('js', new Date());
  11. gtag('config', 'UA-34179656-2');
  12. </script>
  13. <link rel="icon" type="image/png" href="favicon.ico">
  14. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  15. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  16. <meta name="description" content="Convert image to base64. Encode and decode text to base64. We take privacy very serious so all the images are not uploaded to our servers.">
  17. <meta name="author" content="Adrián Fernández (https://adrianfernandez.es)">
  18. <meta name="robots" content="index,follow">
  19. <link rel="canonical" href="https://tobase64.dev/" />
  20. <meta name="keywords" content="image, base64, decode, encode, text" />
  21. <meta property="og:description" content="Convert image to base64. Encode and decode text to base64. We take privacy very serious so all the images are not uploaded to our servers." />
  22. <meta property="og:image" content="https://tobase64.dev/base64-rrss.png" />
  23. <meta property="og:title" content="Convert images to base64, Encode text to base64 - Tobase64.dev" />
  24. <meta property="og:type" content="website" />
  25. <meta property="og:site_name" content="ToBase64.dev - Convert Images to base64, Encode Text to base64" />
  26. <meta property="og:url" content="https://tobase64.dev" />
  27. <meta property="twitter:card" content="summary_large_image" />
  28. <meta property="twitter:creator" content="@adri1177" />
  29. <meta property="twitter:description" content="Convert image to base64. Encode and decode text to base64. We take privacy very serious so all the images are not uploaded to our servers." />
  30. <meta property="twitter:title" content="ToBase64.dev - Convert Images to base64, Encode Text to base64" />
  31. <title>{% block title %}{% endblock %}</title>
  32. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  33. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  34. <link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png" />
  35. <link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png" />
  36. <link rel="stylesheet" href="styles.css">
  37. <script type="text/javascript" src="aviso-cookies.min.js"></script>
  38. <script type="text/javascript">var imageB64 = "Select an image..."</script>
  39. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  40. <script>
  41. (adsbygoogle = window.adsbygoogle || []).push({
  42. google_ad_client: "ca-pub-7229011718718774",
  43. enable_page_level_ads: true
  44. });
  45. </script>
  46. <!-- Global site tag (gtag.js) - Google Ads: 749955722 -->
  47. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-749955722"></script>
  48. <script>
  49. window.dataLayer = window.dataLayer || [];
  50. function gtag(){dataLayer.push(arguments);}
  51. gtag('js', new Date());
  52. gtag('config', 'AW-749955722');
  53. </script>
  54. {% block stylesheets %}{% endblock %}
  55. </head>
  56. <body class="d-flex flex-column h-100">
  57. <header>
  58. <nav class="navbar navbar-expand-lg fixed-top navbar-dark navbar-bg text-center">
  59. <a class="navbar-brand mr-auto mr-lg-0" href="{{ path('homepage') }}" title="ToBase64">
  60. <img src="base64.png" width="45" height="30" class="logo d-inline-block align-top" title="Home" alt="Home page">
  61. </a>
  62. <button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
  63. <span class="navbar-toggler-icon"></span>
  64. </button>
  65. <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
  66. <ul class="navbar-nav mr-auto">
  67. {% set route = app.request.attributes.get('_route') %}
  68. <li class="nav-item {{ route == 'image-to-base64' ? 'active' }}">
  69. <a class="nav-link" href="{{ path('image-to-base64') }}" title="Image to base64">Image to base64</a>
  70. </li>
  71. <li class="nav-item {{ route == 'base64-to-image' ? 'active' }}">
  72. <a class="nav-link" href="{{ path('base64-to-image') }}" title="Base64 to image">Base64 to image<span class="sr-only">(current)</span></a>
  73. </li>
  74. <li class="nav-item {{ route == 'text-to-base64' ? 'active' }}">
  75. <a class="nav-link" href="{{ path('text-to-base64') }}" title="Text to base64">Text to base64</a>
  76. </li>
  77. <li class="nav-item {{ route == 'base64-to-text' ? 'active' }}">
  78. <a class="nav-link" href="{{ path('base64-to-text') }}" title="Base64 to text">Base64 to text</a>
  79. </li>
  80. <li class="nav-item {{ route == 'pdf-to-base64' ? 'active' }}">
  81. <a class="nav-link" href="{{ path('pdf-to-base64') }}" title="PDF to base64">PDF to base64</a>
  82. </li>
  83. <li class="nav-item {{ route == 'base64-to-pdf' ? 'active' }}">
  84. <a class="nav-link" href="{{ path('base64-to-pdf') }}" title="Base64 to PDF">Base64 to PDF</a>
  85. </li>
  86. <li class="nav-item {{ route == 'audio-to-base64' ? 'active' }}">
  87. <a class="nav-link" href="{{ path('audio-to-base64') }}" title="Audio to base64">Audio to base64</a>
  88. </li>
  89. <li class="nav-item {{ route == 'base64-to-audio' ? 'active' }}">
  90. <a class="nav-link" href="{{ path('base64-to-audio') }}" title="Base64 to audio">Base64 to Audio</a>
  91. </li>
  92. <li class="nav-item {{ route == 'programming-examples' ? 'active' }}">
  93. <a class="nav-link" href="{{ path('programming-examples') }}" title="Programming Examples">Programming Examples</a>
  94. </li>
  95. </ul>
  96. <ul class="nav navbar-nav">
  97. <li class="nav-item {{ route == 'contact-us' ? 'active' }}">
  98. <a class="nav-link" href="{{ path('contact-us')}}" title="Contact us">Contact us</a>
  99. </li>
  100. </ul>
  101. </div>
  102. </nav>
  103. </header>
  104. <main class="flex-shrink-0 flex-grow-1">
  105. <div class="container d-flex flex-column h-100">
  106. {% include 'display_messages.html.twig' %}
  107. <div class="alert alert-info alert-dismissible fade show mt-2" role="alert">
  108. <strong>Help us!</strong> Don't block ads to help us.
  109. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  110. <span aria-hidden="true">&times;</span>
  111. </button>
  112. </div>
  113. <div class="row" style="padding-top: 2em;padding-bottom: 2em;">
  114. <h1 class="col-12 text-center">{% block h1 %}{% endblock %}</h1>
  115. </div>
  116. {% block body %}{% endblock %}
  117. {% block javascripts %}{% endblock %}
  118. </div>
  119. </main>
  120. <footer class="footer mt-auto py-3 text-center">
  121. <div class="container">
  122. <span class="text-muted">ToBase64.dev | <a href="https://adrianfernandez.es" style="color:inherit;">Adrián Fernández</a> | <a href="https://aprendemecanografia.es" style="color:inherit;">AprendeMecanografia.es</a> | CopyRight &copy; <script type="text/javascript">var d = new Date();document.write(d.getFullYear());</script></span>
  123. </div>
  124. </footer>
  125. </body>
  126. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  127. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  128. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  129. <script src="index.js"></script>
  130. </html>