
Checkpoint
./views/index.html:96831/224 ./README.md:96831/18 ./public/style.css:96831/282
Showing
3 changed files
with
10 additions
and
12 deletions
1 | Welcome to the Glitch BETA | 1 | Welcome to Glitch |
2 | ========================== | 2 | ================= |
3 | 3 | ||
4 | Click `Show` in the header to see your app live. Updates to your code will instantly deploy and update live. | 4 | Click `Show` in the header to see your app live. Updates to your code will instantly deploy and update live. |
5 | 5 | ... | ... |
1 | /* styles */ | 1 | /* styles */ |
2 | /* called by your view template */ | 2 | /* called by your view template */ |
3 | 3 | ||
4 | /* You might want to try something fancier: */ | ||
5 | /* less: http://lesscss.org/ */ | ||
6 | |||
7 | * { | 4 | * { |
8 | box-sizing: border-box; | 5 | box-sizing: border-box; |
9 | } | 6 | } |
10 | 7 | ||
11 | body { | 8 | body { |
12 | font-family: helvetica, arial, sans-serif; | 9 | font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif; |
13 | margin: 25px; | 10 | margin: 2em; |
14 | } | 11 | } |
15 | 12 | ||
16 | h1 { | 13 | h1 { |
17 | font-weight: bold; | 14 | font-style: italic; |
18 | color: pink; | 15 | color: #373fff; |
19 | } | 16 | } |
20 | 17 | ||
21 | .bold { | 18 | .bold { | ... | ... |
... | @@ -8,7 +8,7 @@ | ... | @@ -8,7 +8,7 @@ |
8 | <!-- hbs(handlebars): http://handlebarsjs.com/ --> | 8 | <!-- hbs(handlebars): http://handlebarsjs.com/ --> |
9 | 9 | ||
10 | <!DOCTYPE html> | 10 | <!DOCTYPE html> |
11 | <html> | 11 | <html lang="en"> |
12 | <head> | 12 | <head> |
13 | <title>Welcome to Glitch!</title> | 13 | <title>Welcome to Glitch!</title> |
14 | <meta name="description" content="A cool thing made with Glitch"> | 14 | <meta name="description" content="A cool thing made with Glitch"> |
... | @@ -51,9 +51,10 @@ | ... | @@ -51,9 +51,10 @@ |
51 | <script src="/client.js"></script> | 51 | <script src="/client.js"></script> |
52 | 52 | ||
53 | 53 | ||
54 | <!-- Include the Glitch button and default styling: --> | 54 | <!-- include the Glitch button to show what the webpage is about and |
55 | to make it easier for folks to view source and remix --> | ||
55 | <div class="glitchButton" style="position:fixed;top:20px;right:20px;"></div> | 56 | <div class="glitchButton" style="position:fixed;top:20px;right:20px;"></div> |
56 | <script src="https://button.glitch.me/button.js" data-style="glitch"></script> | 57 | <script src="https://button.glitch.me/button.js"></script> |
57 | 58 | ||
58 | </body> | 59 | </body> |
59 | </html> | 60 | </html> | ... | ... |
-
Please register or sign in to post a comment