Pull styles into seperate file and add base width/height to canvas co…

…ntainer
voithos · Feb 2, 2014 · 3491fe2 · 3491fe2
1 parent 1547167
commit 3491fe2
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 68 deletions.
diff --git a/index.dev.html b/index.dev.html
@@ -3,40 +3,7 @@
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Elemental One</title>
- <style>
- @font-face {
- font-family: 'minecraftiaregular';
- src: url('assets/fonts/minecraftia-webfont.eot');
- src: url('assets/fonts/minecraftia-webfont.eot?#iefix') format('embedded-opentype'),
- url('assets/fonts/minecraftia-webfont.woff') format('woff'),
- url('assets/fonts/minecraftia-webfont.ttf') format('truetype'),
- url('assets/fonts/minecraftia-webfont.svg#minecraftiaregular') format('svg');
- font-weight: normal;
- font-style: normal;
- }
-
- body {
- background: url('assets/images/starring.png');
- }
-
- #main {
- width: 800px;
- border-radius: 10px;
- border: 3px solid #2c2c2c;
- margin: 0 auto;
- }
-
- #footer {
- text-align: center;
- margin: 20px 0;
- color: #ffffff;
- font: 12px Courier, monospace;
- }
-
- a {
- color: #6fc4a9;
- }
- </style>
+ <link rel="Stylesheet" href="style.css" />
  </head>
  <body>
  <!-- Hack to get the browser to download the font immediately -->

diff --git a/index.html b/index.html
@@ -3,40 +3,7 @@
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Elemental One</title>
- <style>
- @font-face {
- font-family: 'minecraftiaregular';
- src: url('assets/fonts/minecraftia-webfont.eot');
- src: url('assets/fonts/minecraftia-webfont.eot?#iefix') format('embedded-opentype'),
- url('assets/fonts/minecraftia-webfont.woff') format('woff'),
- url('assets/fonts/minecraftia-webfont.ttf') format('truetype'),
- url('assets/fonts/minecraftia-webfont.svg#minecraftiaregular') format('svg');
- font-weight: normal;
- font-style: normal;
- }
-
- body {
- background: url('assets/images/starring.png');
- }
-
- #main {
- width: 800px;
- border-radius: 10px;
- border: 3px solid #2c2c2c;
- margin: 0 auto;
- }
-
- #footer {
- text-align: center;
- margin: 20px 0;
- color: #ffffff;
- font: 12px Courier, monospace;
- }
-
- a {
- color: #6fc4a9;
- }
- </style>
+ <link rel="Stylesheet" href="style.css" />
  </head>
  <body>
  <!-- Hack to get the browser to download the font immediately -->

diff --git a/style.css b/style.css
@@ -0,0 +1,34 @@
+@font-face {
+ font-family: 'minecraftiaregular';
+ src: url('assets/fonts/minecraftia-webfont.eot');
+ src: url('assets/fonts/minecraftia-webfont.eot?#iefix') format('embedded-opentype'),
+ url('assets/fonts/minecraftia-webfont.woff') format('woff'),
+ url('assets/fonts/minecraftia-webfont.ttf') format('truetype'),
+ url('assets/fonts/minecraftia-webfont.svg#minecraftiaregular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+body {
+ background: url('assets/images/starring.png');
+}
+
+#main {
+ width: 800px;
+ height: 600px;
+ background-color: #000000;
+ border-radius: 10px;
+ border: 3px solid #2c2c2c;
+ margin: 0 auto;
+}
+
+#footer {
+ text-align: center;
+ margin: 20px 0;
+ color: #ffffff;
+ font: 12px Courier, monospace;
+}
+
+a {
+ color: #6fc4a9;
+}