From 670df93255701d535f18f22ab2d2a30d15b5ef4a Mon Sep 17 00:00:00 2001 From: BYUIOMDA Date: Sun, 24 Sep 2023 11:01:25 -0600 Subject: [PATCH] 0.1.1 added favicon and normalize. reference sheet updated --- images/favicon.ico | Bin 0 -> 15406 bytes index.html | 2 + readme.txt | 11 +- styles/normalize.css | 349 +++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 361 insertions(+), 1 deletion(-) create mode 100644 images/favicon.ico create mode 100644 styles/normalize.css diff --git a/images/favicon.ico b/images/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..10b5ae8e860d1776918205a21278bbd687e47a98 GIT binary patch literal 15406 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 132cf17..b9903ac 100644 --- a/index.html +++ b/index.html @@ -2,6 +2,7 @@ + @@ -10,6 +11,7 @@ +
diff --git a/readme.txt b/readme.txt index 03f63c6..18b1a57 100644 --- a/readme.txt +++ b/readme.txt @@ -1 +1,10 @@ -Used chatgpt and google to organize and brainstorm. Used friends code snippet and some sample pages to see the structure of complete pages \ No newline at end of file +Used chatgpt and google to organize and brainstorm. Used friends code snippet and some sample pages to see the structure of complete pages + + +For favicon: +This favicon was generated using the following graphics from Twitter Twemoji: + +- Graphics Title: 1f393.svg +- Graphics Author: Copyright 2020 Twitter, Inc and other contributors (https://github.com/twitter/twemoji) +- Graphics Source: https://github.com/twitter/twemoji/blob/master/assets/svg/1f393.svg +- Graphics License: CC-BY 4.0 (https://creativecommons.org/licenses/by/4.0/) diff --git a/styles/normalize.css b/styles/normalize.css new file mode 100644 index 0000000..c45a85f --- /dev/null +++ b/styles/normalize.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + + html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + } + + /* Sections + ========================================================================== */ + + /** + * Remove the margin in all browsers. + */ + + body { + margin: 0; + } + + /** + * Render the `main` element consistently in IE. + */ + + main { + display: block; + } + + /** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + + h1 { + font-size: 2em; + margin: 0.67em 0; + } + + /* Grouping content + ========================================================================== */ + + /** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + + hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ + } + + /** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + + pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ + } + + /* Text-level semantics + ========================================================================== */ + + /** + * Remove the gray background on active links in IE 10. + */ + + a { + background-color: transparent; + } + + /** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + + abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ + } + + /** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + + b, + strong { + font-weight: bolder; + } + + /** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + + code, + kbd, + samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ + } + + /** + * Add the correct font size in all browsers. + */ + + small { + font-size: 80%; + } + + /** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + + sub, + sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sub { + bottom: -0.25em; + } + + sup { + top: -0.5em; + } + + /* Embedded content + ========================================================================== */ + + /** + * Remove the border on images inside links in IE 10. + */ + + img { + border-style: none; + } + + /* Forms + ========================================================================== */ + + /** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + + button, + input, + optgroup, + select, + textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ + } + + /** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + + button, + input { /* 1 */ + overflow: visible; + } + + /** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + + button, + select { /* 1 */ + text-transform: none; + } + + /** + * Correct the inability to style clickable types in iOS and Safari. + */ + + button, + [type="button"], + [type="reset"], + [type="submit"] { + -webkit-appearance: button; + } + + /** + * Remove the inner border and padding in Firefox. + */ + + button::-moz-focus-inner, + [type="button"]::-moz-focus-inner, + [type="reset"]::-moz-focus-inner, + [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; + } + + /** + * Restore the focus styles unset by the previous rule. + */ + + button:-moz-focusring, + [type="button"]:-moz-focusring, + [type="reset"]:-moz-focusring, + [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; + } + + /** + * Correct the padding in Firefox. + */ + + fieldset { + padding: 0.35em 0.75em 0.625em; + } + + /** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + + legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ + } + + /** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + + progress { + vertical-align: baseline; + } + + /** + * Remove the default vertical scrollbar in IE 10+. + */ + + textarea { + overflow: auto; + } + + /** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + + [type="checkbox"], + [type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + } + + /** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + + [type="number"]::-webkit-inner-spin-button, + [type="number"]::-webkit-outer-spin-button { + height: auto; + } + + /** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + + [type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ + } + + /** + * Remove the inner padding in Chrome and Safari on macOS. + */ + + [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + } + + /** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + + ::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ + } + + /* Interactive + ========================================================================== */ + + /* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + + details { + display: block; + } + + /* + * Add the correct display in all browsers. + */ + + summary { + display: list-item; + } + + /* Misc + ========================================================================== */ + + /** + * Add the correct display in IE 10+. + */ + + template { + display: none; + } + + /** + * Add the correct display in IE 10. + */ + + [hidden] { + display: none; + } \ No newline at end of file