-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
54 lines (52 loc) · 2.75 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
<!--
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>