1
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.
## ← 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 -->
<script src="/script.js" defer></script>
</head>
</head>
<body>
<h1>Hi there!</h1>
<p>
I'm your cool new webpage. Made with
<a href="https://www.glitch.com">Glitch</a>!
I'm your cool new webpage. Made with <a href="https://www.glitch.com">Glitch</a>!
</p>
<!-- include the Glitch button -->
<!-- include the Glitch button to show what the webpage is about and
to make it easier for folks to view source and remix -->
<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>
</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');

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 {
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 {
font-style: italic
font-style: italic;
color: #373fff;
}