https://balagurova.github.io/playground.html

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5  <meta charset="UTF-8" />
6  <link rel="stylesheet" href="./style.css">
7  

7<script src="js/sketch.js" defer></script>

7
8  

8<script src="js/p5.min.js" async></script>

8
9  <link rel="stylesheet" href="https://use.typekit.net/sbj1jpm.css">
10  

10<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

10
11  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
12  <link rel="icon" type="image/x-icon" href="favicon.ico">
13  <title>Portfolio Anastasiia Balagurova</title>
14  <style>
15body{
16  background-color: #ABC9DA;
17}
18
19
20  </style>
21</head>
22
23<body>
24
25
26
27<div class="top">
28  <div class="item-1">
29    <a href="index.html">Anastasiia Balagurova</a>
30  </div>
31  <div class="item-3"><a href="#">information designer & coder</a></div>
32  <div class="item-4"></div>
33  <div class="item-5"></div>
34  <div class="item-6"></div>
35  <div class="item-7"><a style = "text-decoration: line-through;" href="#">archive</a></div>
36  <div class="item-8"><a href="cv.html" >CV</a></div>
37</div>
38
39<div class="top-mobile">
40  <a href="index.html">Anastasiia Balagurova</a>
41
42  <nav role="navigation">
43    <a class="toggle" href="#"> MENU</a>
44    <ul class="menu">
45      <li><a href="index.html">information designer</a></li>
46      <li><a href="playground.html">p5.js playground</a></li>
47      <li><a href="contact.html">contact</a></li>
48      <li><a style = "text-decoration: line-through;" href="#">archive</a></li>
49      <li><a style = "text-decoration: line-through;" href="#">cv</a></li>
50    </ul>
51    
52  </nav>
53</div>
54
55<div class="bottom">
56  <div class="item-1">
57    <a href="playground.html">p5.js playground</a>
58  </div>
59  <div class="item-3"></div>
60  <div class="item-4"></div>
61  <div class="item-5"></div>
62  <div class="item-6"></div>
63  <div class="item-7"></div>
64  <div class="item-8">
65    <a href="contact.html">contact</a>
66</div>
67</div>
68
69
70
71
72
73<div class="p5-container">
74  <div class="image-1"><iframe src="https://balagurova.github.io/playground/perlinLines/" frameborder="0" style="height: 500px; width: 500px; margin:0;"></iframe></div>
75  <div class="image-2"><iframe src="https://balagurova.github.io/playground/game-of-life/" frameborder="0" style="height: 500px; width: 1012px;margin:0;"></iframe></div>
76  <div class="image-3"><iframe src="https://balagurova.github.io/playground/sun/" frameborder="0" style="height: 324px; width: 324px;margin:0;"></iframe></div>
77  <div class="image-4"><iframe src="https://balagurova.github.io/playground/animatedText/" frameborder="0" style="height: 500px; width: 500px;margin:0;"></iframe></div>
78  <div class="image-6"><iframe src="https://balagurova.github.io/playground/invaders/" frameborder="0" style="height: 500px; width: 1040px; margin:0;"></iframe></div>
79  <div class="image-5"><iframe src="https://balagurova.github.io/playground/vertexWaves/" frameborder="0" style="height: 500px; width: 500px; margin:0;"></iframe></div>
80  <div class="image-7"><iframe src="https://balagurova.github.io/playground/unknown-text/" frameborder="0" style="height: 500px; width: 500px;margin:0;"></iframe></div>
81  <!-- <div class="image-8"></div> -->
82</div>
83
84
85
86</body>
87
88</html>