diff --git a/about.html b/about.html new file mode 100644 index 000000000..c5f7d49e6 --- /dev/null +++ b/about.html @@ -0,0 +1,79 @@ + + + + + About + + + + + +
+ + +
+
+

About me

+ + + +
+
+ +
+
+

1st Bucket!

+
+
+

2nd Bucket!

+
+
+

3rd Bucket

+ +
+
+
+ + + + + + + + diff --git a/code-journal.html b/code-journal.html new file mode 100644 index 000000000..eff3f950d --- /dev/null +++ b/code-journal.html @@ -0,0 +1,92 @@ + + + + + + Code Journal + + + + + +
+ + +
+
+

Journal

+ + + +
+
+ +
+
+

Morbi at auctor urna

+

+ nec congue leo. Aenean rutrum eleifend elit, non tincidunt turpis rutrum vitae. Nunc turpis augue, lobortis nec faucibus sagittis, scelerisque id ex. Cras eget ante quam. Vivamus mi est, imperdiet vitae lacus et, posuere pellentesque leo. Suspendisse at nibh vel ante interdum pretium. Phasellus consequat feugiat massa, ac consequat arcu sagittis a. Aenean semper porttitor ultricies. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec non porta orci. Phasellus ex magna, semper id rutrum et, volutpat vestibulum ante. Fusce euismod, dolor sit amet porttitor tempor, risus elit mattis erat, ut maximus diam eros a quam. +

+
+
+

Sed id sagittis quam.

+

+ Aliquam condimentum dolor sed ullamcorper rhoncus. Fusce ex dolor, auctor bibendum consectetur ac, sodales et magna. Vestibulum faucibus varius hendrerit. Vestibulum commodo est eu dui tristique, et tincidunt libero efficitur. Suspendisse gravida ligula ut ullamcorper tincidunt. Nulla quis est commodo, consectetur velit a, tincidunt felis. +

+
+
+

Ut varius quis risus egestas ornare.

+

+ Curabitur eu auctor urna. Praesent egestas vitae nibh et porta. Vestibulum sit amet lacus sodales, luctus sem pulvinar, fringilla enim. Proin aliquam interdum velit, at blandit lacus varius sit amet. Maecenas ac orci ac nibh lacinia laoreet id eget mauris. Morbi quis hendrerit mi, in pulvinar lacus. Duis auctor neque vel tincidunt tempor. Maecenas vel dui fermentum, cursus ipsum non, sollicitudin ex. Phasellus id leo sit amet nibh mollis dignissim. Donec pharetra mi eget felis suscipit varius. Curabitur tempor, ipsum eget aliquam finibus, mauris eros rhoncus mi, non semper lacus ex lobortis odio. Sed molestie ipsum sit amet massa scelerisque, id porta sapien laoreet. Sed et lectus aliquet, dignissim eros tincidunt, euismod quam. Curabitur congue dui a gravida fringilla. Vestibulum quis neque quis sapien interdum gravida. +

+
+
+

Aenean sit amet urna dui.

+

+ Fusce ac ornare massa. Aliquam scelerisque dignissim feugiat. Integer sollicitudin mattis porttitor. Vestibulum diam nisi, feugiat sit amet lobortis at, consectetur scelerisque ligula. Vestibulum tincidunt odio at ex lacinia, rutrum sollicitudin felis maximus. Nullam sit amet dolor id diam gravida dignissim at ut ex. Phasellus vehicula ornare tortor, ac dapibus dolor imperdiet a. +

+
+
+
+ + + + + + diff --git a/images/lab-safety-assessments-inspections.jpg b/images/lab-safety-assessments-inspections.jpg new file mode 100644 index 000000000..43a41e87f Binary files /dev/null and b/images/lab-safety-assessments-inspections.jpg differ diff --git a/images/lms.jpg b/images/lms.jpg new file mode 100644 index 000000000..fa40bdac0 Binary files /dev/null and b/images/lms.jpg differ diff --git a/images/source_energy.jpg b/images/source_energy.jpg new file mode 100644 index 000000000..2277e17f0 Binary files /dev/null and b/images/source_energy.jpg differ diff --git a/images/windup.jpg b/images/windup.jpg new file mode 100644 index 000000000..6a25e34b1 Binary files /dev/null and b/images/windup.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 000000000..f5c62cb47 --- /dev/null +++ b/index.html @@ -0,0 +1,99 @@ + + + + + + Index + + + + + +
+ + +
+
+ +

Hip hip!

+ Go team + +
+
+ + +
+
+

Go team!

+

+ Go team! +

+
+
+

Go team! Go team!

+

+ Go team! +

+

+ Go team! +

+
+
+

Go team! Go team! Go team!

+
    +
  • +

    Go team!

    +
  • +
  • +

    Go team!

    +
  • +
  • +

    Go team!

    +
  • +
+
+
+
+ + + + + + + diff --git a/lab-safety-assessments-inspections.jpg b/lab-safety-assessments-inspections.jpg new file mode 100644 index 000000000..43a41e87f Binary files /dev/null and b/lab-safety-assessments-inspections.jpg differ diff --git a/lms.jpg b/lms.jpg new file mode 100644 index 000000000..fa40bdac0 Binary files /dev/null and b/lms.jpg differ diff --git a/normalize.css b/normalize.css new file mode 100644 index 000000000..47b010e47 --- /dev/null +++ b/normalize.css @@ -0,0 +1,341 @@ +/*! normalize.css v8.0.0 | 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; +} + +/** + * 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; +} diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 000000000..ea36126f5 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,89 @@ + + + + + Portfolio + + + + + +
+ + +
+
+

Portfolio

+ + +
+
+ +
+
+

Safety

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui justo, porta vel accumsan id, gravida a nulla.

+

Aliquam bibendum libero at mi ullamcorper, quis venenatis erat posuere. Ut et ante aliquam, suscipit elit quis, aliquam massa. In tempor imperdiet malesuada.

+ clipboard + +
+
+

Energy Management

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui justo, porta vel accumsan id, gravida a nulla.

+

Aliquam bibendum libero at mi ullamcorper, quis venenatis erat posuere. Ut et ante aliquam, suscipit elit quis, aliquam massa. In tempor imperdiet malesuada.

+ energy +
+
+

Training

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui justo, porta vel accumsan id, gravida a nulla.

+

Aliquam bibendum libero at mi ullamcorper, quis venenatis erat posuere. Ut et ante aliquam, suscipit elit quis, aliquam massa. In tempor imperdiet malesuada.

+ learning +
+
+
+ + + + + + + + + + diff --git a/source_energy.jpg b/source_energy.jpg new file mode 100644 index 000000000..2277e17f0 Binary files /dev/null and b/source_energy.jpg differ diff --git a/styles.css b/styles.css new file mode 100644 index 000000000..635523a59 --- /dev/null +++ b/styles.css @@ -0,0 +1,134 @@ +body { + font-family: Helvetica, sans-serif; + /* margin: 0; */ +} + + + +.site-container { + min-height: 900px; +} + +nav { + height: 5vh; + border-bottom: 1px solid black; +} + +nav ul { + display: flex; + list-style-type: none; + justify-content: space-around; +} + +.site-container > section { + margin: 50px auto; +} + +.intro-content { + width: 80vw; + margin: 0 auto; +} + +.profile-picture { + border-radius: 50%; + float: left; + margin-right: 50px; +} + +.intro-content h1 { +} + +.intro-content span { + display: block; + font-style: italic; +} + +.intro-content strong { + font-weight: bolder; + text-decoration: dotted; +} + +.detail-container { + display: grid; + grid-template-columns: 1fr 1fr 1fr; +padding-left: 20px; +padding-right: 20px; +} +.detail-container h2 { + text-align: center; +} +.detail-container > section { + padding: 25px; + padding-bottom: 100px; + background-color: rgb(107, 170, 70); + color: white; + border-right: 5px dotted white; + list-style-type: none; + margin-bottom: 2em; +} + +.detail-container > section:last-child { + border-right: 0; +} + +.detail-container ul { + list-style-type: none; +} +.article-container { + display: grid; + grid-template-rows: 1fr 1fr 1fr; + padding-left: 100px; + padding-right: 100px; +} +.article-container h2 { + text-align: center; + text-decoration: underline; +} + +.article-container > section { + padding: 25px; + padding-bottom: 50px; + background-color: rgb(107, 170, 70); + color: white; + border-right: 5px ; + list-style-type: none; + margin-bottom: 2em; +} + +.portfolio-picture { + display: block; + margin-left: auto; + margin-right: auto; + width: 300px; + height: auto; + padding-top: 1em; +} + +#footer { + border-top: 1px solid black; + text-align: center; + +} +#footer ul { + /* display: grid; + grid-template: 10vh / 1fr 1fr 1fr 1fr 1fr; + list-style-type: none; */ + + display: flex; + list-style-type: none; + justify-content: space-around; + margin: 2em +} + +/* +.site-container nav ul { +display: flex; +list-style-type: none; +justify-content: space-around; +} + + + + + +*/ diff --git a/styles/normalize.css b/styles/normalize.css new file mode 100644 index 000000000..47b010e47 --- /dev/null +++ b/styles/normalize.css @@ -0,0 +1,341 @@ +/*! normalize.css v8.0.0 | 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; +} + +/** + * 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; +} diff --git a/styles/styles.css b/styles/styles.css new file mode 100644 index 000000000..635523a59 --- /dev/null +++ b/styles/styles.css @@ -0,0 +1,134 @@ +body { + font-family: Helvetica, sans-serif; + /* margin: 0; */ +} + + + +.site-container { + min-height: 900px; +} + +nav { + height: 5vh; + border-bottom: 1px solid black; +} + +nav ul { + display: flex; + list-style-type: none; + justify-content: space-around; +} + +.site-container > section { + margin: 50px auto; +} + +.intro-content { + width: 80vw; + margin: 0 auto; +} + +.profile-picture { + border-radius: 50%; + float: left; + margin-right: 50px; +} + +.intro-content h1 { +} + +.intro-content span { + display: block; + font-style: italic; +} + +.intro-content strong { + font-weight: bolder; + text-decoration: dotted; +} + +.detail-container { + display: grid; + grid-template-columns: 1fr 1fr 1fr; +padding-left: 20px; +padding-right: 20px; +} +.detail-container h2 { + text-align: center; +} +.detail-container > section { + padding: 25px; + padding-bottom: 100px; + background-color: rgb(107, 170, 70); + color: white; + border-right: 5px dotted white; + list-style-type: none; + margin-bottom: 2em; +} + +.detail-container > section:last-child { + border-right: 0; +} + +.detail-container ul { + list-style-type: none; +} +.article-container { + display: grid; + grid-template-rows: 1fr 1fr 1fr; + padding-left: 100px; + padding-right: 100px; +} +.article-container h2 { + text-align: center; + text-decoration: underline; +} + +.article-container > section { + padding: 25px; + padding-bottom: 50px; + background-color: rgb(107, 170, 70); + color: white; + border-right: 5px ; + list-style-type: none; + margin-bottom: 2em; +} + +.portfolio-picture { + display: block; + margin-left: auto; + margin-right: auto; + width: 300px; + height: auto; + padding-top: 1em; +} + +#footer { + border-top: 1px solid black; + text-align: center; + +} +#footer ul { + /* display: grid; + grid-template: 10vh / 1fr 1fr 1fr 1fr 1fr; + list-style-type: none; */ + + display: flex; + list-style-type: none; + justify-content: space-around; + margin: 2em +} + +/* +.site-container nav ul { +display: flex; +list-style-type: none; +justify-content: space-around; +} + + + + + +*/ diff --git a/windup.jpg b/windup.jpg new file mode 100644 index 000000000..6a25e34b1 Binary files /dev/null and b/windup.jpg differ