html
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
<!doctype html>
<html lang="en">
<head>
<title>Page Title</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/addons/p5.sound.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bowlby+One+SC&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta charset="utf-8" />
</head>
<body><div class="container-fluid">
<h2>Happy Valentines Day</h2>
<blockquote>Roses are Red<br/>Violets are Blue<br/>Some poems don't rhyme</br>This one doesnt😂
</blockquote>
<footer>I created this code for the love of programming</footer>
<hr/>
<!--<script src="sketch.js"></script>-->
</div>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
body {
text-align:left;
background-color: rgb(255, 230, 230);
background-image: url("sketch.js");
background-repeat:none;
font-family: 'Bowlby One SC', cursive;
/*font-family: 'Rubik', sans-serif;*/
}
height: auto;
width: 100%;
p{
font-size:40px;
}
Enter to Rename, Shift+Enter to Preview
js
js
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
function setup() {
createCanvas(450,500);
textFont('https://fonts.googleapis.com/css?family=Bowlby+One+SC&display=swap');
}
function draw() {
background(255, 230, 230);
noStroke();
words();
heart();
}
function heart(){
fill(random(255), 0, 0);
//Heart by Susan_Xu
beginShape();
vertex(200,350);
bezierVertex(200,250,350,200,350,150);
bezierVertex(350,100,250,50,200,140);
bezierVertex(150,50,50,100,50,150);
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run