Innumerable/index.html at master · CFWS/Innumerable · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
---
layout: home
---
<header id="mainpageheader">
    <div id="menu">
        <ul>
            <li><a href="#hero">Home</a></li>
            <li><a href="#portfolio">Visualisations</a></li>
            <li><a href="About">About</a></li>
        </ul>
    </div>
</header>
<div id="front">
    <div id="hero" class="animatein">
        <div id="herocontainer">
            <h1>Innumerable</h1>
            <div id="videolink">
                <span class="link">Watch the Animation</span>
                <span class="icon">
                    <svg viewBox="0 0 1080 1080">
                        <circle cx="540" cy="540" r="500" fill="none" stroke="#fff" stroke-width="40"></circle>
                        <path fill="#828282" d="M863.006,539.496 L362.002,790.000 L362.002,288.993 L863.006,539.496 Z"></path>
                    </svg>
                </span>
            </div>
            <a id="mobilewatch" class="link" href="https://www.youtube.com/watch?v=B4BibAAvvsw">Watch the Animation</a>
        </div>
        <div id="mainpagefooter">
            <a class="normal" id="arrowcontain" href="#portfolio">
                <div id="downarrow" class="notvisible"></div>
            </a>
        </div>
    </div>
    <div id="video" class="hidden">
        <iframe id="player" allowfullscreen src="https://www.youtube.com/embed/B4BibAAvvsw?enablejsapi=1&amp;rel=0"></iframe>
    </div>
</div>
<div id="portfolio">
    <a href="Visualisation/Spiral"><img src="img/Spiral.png" data-src='img/Spiral.png' loading="lazy" alt='Golden Spiral'></a>
    <a href="Visualisation/Langton"><img src="img/langton.png" data-src='img/langton.png' loading="lazy" alt='Langton&#39;s Ant'></a>
    <a href="Visualisation/Sierpinski"><img src="img/Sierpinski.png" data-src='img/Sierpinski.png' loading="lazy" alt='Sierpinski Triangle'></a>
    <a href="Visualisation/Sacks"><img src="img/Sacks.png" data-src='img/Sacks.png' loading="lazy" alt='Sacks Spiral'></a>
    <a href="Visualisation/Julia"><img src="img/Julia.png" data-src='img/Julia.png' loading="lazy" alt='Julia Set'></a>
    <a href="Visualisation/Buddhabrot"><img src="img/Buddhabrot.png" data-src='img/Buddhabrot.png' loading="lazy" alt='Buddhabrot'></a>
    <a href="Visualisation/Ant"><img src="img/Ant.png" data-src='img/Ant.png' loading="lazy" alt='Langdons Ant'></a>
    <a href="Visualisation/deJong"><img src="img/deJong.png" data-src='img/deJong.png' loading="lazy" alt='Peter de Jong Attractor'></a>
    <a href="Visualisation/Mandelbrot"><img src="img/Mandelbrot.png" data-src='img/Mandelbrot.png' loading="lazy" alt='Mandelbrot Set'></a>
</div>