Add resources to README and begin screen width display

2 years ago · 18432ad46e
parent ed56945109
commit 18432ad46e
2 changed files with 8 additions and 1 deletions
--- a/README.md
+++ b/README.md
@ -11,4 +11,7 @@ instead of PHP.

 ## Resources

-* [Responsive Web Design - Introduction](https://www.w3schools.com/css/css_rwd_intro.asp)
+* [Responsive Web Design - Introduction](https://www.w3schools.com/css/css_rwd_intro.asp) (w3schools)
+* [Viewport concepts](https://developer.mozilla.org/en-US/docs/Web/CSS/Viewport_concepts) (Mozilla Development Network)
+* [Using media queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries) (Mozila Development Netork)
+* [Window: resize event](https://developer.mozilla.org/en-US/docs/Web/API/Window/resize_event)
--- a/index.html
+++ b/index.html
@ -2,6 +2,7 @@
 <html lang="en">
 <head>
 <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet'>
 <link href='https://fonts.googleapis.com/css?family=Ubuntu%20Condensed'
 rel='stylesheet'>
@ -9,6 +10,8 @@ rel='stylesheet'>
 <style>
@import url(css/elknernet.css);
 </style>
+<script>
+</script>
 </head>

 <body>
@ -266,6 +269,7 @@ LTSP: Moving into the Mainstream</a></li>
 <strong> HTML </strong> Valid! </a>
 <a href="http://jigsaw.w3.org/css-validator/validator?uri=https://elkner.net/?profile=css3">
 <strong> CSS </strong> Valid! </a>
+<span id="winDisplay">Window width: <span id="scWidth"></span></span>
 </footer>

 </body>