Permalink
This commit does not belong to any branch on this respository, and may belong to a fork outside of the repository.
Showing
with
2,115 additions
and 0 deletions.
- BIN .DS_Store
- 0 .gitignore
- BIN week-1/Screen Shot 2020-01-25 at 12.38.00 PM.png
- BIN week-2/.DS_Store
- +62 −0 week-2/404.html
- +19 −0 week-2/LICENSE.txt
- +12 −0 week-2/browserconfig.xml
- +265 −0 week-2/css/main.css
- +349 −0 week-2/css/normalize.css
- +34 −0 week-2/doc/TOC.md
- +49 −0 week-2/doc/css.md
- +639 −0 week-2/doc/extend.md
- +40 −0 week-2/doc/faq.md
- +205 −0 week-2/doc/html.md
- +36 −0 week-2/doc/js.md
- +173 −0 week-2/doc/misc.md
- +130 −0 week-2/doc/usage.md
- BIN week-2/favicon.ico
- +15 −0 week-2/humans.txt
- BIN week-2/icon.png
- 0 week-2/img/.gitignore
- +41 −0 week-2/index.html
- 0 week-2/js/main.js
- +24 −0 week-2/js/plugins.js
- +2 −0 week-2/js/vendor/jquery-3.4.1.min.js
- +3 −0 week-2/js/vendor/modernizr-3.8.0.min.js
- +5 −0 week-2/robots.txt
- +12 −0 week-2/site.webmanifest
- BIN week-2/tile-wide.png
- BIN week-2/tile.png
Binary file not shown.
Empty file.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,62 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="utf-8"> | ||
<title>Page Not Found</title> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<style> | ||
* { | ||
line-height: 1.2; | ||
margin: 0; | ||
} | ||
|
||
html { | ||
color: #888; | ||
display: table; | ||
font-family: sans-serif; | ||
height: 100%; | ||
text-align: center; | ||
width: 100%; | ||
} | ||
|
||
body { | ||
display: table-cell; | ||
vertical-align: middle; | ||
margin: 2em auto; | ||
} | ||
|
||
h1 { | ||
color: #555; | ||
font-size: 2em; | ||
font-weight: 400; | ||
} | ||
|
||
p { | ||
margin: 0 auto; | ||
width: 280px; | ||
} | ||
|
||
@media only screen and (max-width: 280px) { | ||
|
||
body, | ||
p { | ||
width: 95%; | ||
} | ||
|
||
h1 { | ||
font-size: 1.5em; | ||
margin: 0 0 0.3em; | ||
} | ||
|
||
} | ||
</style> | ||
</head> | ||
|
||
<body> | ||
<h1>Page Not Found</h1> | ||
<p>Sorry, but the page you were trying to view does not exist.</p> | ||
</body> | ||
|
||
</html> | ||
<!-- IE needs 512+ bytes: https://blogs.msdn.microsoft.com/ieinternals/2010/08/18/friendly-http-error-pages/ --> |
@@ -0,0 +1,19 @@ | ||
Copyright (c) HTML5 Boilerplate | ||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy of | ||
this software and associated documentation files (the "Software"), to deal in | ||
the Software without restriction, including without limitation the rights to | ||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies | ||
of the Software, and to permit persons to whom the Software is furnished to do | ||
so, subject to the following conditions: | ||
|
||
The above copyright notice and this permission notice shall be included in all | ||
copies or substantial portions of the Software. | ||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | ||
SOFTWARE. |
@@ -0,0 +1,12 @@ | ||
<?xml version="1.0" encoding="utf-8"?> | ||
<!-- Please read: https://msdn.microsoft.com/en-us/library/ie/dn455106.aspx --> | ||
<browserconfig> | ||
<msapplication> | ||
<tile> | ||
<square70x70logo src="tile.png"/> | ||
<square150x150logo src="tile.png"/> | ||
<wide310x150logo src="tile-wide.png"/> | ||
<square310x310logo src="tile.png"/> | ||
</tile> | ||
</msapplication> | ||
</browserconfig> |
@@ -0,0 +1,265 @@ | ||
/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ */ | ||
|
||
/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */ | ||
/* | ||
* What follows is the result of much research on cross-browser styling. | ||
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, | ||
* Kroc Camen, and the H5BP dev community and team. | ||
*/ | ||
|
||
/* ========================================================================== | ||
Base styles: opinionated defaults | ||
========================================================================== */ | ||
|
||
html { | ||
color: #222; | ||
font-size: 1em; | ||
line-height: 1.4; | ||
} | ||
|
||
/* | ||
* Remove text-shadow in selection highlight: | ||
* https://twitter.com/miketaylr/status/12228805301 | ||
* | ||
* Vendor-prefixed and regular ::selection selectors cannot be combined: | ||
* https://stackoverflow.com/a/16982510/7133471 | ||
* | ||
* Customize the background color to match your design. | ||
*/ | ||
|
||
::-moz-selection { | ||
background: #b3d4fc; | ||
text-shadow: none; | ||
} | ||
|
||
::selection { | ||
background: #b3d4fc; | ||
text-shadow: none; | ||
} | ||
|
||
/* | ||
* A better looking default horizontal rule | ||
*/ | ||
|
||
hr { | ||
display: block; | ||
height: 1px; | ||
border: 0; | ||
border-top: 1px solid #ccc; | ||
margin: 1em 0; | ||
padding: 0; | ||
} | ||
|
||
/* | ||
* Remove the gap between audio, canvas, iframes, | ||
* images, videos and the bottom of their containers: | ||
* https://github.com/h5bp/html5-boilerplate/issues/440 | ||
*/ | ||
|
||
audio, | ||
canvas, | ||
iframe, | ||
img, | ||
svg, | ||
video { | ||
vertical-align: middle; | ||
} | ||
|
||
/* | ||
* Remove default fieldset styles. | ||
*/ | ||
|
||
fieldset { | ||
border: 0; | ||
margin: 0; | ||
padding: 0; | ||
} | ||
|
||
/* | ||
* Allow only vertical resizing of textareas. | ||
*/ | ||
|
||
textarea { | ||
resize: vertical; | ||
} | ||
|
||
/* ========================================================================== | ||
Browser Upgrade Prompt | ||
========================================================================== */ | ||
|
||
.browserupgrade { | ||
margin: 0.2em 0; | ||
background: #ccc; | ||
color: #000; | ||
padding: 0.2em 0; | ||
} | ||
|
||
/* ========================================================================== | ||
Author's custom styles | ||
========================================================================== */ | ||
|
||
/* ========================================================================== | ||
Helper classes | ||
========================================================================== */ | ||
|
||
/* | ||
* Hide visually and from screen readers | ||
*/ | ||
|
||
.hidden { | ||
display: none !important; | ||
} | ||
|
||
/* | ||
* Hide only visually, but have it available for screen readers: | ||
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility | ||
* | ||
* 1. For long content, line feeds are not interpreted as spaces and small width | ||
* causes content to wrap 1 word per line: | ||
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe | ||
*/ | ||
|
||
.sr-only { | ||
border: 0; | ||
clip: rect(0, 0, 0, 0); | ||
height: 1px; | ||
margin: -1px; | ||
overflow: hidden; | ||
padding: 0; | ||
position: absolute; | ||
white-space: nowrap; | ||
width: 1px; | ||
/* 1 */ | ||
} | ||
|
||
/* | ||
* Extends the .sr-only class to allow the element | ||
* to be focusable when navigated to via the keyboard: | ||
* https://www.drupal.org/node/897638 | ||
*/ | ||
|
||
.sr-only.focusable:active, | ||
.sr-only.focusable:focus { | ||
clip: auto; | ||
height: auto; | ||
margin: 0; | ||
overflow: visible; | ||
position: static; | ||
white-space: inherit; | ||
width: auto; | ||
} | ||
|
||
/* | ||
* Hide visually and from screen readers, but maintain layout | ||
*/ | ||
|
||
.invisible { | ||
visibility: hidden; | ||
} | ||
|
||
/* | ||
* Clearfix: contain floats | ||
* | ||
* For modern browsers | ||
* 1. The space content is one way to avoid an Opera bug when the | ||
* `contenteditable` attribute is included anywhere else in the document. | ||
* Otherwise it causes space to appear at the top and bottom of elements | ||
* that receive the `clearfix` class. | ||
* 2. The use of `table` rather than `block` is only necessary if using | ||
* `:before` to contain the top-margins of child elements. | ||
*/ | ||
|
||
.clearfix:before, | ||
.clearfix:after { | ||
content: " "; | ||
/* 1 */ | ||
display: table; | ||
/* 2 */ | ||
} | ||
|
||
.clearfix:after { | ||
clear: both; | ||
} | ||
|
||
/* ========================================================================== | ||
EXAMPLE Media Queries for Responsive Design. | ||
These examples override the primary ('mobile first') styles. | ||
Modify as content requires. | ||
========================================================================== */ | ||
|
||
@media only screen and (min-width: 35em) { | ||
/* Style adjustments for viewports that meet the condition */ | ||
} | ||
|
||
@media print, | ||
(-webkit-min-device-pixel-ratio: 1.25), | ||
(min-resolution: 1.25dppx), | ||
(min-resolution: 120dpi) { | ||
/* Style adjustments for high resolution devices */ | ||
} | ||
|
||
/* ========================================================================== | ||
Print styles. | ||
Inlined to avoid the additional HTTP request: | ||
https://www.phpied.com/delay-loading-your-print-css/ | ||
========================================================================== */ | ||
|
||
@media print { | ||
*, | ||
*:before, | ||
*:after { | ||
background: transparent !important; | ||
color: #000 !important; | ||
/* Black prints faster */ | ||
box-shadow: none !important; | ||
text-shadow: none !important; | ||
} | ||
a, | ||
a:visited { | ||
text-decoration: underline; | ||
} | ||
a[href]:after { | ||
content: " (" attr(href) ")"; | ||
} | ||
abbr[title]:after { | ||
content: " (" attr(title) ")"; | ||
} | ||
/* | ||
* Don't show links that are fragment identifiers, | ||
* or use the `javascript:` pseudo protocol | ||
*/ | ||
a[href^="#"]:after, | ||
a[href^="javascript:"]:after { | ||
content: ""; | ||
} | ||
pre { | ||
white-space: pre-wrap !important; | ||
} | ||
pre, | ||
blockquote { | ||
border: 1px solid #999; | ||
page-break-inside: avoid; | ||
} | ||
/* | ||
* Printing Tables: | ||
* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables | ||
*/ | ||
thead { | ||
display: table-header-group; | ||
} | ||
tr, | ||
img { | ||
page-break-inside: avoid; | ||
} | ||
p, | ||
h2, | ||
h3 { | ||
orphans: 3; | ||
widows: 3; | ||
} | ||
h2, | ||
h3 { | ||
page-break-after: avoid; | ||
} | ||
} | ||
|
Oops, something went wrong.