visualizer/index.html at master · solsarratea/visualizer · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">

  <title>Visualizations created with Three.js and shaders</title>

  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link href="style.css" rel="stylesheet">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>

<body>

  <main>
    <h1>Visualizations with three.js and GLSL</h1>

    <a href="01-mandelbrot-set" class="card" title="01 - mandelbrot set">
    <div class="overlay">
        <div class="number">01</div>
        mandelbrot set
      </div>

      <img src="01-mandelbrot-set/images/social-media-preview.gif" alt="01 - mandelbrot set">
    </a>
    <a href="02-mandelbulb/" class="card" title="02 - mandelbulb">
      <div class="overlay">
          <div class="number">02</div>
          mandelbulb
        </div>
        <img src="02-mandelbulb/images/social-media-preview.gif" alt="02 - mandelbulb">
    </a>
    <a href="03-diffusion/" class="card" title="03 - diffusion">
      <div class="overlay">
        <div class="number">03</div>
        diffussion
        </div>
        <img src="03-diffusion/images/social-media-preview.gif" alt="03 - diffusion">
    </a>
    <a href="04-gray-scott/" class="card" title="04 - video">
      <div class="overlay">
        <div class="number">04</div>
        gray scott
        </div>
        <img src="04-gray-scott/images/social-media-preview.gif" alt="04 -video">
    </a>
     <a href="05-smooth-gol/" class="card" title="05 - smooth game of life">
      <div class="overlay">
        <div class="number">05</div>
        smooth game of life
        </div>
        <img src="05-smooth-gol/images/social-media-preview.gif" alt="05 - smooth game of life ">
    </a>

    <a href="https://github.com/solsarratea/visualizer" class="card" title="View source on Github">
      <span class="fab fa-github" aria-hidden="true"></span>
    </a>
  </main>

</body>
</html>