-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (65 loc) · 2.88 KB
/
index.html
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
65
66
67
68
69
70
<!--
Coding.exe
Written by Sergey Torshin @torshin5ergey
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
<title>Coding.exe</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/png" href="/static/favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Reddit+Mono:[email protected]&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap"
rel="stylesheet">
</head>
<body>
<div id="header-container"></div>
<div class="root-container">
<!-- Intro -->
<section id="about" class="about">
<h1>Welcome to Coding.exe🎨</h1>
<p>
Hello! My name is <b>Sergey Torshin</b>, a creative coder based in Moscow. This is my digital generative
computer graphics exhibition.
</p>
<p>
I'm exploring various techniques and tools for creating generative art. One of my favorite tools is <a
href="https://editor.p5js.org/torshin5ergey/sketches">p5.js</a>, a JavaScript library that makes it incredibly
easy to create and share visual art.
</p>
<p>
Below, you'll find a collection of my works, each one a unique exploration of algorithmic art. Basically there
are cellular automata and rule-based systems. These sketches showcases the beauty and complexity that can arise
from simple rules and random processes. Click on any image to delve deeper into the individual projects. You can
also explore the entire code of this website and each individual project on my <a
href="https://github.com/torshin5ergey/creative-code-playground">GitHub repo</a>.
</p>
</section>
<!-- Gallery Grid -->
<section id="gallery">
<div class="row">
<div class="column">
<a href="./cellular-automata/conways-simulator/index.html"><img class="box"
src="/cellular-automata/conways-simulator/assets/preview-demo.gif"></a>
<a href="./cellular-automata/maze-rule/index.html"><img class="box"
src="/cellular-automata/maze-rule/assets/preview-demo.gif"></a>
</div>
<div class="column">
<a href="./cellular-automata/langtons-ant/index.html"><img class="box"
src="/cellular-automata/langtons-ant/assets/preview-demo.gif"></a>
</div>
<div class="column">
<a href="./cellular-automata/wolframs-rules/index.html"><img class="box"
src="/cellular-automata/wolframs-rules/assets/preview-demo-30-120.gif"></a>
</div>
</div>
</section>
</div>
<div id="footer-container"></div>
<script src="/static/header-loader.js"></script>
<script src="static/footer-loader.js"></script>
</body>
</html>