diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..65b5ccd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+# Jetbrain stuff
+.idea
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e6f551d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+ KyFlo Snake
+
+
+
+
+
+ KyFlo Snake
+
+
+
+
+
+
+
diff --git a/sources/css/style.css b/sources/css/style.css
new file mode 100644
index 0000000..a252740
--- /dev/null
+++ b/sources/css/style.css
@@ -0,0 +1,17 @@
+@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
+
+body{
+ height: 100%;
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ background-image: url("../images/yargon-kerman-webp-net-gifmaker-39.gif");
+ background-repeat: no-repeat;
+ background-size: 100%;
+}
+
+h1{
+ font-family: 'Press Start 2P', cursive;
+ text-align: center;
+ color: yellow;
+}
diff --git a/sources/images/yargon-kerman-webp-net-gifmaker-39.gif b/sources/images/yargon-kerman-webp-net-gifmaker-39.gif
new file mode 100644
index 0000000..2204e8a
Binary files /dev/null and b/sources/images/yargon-kerman-webp-net-gifmaker-39.gif differ
diff --git a/sources/js/Game.js b/sources/js/Game.js
new file mode 100644
index 0000000..90a7db2
--- /dev/null
+++ b/sources/js/Game.js
@@ -0,0 +1,5 @@
+export class Game {
+ constructor(options) {
+
+ }
+}
diff --git a/sources/js/Snake.js b/sources/js/Snake.js
new file mode 100644
index 0000000..d454848
--- /dev/null
+++ b/sources/js/Snake.js
@@ -0,0 +1,6 @@
+class Snake {
+ constructor(startPos = [0,0], size = 4) {
+ this.size = size;
+ this.body = [startPos, startPos*size]
+ }
+}
\ No newline at end of file
diff --git a/sources/js/index.js b/sources/js/index.js
new file mode 100644
index 0000000..9c94b92
--- /dev/null
+++ b/sources/js/index.js
@@ -0,0 +1,6 @@
+import { Game } from "/sources/js/Game"
+
+
+document.addEventListener('DOMContentLoaded', function() {
+ M.AutoInit();
+});