Skip to content

Commit 09a1ce3

Browse files
Ry-DSRy-DS
committed
Fixed Site
1 parent 1f82270 commit 09a1ce3

File tree

5 files changed

+66
-7
lines changed

5 files changed

+66
-7
lines changed

‎index.html

+21-6
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,29 @@
11
<!DOCTYPE html>
22
<html>
3+
<head>
4+
<link rel="stylesheet" href="w3-template.css">
5+
</head>
36
<body>
47

5-
<h1>JS Projects</h1>
8+
<div class="topnav">
9+
<a href="http://ryan-s.me">My Site</a>
10+
</div>
11+
12+
<div class="content">
13+
<h1>JS Projects</h1>
614
<p>CBS styling for now</p>
7-
<p>if you are here, what are you doing? Check out <a href="http://ryan-s.me">my site instead</a></p>
8-
<a href="js/index.html">First Project</a>
9-
<a href="flappy-js/index.html">Machiene Learning Flappy Bird</a>
10-
<a href="circle-packing/index.html">Circle Packing Images</a>
11-
<a href="particle-js/index.html">Multi-Touch Particles</a>
15+
<p>Here are some small JS projects I've made</p>
16+
<a href="js/src/index.html">First Project</a><br>
17+
<a href="flappy-js/src/index.html">Machine Learning Flappy Bird</a><br>
18+
<a href="circle-packing/src/index.html">Circle Packing Images</a><br>
19+
<a href="particle-js/src/index.html">Multi-Touch Particles</a><br>
20+
21+
</div>
22+
23+
<div class="footer">
24+
<p>Property of Ryan Samarakoon</p>
25+
<p>All content is under the MIT Licence</p>
26+
</div>
1227

1328
</body>
1429
</html>

‎js/empty-example/index.html renamed to ‎js/src/index.html

File renamed without changes.

‎js/empty-example/sketch.js renamed to ‎js/src/sketch.js

File renamed without changes.

‎snake-js/src/snake.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ class Snake{
44
constructor() {
55
this.tail=[];
66
this.score=0;
7-
7+
88
}
99

1010
}

‎w3-template.css

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
* {
2+
box-sizing: border-box;
3+
font-family: Arial, Helvetica, sans-serif;
4+
}
5+
6+
body {
7+
margin: 0;
8+
font-family: Arial, Helvetica, sans-serif;
9+
}
10+
11+
/* Style the top navigation bar */
12+
.topnav {
13+
overflow: hidden;
14+
background-color: #333;
15+
}
16+
17+
/* Style the topnav links */
18+
.topnav a {
19+
float: left;
20+
display: block;
21+
color: #f2f2f2;
22+
text-align: center;
23+
padding: 14px 16px;
24+
text-decoration: none;
25+
}
26+
27+
/* Change color on hover */
28+
.topnav a:hover {
29+
background-color: #ddd;
30+
color: black;
31+
}
32+
33+
/* Style the content */
34+
.content {
35+
background-color: #ddd;
36+
padding: 10px;
37+
//height: 200px; /* Should be removed. Only for demonstration */
38+
}
39+
40+
/* Style the footer */
41+
.footer {
42+
background-color: #f1f1f1;
43+
padding: 10px;
44+
}

0 commit comments

Comments
 (0)