- 扫描 ID:
- 123ed64f-a09a-4926-891d-ab94efab4287已完成
- 提交的 URL:
- https://from-roots-to-canopies.glitch.me/
- 报告完成时间:
链接 · 找到 9 个
从页面中识别出的传出链接
链接 | 文本 |
---|---|
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>