templates/external/web_impact_calculator/index.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <title>Dedalo AI - Estimate Web Impact</title>
  7.     <meta name="description" content="Our web impact calculator tool is designed to help you quickly and easily estimate the amount of emissions associated with the use of your website.">
  9.     <script>
  10.         {% set canTracking = app.environment == 'prod' and false == is_granted('IS_IMPERSONATOR') %}
  11.         window.canTracking = {{ canTracking ? 'true' : 'false' }};
  12.     </script>
  14.     {% block mixpanel %}
  15.         <script type="text/javascript">window.currentPage = 'Estimate Web Impact';</script>
  16.     {% endblock %}
  18.     {% block stylesheets %}
  19.         {{ encore_entry_link_tags('uhostbase') }}
  20.     {% endblock %}
  22.     {% block javascripts %}
  23.         {{ encore_entry_script_tags('uhostbase') }}
  25.         <!-- Google tag (gtag.js) -->
  26.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-CXPB77WF11"></script>
  27.         <script>
  28.             window.dataLayer = window.dataLayer || [];
  29.             function gtag(){dataLayer.push(arguments);}
  30.             gtag('js', new Date());
  32.             gtag('config', 'G-CXPB77WF11');
  33.         </script>
  35.         {% if canTracking %}
  36.             <script type="text/javascript">
  37.                 (function(c,l,a,r,i,t,y){
  38.                     c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  39.                     t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  40.                     y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  41.                 })(window, document, "clarity", "script", "kv0t9r1st1");
  42.             </script>
  44.             <script data-project="330bb7a00d" id="carbon-analytics" src="https://static.dedalo.ai/boot.js" crossorigin="anonymous" integrity="sha256-2rhLk7+q9slngi79xjWVYN7pGCHz73PB33Ko89c6rLc=" defer></script>
  45.         {% endif %}
  46.     {% endblock %}
  47. </head>
  48. <body class="dark-mode text-light disable-dark">
  49. <div class="p-0" style="background-color: var(--primary-color-1);">
  50.     <nav class="container navbar navbar-expand-lg">
  51.         <div class="container-fluid">
  52.             <a class="navbar-brand" href="https://dedalo.ai">
  53.                 <img src="{{ asset('logo-white.svg') }}" alt="logo" height="45">
  54.             </a>
  55.             <button class="navbar-toggler bg-white" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle Navigation">
  56.                 <span class="navbar-toggler-icon"></span>
  57.             </button>
  58.             <div class="collapse navbar-collapse" id="navbar-menu">
  59.                 <ul id="mainmenu" class="navbar-nav mb-2 mb-lg-0">
  60.                     <li><a href="{{ path('app_compare') }}">Web Impacts</a><span></span> 
  61.                         <ul>
  62.                             <li><a href="{{ path('app_compare_topic', {'slug': 'social-media-networks-worldwide'}) }}">Social Media</a></li>
  63.                             <li><a href="{{ path('app_compare_topic', {'slug': 'e-commerce-shopping-worldwide'}) }}">E-commerce</a></li>
  64.                             <li><a href="{{ path('app_compare_topic', {'slug': 'consulting-worldwide'}) }}">Consulting</a></li>
  65.                             <li><a href="{{ path('app_web_impact_calculator_estimate_new', {'new_report_form[domain]': 'google.com'}) }}">Google</a></li>
  66.                             <li><a href="{{ path('app_web_impact_calculator_estimate_new', {'new_report_form[domain]': 'facebook.com'}) }}">Facebook</a></li>
  67.                             <li><a href="{{ path('app_web_impact_calculator_estimate_new', {'new_report_form[domain]': 'twitter.com'}) }}">Twitter</a></li>
  68.                             <li><a href="{{ path('app_index') }}">Web Impact Estimator</a></li>
  69.                         </ul>
  70.                     </li>
  71.                     <li><a href="https://dedalo.ai?p=jobs">Work with Us</a></li>
  72.                     <li><a href="https://dedalo.ai/#section-faq">FAQ</a></li>
  73.                     <li><a href="https://dedalo.ai/news">News</a></li>
  74.                     <li><a href="mailto:[email protected]">Contact</a></li>
  75.                 </ul>
  76.                 <div class="d-flex" role="search">
  77.                     {% if app.user %}
  78.                         <a href="{{ path('app_user_dashboard') }}" class=" btn btn-custom">Dashboard</a>
  79.                     {% else %}
  80.                         <a href="{{ path('app_register') }}" class="btn btn-custom me-2">Signup</a>
  81.                         <a href="{{ path('app_login') }}" class="btn btn-custom me-2">Login</a>
  82.                     {% endif %}
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </nav>
  87. </div>
  88. <div class="container-fluid">
  89.     {% block reportForm %}
  90.         <div class="row">
  91.             <div class="col-12 pt-5 pb-3">
  92.                 <div class="container" id="my-report">
  93.                     <div class="row">
  94.                         <div class="col-12 col-lg-7 text-white">
  95.                             <h1 class="mb-4">Estimate Website Carbon Emissions</h1>
  96.                             <p class="h3 mb-2 fw-light">Quickly estimates website emissions and lets you compare and track emissions over time!</p>
  97.                             <p class="mt-4 mb-4">
  98.                                 Our web impact calculator tool is designed to help you quickly and easily estimate the amount of emissions associated with the use of your website. The tool takes into account factors such as the energy used to power the server and the emissions associated with the transmission of data. You can also use the tool to compare the emissions of different websites, and to track your website's emissions over time. The tool is fast, accurate, and easy to use.
  99.                             </p>
  100.                             {% for message in app.flashes('error') %}
  101.                                 <div class="alert alert-danger" >
  102.                                     {{ message }}
  103.                                 </div>
  104.                             {% endfor %}
  105.                             <form action="{{ app.user ? path('app_reports_new') : path('app_web_impact_calculator_estimate_new') }}">
  106.                                 <div class="d-flex flex-column">
  107.                                     <div class="input-group input-group-lg my-2">
  108.                                         <span class="input-group-text" style="border-radius: 0.25rem 0 0 0.25rem;" id="inputGroup-sizing-lg">https://</span>
  109.                                         <input type="text" class="form-control" aria-label="Domain" style="border-radius: 0 0.25rem 0.25rem 0;" name="new_report_form[domain]" required>
  110.                                     </div>
  111.                                     <button class="btn-custom btn-lg text-white fw-bold border-0"  type="submit">
  112.                                         ESTIMATE IMPACT
  113.                                         <i class="fa-solid fa-wand-magic-sparkles float-end mt-1"></i>
  114.                                     </button>
  115.                                     <p class="text-white mt-2 small">
  116.                                         We've crossed the milestone of 1000 reports generated. Let's keep reaching new heights together!
  117.                                     </p>
  118.                                 </div>
  119.                             </form>
  120.                         </div>
  121.                         <div class="col-12 col-lg-5 mt-lg-0 d-none d-sm-block mt-3">
  122.                             <img src="{{ asset('images/report.png') }}" class="justify-content-center img-fluid" style="margin: 0 auto; text-align: center; display: block" alt="landing image">
  123.                         </div>
  124.                     </div>
  125.                 </div>
  126.             </div>
  127.         </div>
  128.     {% endblock %}
  129.     <div class="row">
  130.         <!-- Footer -->
  131.         <footer class="text-center text-lg-start">
  132.             <div class="container text-center text-md-start mt-5 ps-0">
  133.                 <div class="row mt-3">
  134.                     <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
  135.                         <h6 class="text-uppercase fw-bold mb-4">
  136.                             <img src="{{ asset('logo-white.svg') }}" alt="logo" height="50">
  137.                         </h6>
  138.                         <p>
  139.                             &copy; {{ 'now' | date('Y') }} Fabio Giannese - All Right Reserved
  140.                         </p>
  141.                     </div>
  142.                     <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
  143.                         <h6 class="text-uppercase fw-bold mb-4">
  144.                             About
  145.                         </h6>
  146.                         <p class="my-1">
  147.                             <a href="https://dedalo.ai/news" class="text-reset" target="_blank">News</a>
  148.                         </p>
  149.                         <p class="my-1">
  150.                             <a href="https://calendly.com/dedalo-ai/meet-dedalo-ai" class="text-reset" target="_blank">Schedule a call</a>
  151.                         </p>
  152.                         <p class="my-1">
  153.                             <a href="https://dedalo.ai/?p=privacy" class="text-reset" target="_blank">Privacy & Policy</a>
  154.                         </p>
  155.                         <p class="my-1">
  156.                             <a href="https://dedalo.ai/?p=disclamer" class="text-reset" target="_blank">Disclaimer</a>
  157.                         </p>
  158.                     </div>
  160.                     <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
  161.                         <h6 class="text-uppercase fw-bold mb-4">
  162.                             Our SDGs
  163.                         </h6>
  164.                         <p>
  165.                             <a href="https://sdgs.un.org/goals/goal7" target="_blank" class="text-decoration-none">
  166.                                 <img src="{{ asset('images/SDG-7.png') }}" width="50px" alt="sdg-7">
  167.                             </a>
  169.                             <a href="https://sdgs.un.org/goals/goal13" target="_blank" class="text-decoration-none">
  170.                                 <img src="{{ asset('images/SDG-13.png') }}" width="50px" alt="sdg-13">
  171.                             </a>
  172.                         </p>
  173.                     </div>
  174.                     <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
  175.                         <h6 class="text-uppercase fw-bold mb-4">Get in Touch</h6>
  176.                         <p class="my-1">We are in San Francisco, Milan and Turin.</p>
  177.                         <p class="my-1">
  178.                             <a href="mailto:[email protected]">[email protected]</a>
  179.                         </p>
  180.                     </div>
  181.                 </div>
  182.             </div>
  183.         </footer>
  184.     </div>
  185. </div>
  186. </body>
  187. </html>