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,116 additions
and 0 deletions.
- +1 −0 .gitignore
- +62 −0 404.html
- +19 −0 LICENSE.txt
- +12 −0 browserconfig.xml
- +265 −0 css/main.css
- +349 −0 css/normalize.css
- +34 −0 doc/TOC.md
- +49 −0 doc/css.md
- +639 −0 doc/extend.md
- +40 −0 doc/faq.md
- +205 −0 doc/html.md
- +36 −0 doc/js.md
- +173 −0 doc/misc.md
- +130 −0 doc/usage.md
- BIN favicon.ico
- +15 −0 humans.txt
- BIN icon.png
- 0 img/.gitignore
- 0 js/main.js
- +24 −0 js/plugins.js
- +2 −0 js/vendor/jquery-3.4.1.min.js
- +3 −0 js/vendor/modernizr-3.8.0.min.js
- +5 −0 robots.txt
- +12 −0 site.webmanifest
- BIN tile-wide.png
- BIN tile.png
- +41 −0 wk2-about-me.html
@@ -0,0 +1 @@ | |||
.DS_Store |
@@ -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.