https://from-roots-to-canopies.glitch.me/

Submitted URL:
https://from-roots-to-canopies.glitch.me/
Report Finished:
LinkText
https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2024FBFF.png?v=1731907120372
https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2019FBFF.png?v=1731944728589
https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2017FBFF.png?v=1731944730334
https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2009FBFF.png?v=1731944731439
https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/BannerTest70KTestHome.jpg?v=1731879860797
https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/IMG_5199.jpeg?v=1731988543477
https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/IMG_1987.jpeg?v=1731988684357

JavaScript Variables · 3 found

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Console log messages · 0 found

HTML

<!DOCTYPE html><!--This is going to be epic, this is Alex in the past--><html lang="en"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="https://glitch.com/favicon.ico">
    <!--I am pretty sure I change this favicon-->
    <link rel="stylesheet" href="/style.css">
  </head>
  <body>
    <div id="HeaderSection">
      <div id="explain">
        <h1 id="home">From Roots to Canopies</h1>
        <h2 id="SecondDisplay">
          The ecological success of the Festival Beach Food Forest
        </h2>
        <p class="ItalicSmall">
          Best viewed on a mobile device and in landscape. Please travel to the
          Festival Beach Food Forest for the best experience with this material.
          The FBFF is located at
          <strong> 29 Waller Street, Austin, TX 78702.</strong>
        </p>
      </div>
    </div>
    <div class="Row">
      <div class="Column LeftColumn Nav">
        <nav id="mainnav">
          <!--The idea is to have the links refer to internal IDs so the nav can be used to jump around the website-->
          <div class="NavLink Small"><a href="#home">Home</a></div>
          <div class="NavLink Small">
            <a href="#Stop1"> Recognizing the growth</a>
          </div>
          <div class="NavLink Small">
            <a href="#Map"> Guiding your trip</a>
          </div>
          <div class="NavLink Small">
            <a href="#journey"> Starting your journey Link</a>
          </div>
          <div class="NavLink Small">
            <a href=".LeftColumn"> Content Link</a>
          </div>
          <div class="NavLink Small">
            <a href=".LeftColumn"> Content Link</a>
          </div>
          <div class="NavLink Small">
            <a href=".LeftColumn"> Content Link</a>
          </div>
        </nav>
      </div>

      <div class="Column RightColumn">
        <br>
        <p1 class="body1">
          The Festival Beach Food Forest (FBFF), is an Austin grassroot project
          built upon community, regenerative landscaping, and renewed land
          relationship. This website will delve into this location's ecological
          wonders and uncover the enduring land succession that has occurred.
        </p1>
        <h3 id="Stop1">Recognizing the growth</h3>
        <p1 class="body1">
          From what used to be nothing but bermuda grass, the
          <a href="#explain">FBFF</a> has grown into the forest in the span of a
          decade and a half.
        </p1>
        <br>
        <div id="Timeline">
          <!--This is where all the timeline of the food forest will be. PTHSIDFIL.-->
          <div>
            <a href="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2024FBFF.png?v=1731907120372" target="_blank">
              <img src="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2024FBFF.png?v=1731907120372" width="100%" height="100%">
            </a>
            <p class="ItalicSmall">
              2024, Festival Beach Food Forest, Website production year, Google
              Maps.
            </p>
          </div>
          <br>
          <div>
            <a href="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2019FBFF.png?v=1731944728589" target="_blank">
              <img src="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2019FBFF.png?v=1731944728589" width="100%" height="100%">
            </a>
            <p class="ItalicSmall">
              2019, Festival Beach Food Forest, Google Maps.
            </p>
          </div>
          <br>
          <div>
            <a href="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2017FBFF.png?v=1731944730334" target="_blank">
              <img src="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2017FBFF.png?v=1731944730334" width="100%" height="100%">
            </a>
            <p class="ItalicSmall">
              2017, Festival Beach Food Forest, Google Maps.
            </p>
          </div>
          <br>
          <div>
            <a href="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2009FBFF.png?v=1731944731439" target="_blank">
              <img src="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/2009FBFF.png?v=1731944731439" width="100%" height="100%">
            </a>
            <p class="ItalicSmall">
              2009, Pre-Festival Beach Food Forest, Google Maps.
            </p>
          </div>
          <br>
        </div>
        <div id="Map">
          <h3>Guiding your trip</h3>
          <p class="body1">
            This map outlines all of the key locations that will be covered in
            this experience. Each number on the map coordinates to a specific
            location in the food forest and will be the order you will visit
            them.
          </p>
          <a href="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/BannerTest70KTestHome.jpg?v=1731879860797" target="_blank">
            <img src="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/BannerTest70KTestHome.jpg?v=1731879860797" width="100%" height="100%">
          </a>
        </div>
        <div id="journey">
          <h3>Starting your journey</h3>
          <p class="ItalicSmall">
            Facing directly opposite of Waller street and following the first
            location on the <a href="#Map">map</a> you should see two benches
            close by. Stand in front of bench to the right of the path and face
            it.
          </p>
          <div id="butterfly">
            <h4>The butterfly bench</h4>
            <p class="body1">
              Looking at the butterfly bench, tap onto the image of the same
              bench below. Once the image is opened, line up both benches with
              one another. For reference, it should look like the second image
              provided.
            </p>
            <a href="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/IMG_5199.jpeg?v=1731988543477" target="_blank"><img src="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/IMG_5199.jpeg?v=1731988543477" width="100%" height="100%"></a>
            <a href="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/IMG_1987.jpeg?v=1731988684357" target="_blank"><img src="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/IMG_1987.jpeg?v=1731988684357" width="100%" height="100%"></a>
            <p class="body1">
              Using this framing method, we will uncover the various aspects of
              this location that make it ecologically successful.
            </p>
          </div>
          <div id="fork">
            <h4>
              The Fork
            </h4>
            <p class="body1">
              Take a seat on the butterfly bench. Looking to your right, you should see the fork.
            </p>
          </div>
        </div>
      </div>
    </div>
  

</body></html>