1
0
Fork 0

👀 Checkpoint

./styles.css:96831/285
./index.html:96831/177
./script.js:96831/291
./README.md:96831/87
This commit is contained in:
Glitch (hello-webpage) 2018-03-19 20:11:32 +00:00
parent 716cb72225
commit a79429a816
4 changed files with 22 additions and 15 deletions

View File

@ -4,15 +4,17 @@ This file describes your project to the community. What's your cool website abou
ヽ(๏∀๏ )ノ ヽ(๏∀๏ )ノ
## ← index.html ## Files this website contains
### ← index.html
Where you'll write the content of your website. Where you'll write the content of your website.
## ← styles.css ### ← styles.css
CSS files add styling rules to your content CSS files add styling rules to your content.
## ← script.js ### ← script.js
If you're feeling fancy you can add interactivity to your site with Javascript If you're feeling fancy you can add interactivity to your site with JavaScript.

View File

@ -11,18 +11,17 @@
<!-- import the webpage's javascript file --> <!-- import the webpage's javascript file -->
<script src="/script.js" defer></script> <script src="/script.js" defer></script>
</head> </head>
<body> <body>
<h1>Hi there!</h1> <h1>Hi there!</h1>
<p> <p>
I'm your cool new webpage. Made with I'm your cool new webpage. Made with <a href="https://www.glitch.com">Glitch</a>!
<a href="https://www.glitch.com">Glitch</a>!
</p> </p>
<!-- include the Glitch button to show what the webpage is about and
<!-- include the Glitch button --> to make it easier for folks to view source and remix -->
<div class="glitchButton" style="position:fixed;top:20px;right:20px;"></div> <div class="glitchButton" style="position:fixed;top:20px;right:20px;"></div>
<script src="https://button.glitch.me/button.js" data-style="glitch"></script> <script src="https://button.glitch.me/button.js"></script>
</body> </body>
</html> </html>

View File

@ -1 +1,5 @@
/* If you're feeling fancy you can add interactivity
to your site with Javascript */
// prints "hi" in the browser's dev tools console
console.log('hi'); console.log('hi');

View File

@ -1,9 +1,11 @@
/* this CSS (cascading stylesheet) includes rules for how our webpage looks */ /* CSS files add styling rules to your content */
body { body {
font-family:"Benton Sans",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",helvetica,arial,sans-serif; font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
margin: 2em;
} }
h1 { h1 {
font-style: italic font-style: italic;
color: #373fff;
} }