index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Globemallow - Internet Sustainability</title>
    <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
    <meta charset="UTF-8">
    <meta name="description" content="Create a more sustainable internet.">
    <meta name="keywords" content="Globemallow, Sustainability, Internet">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="stylesheet.css">
</head>
    
<body>

       
<div class="topnav">
    
    <a class="leftNav" id="iconGB" href="#home"><picture><img src="images/gm_icon_orng2.svg" loading="lazy" alt="Globemallow logo"></picture></a>

    <a id="bizname" class="leftNav" href="#home">Globemallow</a>

    <div id='rightNavBar'>
          
        <a id="aaLink" href="#analytics&adblocker">Analytics &amp; Ad Blocker</a>
        <a id="aboutLink" href="#about">About</a>

    </div>
    
</div>
    
<div id="homeDiv">
    
<div id='heroDiv'>
    <p id="heroText">Start Creating a More Sustainable Internet</p> 
</div> 
    
<div id='heroDescDiv'>
     <p id="heroDescText">Globemallow is a powerful free tool enabling you to design and develop greener, more eco friendly webpages and reduce your digital footprint.</p> 
</div> 
    
 <div id='gmButtons'>
     
     <button id='chromeButton' onclick="location.href='https://chrome.google.com/webstore/detail/globemallow/jibhiolaefbcfiahgolfpmngjefngdmd'"><picture><img id='chromeImg' src="images/chromeIcon.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
    <span class='chromeButtonText'>
    Add to Chrome</span>
    </button>
     
     
     <button id='edgeButton' onclick="location.href=https://microsoftedge.microsoft.com/addons/detail/globemallow/nbdlhghpkjhadffcigbopbbpdflcgnhc'"><picture><img id='chromeImg' src="images/microsoft-edge.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
    <span class='chromeButtonText'>
    Add to Edge</span>
    </button>

</div>
    
    
<div id='badgeDiv'>
    
    <div id='rectangleDiv'>

         <picture><img id='sustainBadge' src="images/BadgeColor.svg" style='height:168px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension"></picture>

        <div id='badgeDesc'>

        <p id='badgeTitle'>Get the Badge</p>

        <p id='badgeTitleDesc'>Already have a green website? <a href="https://forms.gle/MYEmrqYLmiqGSc4P8" target="_blank">Click here</a> to get a badge to display on your site to promote your sustainable credentials.</p>

        </div>

    </div> 
</div>
    
<div id='factContainer'>
    <div id='factContainerLeft'>
        
        <p class='factNum'>01</p>
        <p class='factFact'>The global <span class='highlightFactText'>Co2 emissions</span> produced by by the internet is equal to that of the <span class='highlightFactText'>airline industry.</span></p>
        <p id='threeFact' class='factNum'>03</p>
        <p class='factFact'>If the internet was a country it would be the <span class='highlightFactText'>7th largest</span> carbon producer.</p>
    </div>
    
    
    <div id='factContainerRight'>
     
        <p id='twoFact' class='factNum'>02</p>
        <p class='factFact'>The internet accounts for <span class='highlightFactText'>3.8%</span> of global Co2 emissions and the percentage is rising.</p>
        <p id='fourFact' class='factNum'>04</p>
        <p class='factFact'><span class='highlightFactText'>5 billion</span> people are using the internet every day, and the number is increasing.</p>

    </div>
  
</div>
    
<div id='measuredDiv'>
    
    <div id='susMethodDiv'>
    
    <p id='howSusMeasureID'>How is Sustainability Measured?</p>
    
    </div>
   
    <div id='recEnergyContainer'>
     
        <div id='recEnergyDiv'>
            
            <p id='energyText'>Energy</p>
            
            <picture><img id='lighteningBoltImg' src="images/lighteningBoltEnergy.png" style='height:175px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            
            <p id='energyTextDesc'>The main factor that is considered when measuring the sustainability of a website is the electricity consumption of bytes transfered.</p>
  
        </div>
    </div>
    
    <div id='arrowDiv'>
        
        <div id='lineArrowDiv'></div>

        <p><i class="arrow"></i></p>

    </div>
    
        <div id='recCo2Container'>
     
        <div id='recCO2Div'>
            
            <p id='co2Text'>CO2</p>
            
            <picture><img id='co2Img' src="images/cloudEnergy.png" style='height:150px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            
            <p id='energyTextDesc'>The energy consumption can then be used to calculate an estimated carbon footprint for the specific site.</p>
  
        </div>
    </div>
</div>
    
    
    
    

<div id='whatIsDiv'>
    
    <div id='whatIsTitleDiv'>
    
    <p id='whatIsID'>What is Globemallow?</p>
        
    </div>
    
    <div id='whatIsTextContainer'>
        
        <div id='whatIsGMDiv'>
    
        <div id='whatIsContainer'> 
            <p>A Browser Extension That Produces Detailed Sustainability Reports</p>
        </div>
        <div id='whatIsDescContainer'> 
            <p>How do you know if the website that you are creating is sustainable? That's where we come in. Globemallow creates in-depth reports on the energy consumption and estimated carbon output of any page on the web.</p>
        </div>
            
        </div>
        
    </div>
    
        <div id='recCo2Container'>
     
        <div id='recCO2Div'>
            
            
            <picture><img id='co2Img' src="images/sustainabilityScore.svg" style='height:400px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            
  
        </div>
    </div>
    

</div>
  
<div>   
    <div id='whyUseHeaderDiv'>
        <p id='whyUseHeader'>Why Use Globemallow?</p>     
    </div>
     <div id='whyContainer'>
        <div id='factContainerLeft'>
            
            <div class='whyHeightDiv'>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:630px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>
            
            <div class='whyHeightDiv'> 
                <p class='whyHeader'>Detailed Reports</p>   
                <p class='whyDesc'>Reports give a detailed breakdown of elements of the page and how they are contributing to the power consumption and overall digital footprint of the site.</p>
            </div>
            
            <div class='whyHeightDiv'>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:630px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>
            
            <div class='whyHeightDiv'> 
                <p class='whyHeader'>Suggested Improvements</p>
                <p class='whyDesc'>Suggestions are made for each element to enable designers and developers to quickly see where their sites are excelling or falling short.</p> 
            </div>
        </div>


        <div id='factContainerRight'>
            
            <div class='whyHeightDiv'>
                <p class='whyHeader'>Extension Format</p>   
                <p class='whyDesc'>The browser extension format allows the reports to be viewed directly in the page that you are interested in. No need to open another tab or window.</p>    
            </div>
            
            <div class='whyHeightDiv'>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:630px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>
            
            <div class='whyHeightDiv'>
                <p class='whyHeader'>Sustainability Grade</p>   
                <p class='whyDesc'>A grade based on all the elements calculated is given to each site tested to quickly see the overall digital footprint.</p>
            </div>
            
            <div class='whyHeightDiv'>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:630px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>

        </div>
    </div>
</div>   
    
<div id='gradeCalculatedDiv'> 
    <div class="row">
      <div class="column1" >
      </div>
      <div class="column2">
        <div id='pointsDiv'>
            <p id='whatIsID'>How is the Sustainability <br>Grade Calculated?</p>
        </div>
        <p id='gradeCalcText'>Globemallow tests several different elements on each page that play a part in the total energy usage of a given site, as well as other factors that contribute to sustainable practices. Here are a few of the elements we test:</p>
          
        <div id='rectangleMetrics'>
            <div class='rectMetFlex'>
                <div>
                    <p class='metricHead'>Page Weight</p>
                    <p>The total size of the page uploaded to the server.</p>
                </div>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:200px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>
        </div>
        <div id='rectangleMetrics'>
            <div class='rectMetFlex'>
                <div>
                    <p class='metricHead'>Background Color</p>
                    <p>Darker backgrounds consume less energy.</p>
                </div>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:200px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>
        </div>
        <div id='rectangleMetrics'>
            <div class='rectMetFlex'>
                <div>
                    <p class='metricHead'>Image Format and Size</p>
                    <p>Certain formats are more energy intensive than others.</p>
                </div>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:200px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>
        </div>
        <div id='rectangleMetrics'>
            <div class='rectMetFlex'>
                <div>
                    <p class='metricHead'>Green Hosting</p>
                    <p>Hosting that uses renewable energy sources score higher.</p>
                </div>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:200px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>
        </div>
        <div id='rectangleMetrics'>
            <div class='rectMetFlex'>
                <div>
                    <p class='metricHead'>Redirects</p>
                    <p>Redirects consume unnecessary energy.</p>
                </div>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:200px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>
        </div>
          
      </div>
      <div class="column1">
      </div>
    </div>   
</div>  

    
<div id='recoDiv'>
    
    <div id='recoHeadDiv'>
        
        <div id='testypoo'>

        <p id='recoHeaderID'>See what industry professionals are saying about Globemallow</p>
            
        </div>

    </div>
   
    <div id='recoContainer'>
     
        <div id='recRectDiv'>
            
            <div id='slideshow-content'>
                
                <div class="slideshow-container">

                  <!-- Full-width images with number and caption text -->
                  <div class="mySlides fade">
                    <div class='quoteID'>
                        <p>"As a sustainable webdesigner this is the extension I choose. Great algorithm for calculating the grade: Not just page-weight like the other extensions but also Javascript usage and many more. Just awesome!"</p>
                    </div>
                    <p class='name'>Gerrit Schuster</p>
                    <p class='job'>Web Developer / Designer</p>
                  </div>

                  <div class="mySlides fade">
                    <div class='quoteID'>
                        <p>"When it comes to thinking sustainably, Globemallow has been an absolute blessing. It helps me realize the little things that I can do to reduce my carbon footprint. I like the quick and easy to understand sustainability grade along with suggestions to improve my grade. Highly recommended extension for anyone looking to be more conscious about their daily footprint!"</p>
                    </div>
                    <p class='name'>Bobby Smollack</p>
                    <p class='job'>Solution Design Engineer</p>
                  </div>

                  <div class="mySlides fade">
                    <div class='quoteID'>
                        <p>"This is a great extension that adds value in decision making while browsing. I love having something simple and omnipresent with important information to consider when choosing between similar sites and tools online."</p>
                    </div>
                    <p class='name'>Andrew Martin</p>
                    <p class='job'>Cloud Developer</p>
                  </div>

                </div>

                <!-- The dots/circles -->
                <div id='dotDiv' style="text-align:center">
                  <span class="dot" onclick="currentSlide(1)"></span>
                  <span class="dot" onclick="currentSlide(2)"></span>
                  <span class="dot" onclick="currentSlide(3)"></span>
                </div>

            </div>
        </div>
    </div> 
    
</div> 
    
<div id='addDiv'> 
    
    <div id='addTextDiv'>
        
    <p id='browserChoiceTxt'>Add Globemallow to the browser of your choice and start taking part in creating a greener, more sustainable internet.</p>
    </div>   
</div>   
    
<div id='gmButtons'>
     
    <button id='chromeButton' onclick="location.href='https://chrome.google.com/webstore/detail/globemallow/jibhiolaefbcfiahgolfpmngjefngdmd'"><picture><img id='chromeImg' src="images/chromeIcon.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
        <span class='chromeButtonText'>
      Add to Chrome</span>
      </button>


    <button id='edgeButton' onclick="location.href=https://microsoftedge.microsoft.com/addons/detail/globemallow/nbdlhghpkjhadffcigbopbbpdflcgnhc'"><picture><img id='chromeImg' src="images/microsoft-edge.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
        <span class='chromeButtonText'>
      Add to Edge</span>
      </button>

</div>   
    
    
<div id='badgeDivLower'>
    <div id='rectangleBtmDiv'>
         <picture><img id='sustainBadge' src="images/BadgeColor.svg" style='height:210px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension"></picture>
            <div id='badgeDesc'>
                <p id='badgeTitleLower'>Want the Badge?</p>
                <p id='badgeTitleDescLower'>Fill out the form to apply for your Globemallow A+ rating badge to display on your site.</p>
                    <button id='applyButton' onclick="location.href=https://microsoftedge.microsoft.com/addons/detail/globemallow/nbdlhghpkjhadffcigbopbbpdflcgnhc">Apply Here</button>
            </div>
    </div> 
</div>    
    
    
    
    
<!-- ////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\
////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\
///////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\ 
////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\
////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\
///////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\-->
    
    
    
    
        <div id='aahHeroDiv'>
            <p id="aaHeroText">Protect your Privacy and Decrease Page Load Time</p> 
        </div> 

        <div id='aaHeroDescDiv'>
             <p id="aaHeroDescText">A browser extension that preserves your privacy. In an age when your data is monetized you should have the ability to maintain your privacy while using the internet</p> 
        </div> 

         <div id='aaBButtons'>

             <button id='chromeButton' onclick="location.href='https://chrome.google.com/webstore/detail/globemallow/jibhiolaefbcfiahgolfpmngjefngdmd'"><picture><img id='chromeImg' src="images/chromeIcon.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            <span class='chromeButtonText'>
            Add to Chrome</span>
            </button>
             
             <button id='edgeButtonAA' onclick="location.href='https://microsoftedge.microsoft.com/addons/detail/globemallow/nbdlhghpkjhadffcigbopbbpdflcgnhc'"><picture><img id='chromeImg' src="images/microsoft-edge.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            <span class='chromeButtonText'>
            Add to Edge</span>
            </button>
             
            <button id='safariButton' onclick="location.href='https://microsoftedge.microsoft.com/addons/detail/globemallow/nbdlhghpkjhadffcigbopbbpdflcgnhc'"><picture><img id='chromeImg' src="images/safariIcon.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            <span class='chromeButtonText'>
            Add to Safari</span>
            </button>

        </div>
    
    
<div id='measuredDivAA'>
    <div class='aaSquareContainer'>

        <div class='aaSquareDiv'>

            <p id='energyText'>3,000+</p>

            <p id='energyTextDescAA'><span class='highlightFactText'>Rules </span>keeping trackers and ads from collecting your data.</p>

        </div>
    </div>

    <div id='arrowDiv'>

        <div id='lineArrowDiv'></div>

    </div>
    <div class='aaSquareContainer'>

        <div class='aaSquareDiv'>

            <p id='co2Text'>2X Faster</p>

            <p class='highlightFactText' id='energyTextDescAA'>Webpage load times</p>
            <p id='energyTextDescAA'>vs unblocked browsing.</p>

        </div>
    </div>
    <div id='arrowDiv'>

        <div id='lineArrowDiv'></div>

    </div>
    <div class='aaSquareContainer'>
        <div class='aaSquareDiv'>

            <p id='co2Text'>Reports</p>

            <p id='energyTextDescAA'>Detailed reports breaking down</p>
            <p  class='highlightFactText' id='energyTextDescAA'>what is being blocked.</p>

        </div>
    </div>
</div> 
    
<div>
     <div id='whyContainer'>
        <div id='factContainerLeft'>
            
            <div class='whyHeightDiv'>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:630px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>
            
            <div class='whyHeightDiv'> 
                <p class='whyHeader'>Detailed Reports</p>   
                <p class='whyDesc'>Reports give a detailed breakdown of elements of the page and how they are contributing to the power consumption and overall digital footprint of the site.</p>
            </div>
        </div>


        <div id='factContainerRight'>
            
            <div class='whyHeightDiv'>
                <p class='whyHeader'>See What's Been Blocked</p>   
                <p class='whyDesc'>The browser extension format allows the reports to be viewed directly in the page that you are interested in. No need to open another tab or window.</p>    
            </div>
            
            <div class='whyHeightDiv'>
                <picture><img class='whyImg' src="images/sustainabilityScore.svg" style='width:630px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            </div>

        </div>
    </div>
</div>    
    
 <div id='aahHeroDiv'>
    <p id="aaHeroText">Add Analytics &amp; to your browser of choice to start protecting your data now.</p> 
</div> 

<div id='aaBButtons'>

    <button id='chromeButton' onclick="location.href='https://chrome.google.com/webstore/detail/globemallow/jibhiolaefbcfiahgolfpmngjefngdmd'"><picture><img id='chromeImg' src="images/chromeIcon.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
        <span class='chromeButtonText'>
            Add to Chrome</span>
    </button>
             
     <button id='edgeButtonAA' onclick="location.href='https://microsoftedge.microsoft.com/addons/detail/globemallow/nbdlhghpkjhadffcigbopbbpdflcgnhc'"><picture><img id='chromeImg' src="images/microsoft-edge.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            <span class='chromeButtonText'>
            Add to Edge</span>
      </button>
             
      <button id='safariButton' onclick="location.href='https://microsoftedge.microsoft.com/addons/detail/globemallow/nbdlhghpkjhadffcigbopbbpdflcgnhc'"><picture><img id='chromeImg' src="images/safariIcon.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            <span class='chromeButtonText'>
            Add to Safari</span>
       </button>

</div>   
    
    
    

   
 <!--<div id='gmDIV'>   
   <div class='titleLogoDiv'>
    <picture><img  class='titleLogo' src="images/gm_icon_orng2.svg" loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension"></picture>
   <p id = 'aa_title_btm3' class="hero-head">Globemallow</p>
    
    </div>  
    -->
    
<!--<div class='infoImg' >
 <div id='gmText'>
 <p id='head1'>Created for Designers</p>
 <p id='reportTitle'>Reports for Creating<br>Sustainable Websites</p>
 <p >Get reports on each webpage from a sustainable Development<br>and Design best practice perspective. You'll be able to create webpages<br>for yourself and clients for a more sustainable internet.</p>
 </div>-->


 <!--<picture><img id='reportImg' loading="lazy" alt="Globemallow C02 emissions and web development sustaibility reports" src="images/sustainabilityScore.svg"></picture>

   </div>-->
     
<!--<div id='gmImg'>
      <picture><img id='reportImg1' loading="lazy" alt="Globemallow C02 emissions and web development sustaibility reports" src="images/comparisonReportImg.svg"></picture>
     <picture><img id='reportImg2' loading="lazy" alt="Globemallow C02 emissions and web development sustaibility reports" src="images/sustainabilityGradeMetrics.svg"></picture>
</div>-->
     
<!--    </div>  -->
 <!--<div class='buttonDiv_btm2'>
    
<div class="GMButton">
<button id="addChromeG" onclick="location.href='https://chrome.google.com/webstore/detail/globemallow/jibhiolaefbcfiahgolfpmngjefngdmd'"><picture><img id="chromeIcon" src="images/chromeIcon.webp" loading="lazy" alt="Analytics and Ad Blocker add to Chrome browser"></picture>
    <span id="buttonText">
  Add to Chrome</span>
  </button>
  </div>

<div class='edgeClass' class="EdgeButton">
<button id="addEdgeG" class='edgeLowerButtons' onclick="location.href='https://microsoftedge.microsoft.com/addons/detail/globemallow/nbdlhghpkjhadffcigbopbbpdflcgnhc'"><picture><img id="edgeIcon" src="images/microsoft-edge.webp" loading="lazy" alt="Analytics and Ad Blocker add to Edge browser"></picture>
    <span id="buttonText">
  Add to Edge</span>
  </button>
  </div>
 </div> 
</div> 
    
     
  <div class='titleLogoDiv'>
    <picture><img class='titleLogo' src="images/aa_icon_blue2.svg" loading="lazy" alt="Analytics and Ad Blocker Logo"></picture>
   <p id='aa_title_btm1' class="hero-head">Analytics &amp; Ad Blocker</p> 
 </div>
  
<div id='aaDiv'> 
    
<div id='aaHeroContent'>
    
<div id='aaDesc'>
<p id='aa1'>Protect your Privacy</p>
<p id='aa2'>A Browser Extension that Protects Your Privacy</p>
<p id='aa3'>In an age where your data is monetized you should have the ability to retain your privacy while browsing the internet.</p>
</div>
    
 <canvas
      id="cobe"
      style="width: 500px; height: 500px;"
      width="1000"
      height="1000"
    ></canvas>

    <script type="module">
      import createGlobe from "https://cdn.skypack.dev/cobe";

      let phi = 0;
      let canvas = document.getElementById("cobe");

      const globe = createGlobe(canvas, {
        devicePixelRatio: 2,
        width: 1000,
        height: 1000,
        phi: 0,
        theta: 0,
        dark: 0,
        diffuse: 1.2,
        scale: 1,
        mapSamples: 16000,
        mapBrightness: 6,
        baseColor: [1, 1, 1],
        markerColor: [1, 0.5, 1],
        glowColor: [1, 1, 1],
        offset: [0, 0],
        markers: [
          { location: [37.7595, -122.4367], size: 0.03 },
          { location: [40.7128, -74.006], size: 0.1 }
        ],
        onRender: (state) => {
          // Called on every animation frame.
          // `state` will be an empty object, return updated params.
          state.phi = phi;
          phi += 0.01;
        }
      });
    </script>
  </div>      
    
 <div class="row">
  <div class="column" >
    <div id='pointsDiv'>
    <p class='borderAA'>|</p>
    <p id='aaPoints1'>3,000+</p>
    </div>
    <p id='detailsAA1'>The amount of Rules keeping <br> trackers and ads from collecting data.</p>
  </div>
  <div class="column">
    <div id='pointsDiv'>
    <p class='borderAA'>|</p>
    <p id='aaPoints2'>Webpage Load Times 2x Faster</p>
    </div>
    <p id='detailsAA2'>Notice a significant increase <br> in page load time.</p>
  </div>
  <div class="column">
    <div id='pointsDiv'>
    <p class='borderAA'>|</p>
    <p id='aaPoints3'>Reports</p>
    </div>
    <p id='detailsAA3'>Get free reports on each site <br> showing what's been blocked.</p>
  </div>
</div>-->
    
    
<!--  </div>   
    
<div class='buttonDiv_btm1' id='btm_AA_btn'>
    
<div class="GMButton">
<button id="addChromeG" onclick="location.href='https://chrome.google.com/webstore/detail/analytics-ad-blocker/fapldghopmonkbgaaiinpeopokpkhbmk?hl=en'"><picture><img id="chromeIcon" src="images/chromeIcon.webp" loading="lazy" alt="Analytics and Ad Blocker add to Chrome browser"></picture>
    <span id="buttonText">
  Add to Chrome</span>
  </button>
  </div>

<div class='edgeClass'>
<button id="addEdgeG" class='edgeLowerButtons' onclick="location.href='https://microsoftedge.microsoft.com/addons/detail/analytics-ad-blocker/aefflmbddeelichjblegdiofcnheglho'"><picture><img id="edgeIcon" src="images/microsoft-edge.webp" loading="lazy" alt="Analytics and Ad Blocker add to Edge browser"></picture>
    <span id="buttonText">
  Add to Edge</span>
  </button>
  </div>
    
<div class="safariButton">
<button id="addSafari-btm"  onclick="location.href='https://apps.apple.com/app/analytics-ad-blocker/id1641772773'"><picture><img id="safariIcon" src="images/safariIcon.webp" loading="lazy" alt="Analytics and Ad Blocker add to Edge browser"></picture>
    <span id="buttonText">
  Add to Safari</span>
  </button>
  </div>
 </div>-->
    
    
 </div >
<!-- Homepage Div--> 

    
<!--////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    
////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    
/////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    
////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    
////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    
/////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\-->
    
    
    
<!-- Analytics & Ad Blocker Div-->    
<div id="aaBDiv" style = "display: none">
    <div class="aaB">
        
        <!-- <div id='heroDiv'>
            <p id="heroText">Protect your Privacy and Descrease Page Load Times</p> 
        </div> 

        <div id='heroDescDiv'>
             <p id="heroDescText">A browser extension that preserves your privacy. In an age when your data is monetized you should have the ability to maintain your privacy while using the internet</p> 
        </div> 

         <div id='gmButtons'>

             <button id='chromeButton' onclick="location.href='https://chrome.google.com/webstore/detail/globemallow/jibhiolaefbcfiahgolfpmngjefngdmd'"><picture><img id='chromeImg' src="images/chromeIcon.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            <span class='chromeButtonText'>
            Add to Chrome</span>
            </button>
             
             <button id='edgeButton' onclick="location.href='https://microsoftedge.microsoft.com/addons/detail/globemallow/nbdlhghpkjhadffcigbopbbpdflcgnhc'"><picture><img id='chromeImg' src="images/microsoft-edge.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            <span class='chromeButtonText'>
            Add to Edge</span>
            </button>

             <button id='safariButton' onclick="location.href='https://apps.apple.com/app/analytics-ad-blocker/id1641772773'"><picture><img id='chromeImg' src="images/safariIcon.webp" style='height:45px' loading="lazy" alt="Globemallow C02 emissions and sustaibility report extension for Chrome Browser"></picture>
            <span class='chromeButtonText'>
            Add to Safari</span>
            </button>

        </div>-->


    </div>
</div>    
    

<!-- Privacy Div-->    
<div id="privacyDiv" style = "display: none">
    
<div class="privacy">
    <h1>Privacy Policy</h1>
    <p id='thanksVisting'>Thanks for visiting globemallow.io.</p>
    <p>This privacy policy explains the what, how, and why of the personally identifying Information we collect when you visit the website located at www.globemallow.io (the “Site”) and when you use the Globemallow.io extensions and services (“Services”) and includes Personal Information collected via email, SMS, telephone, WAP or other means. It also explains the specific ways we use and disclose that information. By using or accessing the Site or Services, you are accepting the practices described in this Privacy Policy, and you are consenting to our processing of your information as described below.</p>
    <p>This policy is effective as of 11/10/2021 and was last updated 01/07/2023.</p>
    <h3>Information we collect</h3>
    <h4>Browse Extensions</h4>
    <p>No visitor information is ever logged. Period.</p>
    <p>Browsers may show a warning sign because the Globemallow.io extension reads some code snippets from the websites you visit. It allows the extension to reveal technologies / development methodologies used on websites you visit.</p>
   <h4>Website</h4>
    <p>If you are a Visitor, Globemallow.io collects information on your use of our Site, such as pages visited, links clicked, non-sensitive text entered, and mouse movements, as well as information more commonly collected such as the referring URL, browser, operating system, cookie information, and Internet Service Provider (“Usage Data”). Globemallow.io’s purpose in collecting Usage Information is to better understand how Globemallow.io’s Visitors use the Site. Globemallow.io does not use the Usage Information to identify its Visitors and does not disclose the Usage Information other than under the circumstances described in this Privacy Policy.</p>
    <p>As a Visitor, Globemallow.io collects potentially personally identifying information like Internet Protocol (or “IP”) addresses (“Potential PII”). Also, you may choose to interact with the Site that results in your providing Personal Information to Globemallow.io, such as giving us your name, email address, user name and password when signing up for a free trial of the Services or creating an account to post comments to the Globemallow.io blog or social media sites, etc. You should be aware that any information you provide in the Globemallow.io blog or social media areas may be read, collected, and used by others who access them.</p>
    <p>We only collect Personal Information that is reasonable or necessary to accomplish the purpose of your interaction with Globemallow.io as a Visitor. You may choose not to provide this information but you need to understand that as a result, you may not be able to engage in certain activities on the Site. Any Personal Information provided by you as a Visitor to the Site will be used only as described in this Privacy Policy and Globemallow.io’s Acceptable Use Policy located at our website.</p>
    <p>If you are a Customer of Globemallow.io, when you signed up for the Services, you entered into an agreement with Globemallow.io to accept Globemallow.io’s terms of use of the Services, which includes the obligations in this Privacy Policy and our Acceptable Use Policy (“Agreement”). As part of your use of the Services, we collect the same information as that of a Visitor above and may ask you for additional information such as payment information, usage data in relation to the Services and other information we deem relevant for the purpose of providing the Services.</p>
    <p>Globemallow.io may use your information and data as agreed to in the Agreement and to:</p>
    <ul class="bullet"><li>Process transactions between you and Globemallow.io.</li>
    <li>Send e-mails about our Site or respond to inquiries.</li>
        <li>Send e-mails and updates about the Globemallow.io Services, including newsletters.</li><li>Provide support for the Globemallow.io Services.</li>
        <li>Enhance or improve user experience, our Site, or Globemallow.io Services.</li>
        <li>Monitor data to ensure that it complies with your contractual obligations to us.</li><li>Perform any other function that we believe in good faith is necessary to protect the security or proper functioning of our Site or the Globemallow.io Services.</li>
        <li>With your prior consent, we may post your personal testimonials along with those of other satisfied customers on our Site in addition to other endorsements.</li></ul>
   <p>The information we collect from a Customer is disclosed only in accordance with the Agreement and this Privacy Policy and the Acceptable Use Policy.</p>
<h4>Right to Access, Edit, and Remove Your Information</h4>
    <p>You have a right to access personal information we hold about you. Whenever you use our Site or Globemallow.io Services, we strive to make sure that the Personal Information is correct. If that information is wrong, we give you ways to update it quickly or to delete it – unless we have to keep that information for legitimate business or legal purposes. When updating your Personal Information, we may ask you to verify your identity before making any changes. We may reject requests that are unreasonably repetitive, require disproportionate technical effort (for example, developing a new system or fundamentally changing an existing practice), risk the privacy of others, or would be extremely impractical (for instance, requests concerning information residing on backup systems). Where we can provide information access and correction, we will do so for free, except where it would require a disproportionate effort. Because we protect information from accidental or malicious destruction, even after information is deleted from the Globemallow.io Services, it may not be immediately deleted from Globemallow.io’s servers. To request removal of your Personal Information from our Site, Services, blog or social media, contact us at help.globemallow [at] gmail.com. In some cases, we may not be able to remove your Personal Information, in which case we will let you know if we are unable to do so and why.</p>
    <p>Although we will do our best to protect the personal information you provide to us, we advise that no method of electronic transmission or storage is 100% secure, and no one can guarantee absolute data security. We will comply with laws applicable to us in respect of any data breach.</p>
    <p>If a User interacts with one of our Customers and the User seeks to access, or correct, amend, or delete inaccurate data or no longer wants to be contacted by one of our Customers, the User should direct its inquiry to the Customer because the Customer is the data controller.</p>
    <h4>Disclaimer Google Analytics</h4>
    <p>This website uses Google Analytics, a web analytics service provided by Google, Inc. ("Google"). Google Analytics uses "cookies", which are text files placed on your computer to help the website analyse how visitors use the site. The information generated by the cookie about your use of the website (including your IP address) will be transmitted to and stored by Google on servers. Google will use this information for the purpose of evaluating your use of the website, compiling reports on website activity for website operators and providing other services relating to website activity and internet usage. Google may also transfer this information to third parties where required to do so by law, or where such third parties process the information on Google's behalf. Google will not associate your IP address with any other data held by Google. You may refuse the use of cookies by selecting the appropriate settings on your browser, however please note that if you do this you may not be able to use the full functionality of this website. By using this website, you consent to the processing of data about you by Google in the manner and for the purposes set out above.</p>
    <h3>Security Measures</h3>
    <p>We take measures to enhance the security of our Site and the Globemallow.io Service. These measures include using SSL Certificates. It is important for you to protect against unauthorized access to your password and to your computer. No security measures are perfect and we cannot promise that the information about you will remain secure in all circumstances.</p>
    <h3>Do Not Track Signal</h3>
    <p>We treat the data of everyone who comes to our site in accordance with this Privacy Policy, whatever their Do Not Track setting.</p>
    <h3>Children</h3>
    <p>We do not aim any of our products or services directly at children under the age of 13, and we do not knowingly collect personal information about children under 13.</p>
    <h3>How Globemallow.io Collects Information?</h3>
    <p>Cookies are small data files placed on your computer by the websites you visit and the emails you read and can be used to help recognize you when you return to a website, or when you visit other sites. We, or third party service providers, may use cookies to, among other things, measure activity, personalize your experience, remember your viewing preferences, or track your status or progress when accessing our site. For some of these purposes, our cookies may be tied to Personal Information and/or Potential PII. In particular, the Globemallow.io Services use first-party cookies to maintain a coherent scope for a user session across multiple pages on a single website. These cookies do not track the same user across unrelated domains and, as described above, attempts to infer identity across domains is strictly prohibited.</p>
    <p>Local Storage is a standard facility provided by HTML5-compliant browsers used to retain data on your computer across visits to the same website. We use local storage as a temporary holding area for user events that were observed locally but, due to the timing of a page unload, were unable to be transmitted as part of the user session. Return visits to the same website read and transmit events previously stored in local storage to complete previously recorded sessions.</p>
    <p>This information may in the aggregate identify a User, however we will not identify a User as they browse the web if the User turns off cookies, as explained below.</p>
    <p>Globemallow.io does not and will not ever attempt to identify the same person across disparate, unrelated domains. It is a violation of our Acceptable Use Policy for our customers to attempt to build multi-site user profiles for the intent of selling or exchanging lists of users or demographic information.</p>
    <h3>Your Rights and Controlling Your Personal Information</h3>
    <p>You always retain the right to withhold personal information from us, with the understanding that your experience of our website may be affected. We will not discriminate against you for exercising any of your rights over your personal information. If you do provide us with personal information you understand that we will collect, hold, use and disclose it in accordance with this privacy policy. You retain the right to request details of any personal information we hold about you.</p>
    <p>If we receive personal information about you from a third party, we will protect it as set out in this privacy policy. If you are a third party providing personal information about somebody else, you represent and warrant that you have such person’s consent to provide the personal information to us.</p>
    <p>If you have previously agreed to us using your personal information for direct marketing purposes, you may change your mind at any time. We will provide you with the ability to unsubscribe from our email-database or opt out of communications. Please be aware we may need to request specific information from you to help us confirm your identity.</p>
    <p>If you believe that we have breached a relevant data protection law and wish to make a complaint, please contact us using the details below and provide us with full details of the alleged breach. We will promptly investigate your complaint and respond to you, in writing, setting out the outcome of our investigation and the steps we will take to deal with your complaint. You also have the right to contact a regulatory body or data protection authority in relation to your complaint.</p>
    <h3>Blocking Cookies</h3>
    <p>If you choose, you can set your browser to reject cookies or you can manually delete individual or all of the cookies on your computer by following your browser’s help file directions. Note that turning off cookies may also disable functions of many websites you visit. If your browser is set to reject cookies or you manually delete cookies, Globemallow.io will not be able to coalesce your anonymous user identity automatically into sessions across pages on the same website.</p>
    <h3>Limits of Our Policy</h3>
    <p>Our website may link to external sites that are not operated by us. Please be aware that we have no control over the content and policies of those sites, and cannot accept responsibility or liability for their respective privacy practices.</p>
    <h3>Changes</h3>
    <p>We may amend this Privacy Policy from time to time. When there are changes to this Privacy Policy, we will update this page. The date above will always indicate when we last made changes. If you are a visitor to this Site and disagree with the Privacy Policy, you should leave the Site and/or cancel your agreement with Globemallow.io.</p>
    <h3>What If I Have Questions or Concerns?</h3>
    <p>If you have any questions or concerns regarding privacy when using Globemallow.io, please send us a detailed message to help.globemallow [at] gmail.com</p>
    <h3>Contact Us</h3>
    <p>For any questions or concerns regarding your privacy, you may contact us using the following details: help.globemallow [at] gmail.com</p>
    <p>Or, contact us through your respective Browser Web Store.</p>
    </div>
    
    
</div>
    
<!-- AboutDiv-->    
<div id="aboutDiv" style = "display: none">
     
<div class="about">
    
  <h3>Globemallow and its products were created with 1 goal in mind.</h3>
  <h2>Lower the carbon footprint of the internet.</h2>
  <h3>I hope it helps you do that.</h3>
    <br>
    <br>
<p>If Globemallow has helped you, please consider donating.</p>
    
    
</div>
</div>
    
<!-- Terms Div-->    
<div id="termsDiv" style = "display: none">
     
<div class="terms">

    <h1>Terms</h1>
     <p id='thanksVisting'>Thanks for visiting globemallow.io.</p>
    <p>Globemallow and Analytics &#38; Ad Blocker (hereinafter referred to as 'The Product’) is a facility provided by Globemallow.io LLC (hereinafter referred to as 'The Company'). The terms of this policy apply when you access Globemallow's website, extensions, platform, widgets, and/ or any other interactive feature; however accessed including computer, tablet, mobile device or any other technology and whether as a registered user or a guest.</p>
    <p>The product is provided through World Wide Website sited at https://www.globemallow.io and the terms and conditions as set out below will govern user's usage of this product and users shall be legally bound by these terms and conditions.</p>
    <p>The rules as detailed shall also apply to all the information, manuscripts, graphics, links of different products, any other publicly made available resources on The product by means of uploading, downloading or emerging thereof on The product and also including but not restricting to the information users share by purchasing and providing a link to the third party vendor with the Company.</p>
    <p>Please refrain yourself from using or accessing this product or any data/ information/ material stored/ presented on this product, in case you do not agree with any of the terms listed below. User's use of this product whether frequent or not shall be deemed to be his/ her acceptance to all the terms and conditions listed below.</p>
    <p>The company holds and reserves the right to change/ update/ revise these terms at any time with or without any prior notice to the users. Users will be notified of any revision/ update or change in the terms by way of uploading the revised terms on the company's website https://www.globemallow.io . It is the responsibility of the users to check and read the terms at regular interval on the company's website as mentioned above. In absence of any communication otherwise, it shall be deemed that the users consent to abide by the revised terms.</p>
<h3>General Restrictions on Using the Product</h3>
    <p>The company and all the parties authorised by the company thereof reserve all the rights on the data, information, documents, products, products, software and images presented on The product offered by the company including and not restricted to the company's logo, trademarks, graphics and any images thereof (collectively hereinafter referred to as 'the content').</p>
    <p>It’s solely users responsibility to use our product, provide any information publicly, post any of the personal information, provide any confidential information, use any personal pictures, post links to other websites on The product and/ or be responsible for any repercussions thereof. The content so made available on The product in the ways including but not restricting to posting and displaying the content on The product may be made publicly available to other authorised users of this product and/ or may even be used by any other third party so authorised by the company for further processing. It is the responsibility of the users to only share the information on this product that they are willing to share with wider public at large. It is strongly recommended by the company that users should not share any such piece of valuable information that they are not comfortable sharing with mass. The company does not have any liability for sharing any personal information of its users with public which users made available on the product.</p>
    <p>The product is for users of legal age and who can enter into a binding contract. The product is not for any person who is barred from receiving products under the laws and statutes of any  jurisdiction as applicable and as amended from time to time. This product shall be used only in compliance with these terms and conditions as listed and also in accordance with all the applicable international, national, regional and local laws, jurisdictions, rules and regulations.</p>
    <p>The products offered by the company may evolve continuously and the nature and manner of the products provided by the company may change from time to time without any prior notice to the users. It is at the discretion of the company to terminate any product or stop it (whether for temporary period or for the permanent use), may delete, prohibit or not allow any features provided by any of the products to any particular user or a group of users or to all the users thereof without any prior notice to its users. In cases stated above the company does not have any liability whatsoever and the company retains the right to determine the future use of any product or any of its features thereof.</p>
    <p>It is the sole responsibility of the users to protect and not share their user name and/ or password used for accessing this product. The users are responsible for any malicious activities, actions or any act thereof under their account whether or not such activities or actions were carried out or authorised by the users. The company strongly recommends to all its users to make use of robust passwords. The users shall immediately notify the company in case of any unauthorised use or suspicion of unauthorised use of their passwords or accounts thereof. The company will not stand liable for any kind of loss or damage faced by any user due to his/ her failure to comply with the terms and requirements so mentioned above.</p>
    <h3>Third Party Content</h3>
    <p>The company does not take the responsibility of any comment, opinion, post, advice, statement, product, offer, event or any other information or content expressed or made available on this product by any third parties, including but not restricted to technology providers and users, belong to those respective author(s), party (ies) thereof and not of the company. The company does not endorse, recommend, approve and it is not responsible for supervising, monitoring, accuracy, completeness, or reliability of any opinion, advice, information or statement made on this product. The company is not liable for any compensation for any liability arising out of use of (or lack thereof) of such content made available on the product.</p>
    <h3>Content You Submit</h3>
    <p>Users are responsible for the use of product, for any information they share and for any consequences thereof, including but not restricted to the use of such information by other users or any other such third party as authorised by the company.</p>
    <p>The company is not liable for use of user's information so collected in accordance with the terms as listed in this document and the privacy policy. It is understood that the user has a right and/ or authority to post, share, recommend or comment on any information and content so written or shared by him on The product provided by the company. In case of any infringement of these rights the user shall be liable in his individual capacity or any other capacity as deemed fit by the regulators or any jurisdiction authority thereof for protecting or using such information. However, the company shall not be held liable under any of these circumstances.</p>
    <p>The use of this product deem necessary that the users agree to the use of any information, content or material so provided on The product or made available in the public domain by the company or any other third party as authorised by the company for using, reproducing, copying, further processing, modifying, publishing, transmitting, displaying, distributing and/ or copying all the contents, information, materials or a part thereof with royalty free access (with the right to sub license) and/ or non exclusive rights. Such information or content may be used by the company in media or in any other way (whether known currently or developed later). Users are not entitled for any sort of compensation whether in cash or kind for the use of information or content so supplied, shared, posted or in any manner otherwise made available through this product whether or not used by other entities or individuals as authorised or partnered with by the company.</p>
    <p>The company reserves the rights to modify the user generated information, content or any material thereof for sharing or transmitting such information to other networks or to different media. Additionally, the company may make suitable changes for adapting to the requirements of any such network or the recipient.</p>
    <h3>Data</h3>
    <p>While purchasing online through the company, or any registered/ authorised retail partners or any registered/ authorised digital agency or any registered/ authorised third party with the company, the user agrees to share such data relating to products, including but not restricted to the URL, title, image, description, price, currency, category, unique id of the product and also any personally identifiable data such as user's name, address, date of birth, any demographic information,or any other information such as e mail address or mailing address as provided by the retail partners/ digital agency/ any other third party.</p>
    <p>The use of this product implies that the user consents to the use of data in aggregate form; so collected for further processing and providing some additional products to the users or any other party whether or not for a price by the company. Additionally, use of this product imply that the users agree to allow sharing of any information or data so collected by the company with retailers or brands for providing a better customer experience or to boost the latter's revenues, provided, however, the Company shall not disclose any such data to third parties that uniquely identifies the Customer/ Shopper.</p>
    <h3>Advertising</h3>
    <p>The company may decide to place advertisements on The product and these advertisements may be targeted to materials, content or any information or data on the product, images shared on The product or on any other information as may deem fit by the company or any of its authorised partners or retailers. Any changes to the advertisement with respect to type or extent may be made at the discretion of the company.</p>
    <p>An underlying consideration of using The product is that the users agree to allow the company or any of its authorised parties to place advertisements related to any information, data, images, content or any other material supplied by the user or any of his/ her friends on the product.</p>
    <h3>Privacy</h3>
    <p>Compilation and usage of any personally identifiable information provided to us by the users would be governed by this document and also by our privacy policy which can be found at https://globemallow.io/#privacy. Use of The product by users imply that they agree to the use and collection of information as set out in the privacy policy, including but not restricting to transmitting or transferring information so collected to any other country including the USA for storing and/ or processing and finally used by the company or any of its authorised partners. As part of the product, the company shall be conducting important communications with users such as sending some important messages and announcements or connecting with users through any other communication channel as may deem appropriate by the company. A user may not be able to opt out of these mails unless otherwise his/ her product is terminated with the company.</p>
    <h3>Availability</h3>
    <p>The company is not responsible for any unavailability or system downtime and the company is not liable for any loss suffered by the user for the same. Additionally, the company retains the right to modify, update, change, part closure of The product or any feature thereof, or discontinue The product or any feature thereof at any time without any prior notice to the users.</p>
    <h3>Trademarks</h3>
    <p>The designs, logo, names, brands and trademarks (collectively hereinafter referred to as 'Trademarks') of the company or any other company identification channel used by the company is the property if the company. Users may not delete, modify or change any trademark or any aspect thereof without the written prior consent of the company or any authorised representative of the company thereof. Users may not claim permission to use such trademarks by way of estoppel, waiver or otherwise without the written consent as stated above.</p>
    <p>The content displayed on The product (excluding the third party material) in the form of a video, graphics, text, look and feel of The product or its products, designs, images, sound, product experience or any other product related customised materials are the exclusive property of the company and/ or its authorised developers unless otherwise mentioned. Rights that are not explicitly stated are reserved and the company retains those.</p>
    <p>In general, any copyrighted information, content, trademark or the material from The product cannot be published, distributed, reproduced, modified, or in any other way applied to reuse the information for an individual or an entity other than the company unless otherwise stated or specifically required by any of the governing laws, rules and regulations without the express prior written consent of the company or any authorised representative thereof.</p>
    <h3>Termination</h3>
    <p>Violation of any of the terms as stated in this document entitles the company to suspend or revoke the permission to use The product by any specified user or a group of users or any entity thereof. Additionally, the company may choose to permanently terminate the access to its product or any feature thereof in case of violation at any time without any prior notice to the user or the group of users.</p>
    <h3>Product Available ‘as-is’</h3>
    <p>An underlying consideration of providing The product is that it is provided to users on 'as is' basis and users do not hold any right to ask or request any modifications, changes to the content, images, graphics or any other such material to suit his requirement. However, it is at the discretion of the company to provide any additional or limited product or any feature thereof to any of its users without carrying any legal obligation to do the same. Additionally, the company may choose to provide different features and functionality to different set of users at its complete discretion.</p>
    <p>Further, the company does not hold its liable for any infringement, warranties or fitness for a particular purpose for the user. The company disclaim accuracy, validity, authenticity, security, reliability of The product provided or any feature thereon. Furthermore, the company is not liable for any loss or damage suffered by the user due to access to or use of product or any material or information displayed or stored thereon, including but not restricted to any harm to the computer system and loss of valuable data.</p>
    <p>The company does not guarantee or is liable for any uninterrupted, fully protected or no error product. Further, no information, material, content whether oral or written displayed on The product or from the company entitles the user to claim any warranty or damages unless otherwise expressly stated therein.</p>
    <h3>Links</h3>
    <p>The product provided by the company may refer or contain a link to third party websites or any of its resources. However, mere link to such third party resources does not imply that the company endorses such resources, links, content, materials, information, products, products, recommendation or any other information which may be useful for the user, unless otherwise expressed by the company. The underlying condition of use of this product implies that the user has understood and agreed to the terms that the company or any of its employees is not responsible for the authenticity or availability of such third party resources, or any of its content, products, etc made available on such resources. It is the sole responsibility of the user to bear all the consequences from use of such information or any content thereon fetched from the above mentioned third party resources.</p>
    <h3>Disclaimer of Warranty</h3>
    <p>The company is not liable for any omission, error, or outdated information, data or any other element that may affect the quality of the product. An underlying implication of use of this product is that the company has not verified The product independently or authenticated its features thereof (whether in whole or in part). The company does not promise the authenticity, accuracy, or completeness of the information provided and that the users do not have any right to charge company or hold it liable for any omission, error or timing of the information so stated whether or not provided by the company or its authorised third parties/ partners.</p>
    <h3>Limitation of Liability</h3>
    <p>The company or any of its authorised third party partners, contractors, agencies, affiliates or any other individual or entity so authorised by the company shall not be liable for any indirect, consequential, or special damages to the users or any other third parties with respect to - Access to or use of The product - Loss due to use or an attempt to use The product - Loss due to external links to The product - Losses/ damages caused due to unavailability or delay or inability of The product - Loss due to failure to provide The product or any feature thereof - Loss due to inaccurate information obtained through The product or any of the external links provided by the product</p>
    <p>In case the user is not satisfied with either our product, or with any part or feature thereof or with any of these terms mentioned, then the company strongly recommends the user to exercise his/ her exclusive remedy of discontinuing with the product.</p>
    <h3>Indemnification</h3>
    <p>A precondition of using this product is that the user indemnifies the company, its employees, shareholders, affiliates, agents or any other entity or individual so authorised by the company from and against any liabilities, claims, damages and actions. This may be the result of, including but not restricted to reasonable legal and accounting fees claimed by any third party due to or resulting from (1) your use of The product and/or; your connection to the product; (2) your violation of the rights of others, these Terms, or any intellectual property or other right of any person or entity; or (3) any intellectual property infringement by any other user of your account, if an account has been assigned to you.</p>
    <h3>General</h3>
    <p>The company is head quartered in the United States of America and operates its products from this place. Additionally, the company is not responsible for supervising or monitoring appropriate usage of its product, any of its content, materials, information or features as governed by any other applicable laws, rules and regulations governing in other respective countries. It is the sole responsibility of the users to comply with the local or jurisdictional policies and laws which include but does not restrict to import- export laws of respective countries with respect to the products of the company.</p>
    <p>Unless otherwise stated, the terms of this document are governed by the law of the United States of America or any other operative law in the U.S. and consequently conflicting laws, rules and procedures of other countries will not affect the product. In case of any dispute, legal notice or any other legal proceedings including but not restricted to actions, claims and damages, users shall take actions in the federal and other courts located in the state of Montana.</p>
    <p>The terms and conditions mentioned in this document are construed to be personal to the users and users do not have any right to assign or transfer to any entity or individual without the prior written consent from the company. Any such attempt without the written prior consent from the company shall be null and void and the company is not liable for any subsequent damages and/ or claims of any nature.</p>
    <p>If any provision of these Terms is held by a court of competent jurisdiction to be contrary to law, then such provision(s) shall be construed, as nearly as possible, to reflect the intentions of the parties, with all other provisions remaining in full force and effect. The failure of the company to enforce any right or provision in these Terms shall not constitute a waiver of such right or provision unless acknowledged and agreed to by the company in writing. These Terms comprise the entire agreement between you and the company and supersede all prior or contemporaneous negotiations, discussions or agreements, if any, between the parties regarding the subject matter contained herein.</p>
    <h3>General rules @ Globemallow.io</h3>
    <p>Users are obliged to comply with these rules, terms and conditions in order to comply with the applicable laws and also for creating a better web experience for other users. The company reserves the rights to change, update, delete or modify any or all of these rules any time without the prior notice to the users. Users are strongly recommended to check these rules at regular interval for complying with these.</p>
    <h3>Junk Content</h3>
    <p>Users are advised not to use or post any kind of junk content on The product for any reason whatsoever including but not restricted to promotions, receiving tokens, rewards or any other such promotional material. The company retains the right to make decision on whether or not the content may be considered as junk.</p>
    <h3>Impersonation</h3>
    <p>Users are strongly advised not to impersonate anyone using our product for misleading, deceiving, harassing or conducting any other unlawful act as may be deemed appropriate by the company.</p>
    <h3>Privacy</h3>
    <p>Users are warned to not post, publish or display personal and confidential information of other people whether or not related, unless otherwise consented by such other people in writing.</p>
    <h3>Violence and Threats</h3>
    <p>Users are strongly advised not to publish, post or display threats of violence against others using our product.</p>
    <h3>Hate Speech</h3>
    <p>A legal action may be taken against users provoking, publishing or displaying inappropriate material as decided by the company including but not limited to exhibiting hatred for an individual, entity, or group of people based on their race, colour, religion, ethnic origin, gender, sexual orientation or disability.</p>
    <h3>Unlawful Use</h3>
    <p>This product is not intended for use or promotion of unlawful or illegal activities whether direct or indirect. The product is not responsible for consequent penalties levied on the user for violating these terms.</p>
    <h3>Inactive Accounts</h3>
    <p>The company retains the right to remove or delete the accounts that are inactive for a period of more than six months. This timeline for inactive accounts may be changed from time to time at the discretion of the company without any prior notice to the users.</p>
    <h3>Links/ Virus/ Malware</h3>
    <p>Users are strongly advised not to post or publish any inappropriate link that may misguide or deceive other users. Users are warned not to publish any link or malicious content on The product that may damage, disrupt or cause any other harm to user's computer or compromise their privacy in any manner whatsoever.</p>
    <h3>False or Obscene</h3>
    <p>Users are advised not to publish, share or promote posting of misleading or obscene content, text, image or any other indecent material on the product.</p>
    <h3>Harassment</h3>
    <p>Users are advised not to publish, post or promote such content whether or not with the intention of provoking, encouraging or advocating bullying or harassment to other users.</p>
    <p>The company reserves all the rights to terminate, delete or suspend users account without any prior notice to the users in case of violation of any of these rules, terms and conditions. It is at the discretion of the company and it retains the right to decide whether or not a user has violated or breached the rules, terms and conditions of the product.</p>
    </div>
</div>
    
<!-- AlgoDiv-->    
<div id="algoDiv" style = "display: none">
     
<div class="algo">
   
  <h2>Development</h2>
  <br>
  <h3>Page Load Time</h3>
  <p>Reducing your page load time can improve the energy required to render pages. Decreasing page load time can improve your SEO; which enables users to find the content they're looking for- faster. Google Search prioritizes pages with faster page load time. Decreasing load time improves the user experience for users with slower connection speeds.</p>
  <br>
  <h3>Page Size</h3>
  <p>Reducing Transfer Data size is largely seen as one of the best ways to make your website more sustainable. Caching reduces the server load and the amount of data transferred, making websites more environmentally friendly. When more data is cached, less is transmitted and fewer server requests, pages are loaded much faster. Analytics and advertising script files can add significant weight, increase CPU usage, and slow websites down. Choose plugins that minimize server load and don’t add unnecessary weight on the front end. If you notice little difference between Total Byte Size, and Transfer Size it might mean that additional data can be cached. Transfer Size is the most heavily weighted metric in your Sustainability Grade. Reducing it will increase your Grade if decreased. If Transfer size is greater than 1MB- it's equivalent to 150,000 words in a HTML File. Are your images worth 1,000 words?</p>
  <br>
  <h3>Transfer Size</h3>
  <p>Reducing Transfer Data size is largely seen as one of the best ways to make your website more sustainable. Caching reduces the server load and the amount of data transferred, making websites more environmentally friendly. When more data is cached, less is transmitted and fewer server requests, pages are loaded much faster. Analytics and advertising script files can add significant weight, increase CPU usage, and slow websites down. Choose plugins that minimize server load and don’t add unnecessary weight on the front end. If you notice little difference between Total Byte Size, and Transfer Size it might mean that additional data can be cached. Transfer Size is the most heavily weighted metric in your Sustainability Grade. Reducing it will increase your Grade if decreased. If Transfer size is greater than 1MB- it's equivalent to 150,000 words in a HTML File. Are your images worth 1,000 words?</p>
  <br>
  <h3>JS HeapSize</h3>
  <p>JavaScript impacts website efficiency by adding file weight to the web page. Increasing the amount of processing required by your device. JavaScript is processed on the your computer/phone requiring CPU usage, which in turn increases the energy consumption of the device. The amount of javascript having to be executed can isolate users with older devices, or smaller processors.</p>
  <br>
  <h3>Green Hosted</h3>
  <p>Green Hosted is powered by the Green Web Foundation who defines the dataset as: "the largest dataset in the world of which sites use renewable power." Powering your site with renewables saves energy from energy produced by fossil fuels.</p>
  <br>
  <h3>Redirects</h3>
  <p>Redirects are an unnecessary use of resources. It causes additional data to be loaded.</p>
  <br>
  <h3>Cookies</h3>
  <p>Cookies are sent with every request, so they can worsen performance (especially for mobile data connections). Are all these cookies on your page necessary? Do you know the specific purpose of each cookie on your page?</p>
  <br>
  <h3>Empty URL Tags</h3>
  <p>Having an empty href link is bad practice. Browser will call the directory in which the page is located if SRC Attribute is empty. This results in additional HTTP requests.</p>
  <br>
  <h3>Caching</h3>
  <p>HTTP caching can speed up your page load time on repeat visits. Caching is great for sustainability since it prevents browsers from requesting all resources every time. A longer cache duration is not always better. Ultimately, it's up to you to decide what the optimal cache duration is for your resources.</p>
  <br>
    
  <h2>Design</h2>
  <br>
  <h3>Page HTML</h3>
  <p>Page HTML counts the number of bytes on your page from HTML code. If it is significantly high- it can signal that there is too much content on your page. Is there any way to reduce the amount of content on this page? Have you considered just loading content on scroll? If content is being loaded beyond what the user is currently seeing, it is as waste of data.</p>
  <br>
  <h3>Lazy Loaded Images</h3>
  <p>With "lazy loading", files are only loaded when they reach the visible area of the browser window, or shortly before it. Modern browsers allow to insert loading=“lazy“ as an attribute in the img element. Lazy loading is useful because it allows images lower on a page to not be loaded if it's not in immediate view. Looking for the following Lazy-Loading methods: loading="lazy", class="lozad", class="b-lazy", class="lazyloaded", and class="lazy".</p>
  <br>
  <h3>Image Formats</h3>
  <p>On most websites, images are the single largest contributors to page weight.The more images you use and the larger those image files, the more data needs to be transferred, increasing the energy that is used. Ask yourself, can my site be using Vector Imagery? Vector images are a cool, clean way to show icons. Could you use a vector graphic (or CSS styling) instead of a photo? The svg format is ideal for simple graphics without a high level of detail, such as icons and geometric representations. Try to do some research on emerging image file formats: WebP and Avif have a greatly reduced amount of data load. Most modern browsers support using the WebP format. It looks great for photographic images, and have a smaller byte size. WebP images typically have about a 30% smaller file size than JPEG. The newer file type AVIF can almost be half the file size of WebP depending on the image.</p>
  <br>
  <h3>Responsive Images</h3>
  <p>If a site is being loaded on tablet or smart phone it wastes data to load the same image you would on a desktop website. You can save bandwidth and speed up page load times by loading the most appropriate image for the viewer's display. Our scan is searching for the HTML "picture" tag, and for "srcset" when loading an image for different screen dimensions. Responsive web design has changed how websites can be created. Device detection is no longer needed to display separate “mobile” sites whenever the server detects a phone or tablet. Using srcset or picture HTML allow an image to be displayed at the correct dimensions for a user's device. If media queries are being used in the CSS to create responisve images you want to make sure that not all images are being downloaded at the same time.</p>
  <br>
  <h3>Internal Style Sheet</h3>
  <p>Make sure CSS files are separate from page’s HTML code. If CSS is in the HMTL body then the code must be sent for each page request- increasing the amount of data sent. If CSS is in separate files, the browser can store them in local cache.</p>
  <br>
  <h3>Style Sheets</h3>
  <p>Reducing unnecessary files will help with overall page size. Reducing the number of CSS files reduces the number of HTTP requests that are required on page load. Ask yourself, can I just combine my multiple Style Sheets into one?</p>
  <br>
  <h3>Background Color</h3>
  <p>Color choices play a role in making websites and other digital tools more or less energy efficient. A study conducted by Google showed: White: uses nearly 20% more power than blue. Blue uses 25% more power than Green or Red. Green and red use a very similar amount of power as one another. Black will use the least amount of power on OLED screens. An easy way to increase your grade is to allow users a 'night mode' that allows them to toggle between a white and black screen.</p>
  <br>

    
    
</div>
</div>
    
    
    <script>
    if(window.location.href == "https://globemallow.io/#privacy"){
        document.getElementById("homeDiv").style.display = "none";
        document.getElementById("privacyDiv").style.display = "block";
        document.body.style.backgroundColor = "whitesmoke";
        document.getElementById("navDiv").style.display = "block";
    }
    </script>
    
    
    
    <!-- BEGIN COOKIE INFO BAR
<div class="cookies-infobar">
  
  If you continue to use this site it means you accept our Terms and Privacy Policy. We use cookies to ensure that we give you the best experience on our website.
  <div class="cookies-infobar_wrapper">
    <a href="#" id="cookies-infobar-close" class="cookies-infobar_btn"> Ok </a>
  </div>
  
</div>
CLOSE COOKIE INFO BAR -->
    
<footer class="footer">
    
<!-- Delete if you don't want badge -->   
<!--<div id='bottom'>-->
    
<!--<picture><img id="badgeExample" src="images/GlobemallowBadge.svg" style='height:100px' loading="lazy" alt="Sustainable Website Badge" title="Sustainable Website Badge"></picture>-->
    
<div id='side-menu'>
    
 <div class="vertical-menu">
  <p id="companyID">Company</p>
  <a class="linkText" href="#about">About</a>
  <a class="linkText" href="https://infosec.exchange/@globemallow" target="_blank">Mastodon</a>
  <a class="linkText" href="https://ko-fi.com/globemallow" target="_blank">Donate</a>
</div>
    
<!-- <div class="vertical-menu">
  <p id="companyID">Resources</p>
  <a class="linkText" href="#algo">Co2 / KwH</a>
  <a class="linkText" href="https://infosec.exchange/@globemallow" target="_blank">Roadmap</a>
  <a class="linkText" href="#glossary" target="_blank">Glossary</a>
</div>-->
    
 <div class="vertical-menu">
  <p id="supportID">Support</p>
<a class="linkText" href="#privacy">Privacy</a>
<a class="linkText" href="#terms">Terms</a>
</div>
</div>
<!-- Delete if you don't want badge --> 
<!--</div>-->
<p id="rr">© Globemallow.io, LLC. 2021-2023. All Rights Reserved.</p>  
    
</footer>

<script type="module">
  // Import the functions you need from the SDKs you need
  import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.8/firebase-app.js";
  import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.6.8/firebase-analytics.js";
  // TODO: Add SDKs for Firebase products that you want to use
  // https://firebase.google.com/docs/web/setup#available-libraries

  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  const firebaseConfig = {
    apiKey: "AIzaSyCUzNC1dbGEeAPm0faQuc_CX7TOabF_6io",
    authDomain: "globemallow.firebaseapp.com",
    projectId: "globemallow",
    storageBucket: "globemallow.appspot.com",
    messagingSenderId: "110613969887",
    appId: "1:110613969887:web:37174acffe9b92c2b5226a",
    measurementId: "G-1VFXVNMWX0"
  };

  // Initialize Firebase
  const app = initializeApp(firebaseConfig);
  const analytics = getAnalytics(app);
</script>
<script src="script.js"></script>   
</body>
</html>