- 掃描 ID:
- 123ed64f-a09a-4926-891d-ab94efab4287已完成
- 已提交的 URL:
- https://from-roots-to-canopies.glitch.me/
- 報告完成時間:
連結 · 找到 9 個
從頁面中識別的傳出連結
連結 | Text |
---|---|
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/ButterflyBench.png?v=1731993460221 | |
https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/ButterflyBenchFrame.png?v=1731993462453 | |
https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/ForkFrame.png?v=1731992850387 | Example→ |
https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/Fork.png?v=1731992155258 |
JavaScript 變數 · 找到 3 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數,可從目前範圍內程式碼中的任何位置存取
名稱 | 類型 |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
主控台記錄訊息 · 找到 0 條
記錄到 Web 主控台的訊息
HTML
頁面的原始 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>
<br>
<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">
<br>
<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/ButterflyBench.png?v=1731993460221" target="_blank"><img src="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/ButterflyBench.png?v=1731993460221" width="100%" height="100%"></a>
<a href="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/ButterflyBenchFrame.png?v=1731993462453" target="_blank"><img src="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/ButterflyBenchFrame.png?v=1731993462453" 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. This sculpture of the FBFF logo perfectly
showcases all the growth that has occurred. By working with the
immature stage of succession, the FBFF has managed to create a
florishing ecosystem.
</p>
<p class="body1">
Tap the image below and line the forks up to one another.
<a href="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/ForkFrame.png?v=1731992850387" target="_blank">
Example→</a>
</p>
<a href="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/Fork.png?v=1731992155258" target="_blank">
<img src="https://cdn.glitch.global/c7162682-5a61-4058-b618-3847cd22dd70/Fork.png?v=1731992155258" width="100%" height="100%">
</a>
</div>
</div>
</div>
</div>
</body></html>