From c85a355ccd5a5d2d9ef954a8b87954333de8f279 Mon Sep 17 00:00:00 2001 From: Nathan Chapman Date: Wed, 16 Jun 2021 06:50:56 -0600 Subject: [PATCH] Major content updates adding recent projects and school portfolio --- .gitignore | 0 .well-known/keybase.txt | 0 images/website_berthume.png | Bin images/website_bltc.png | Bin images/website_favati.png | Bin images/website_jac.png | Bin images/website_jhc.png | Bin images/website_owlsprit.png | Bin images/website_ptdefense.png | Bin images/website_wallyworks.png | Bin images/workdesk_01.png | Bin images/workdesk_02.png | Bin images/workdesk_03.png | Bin images/workdesk_04.png | Bin images/workroom_01.png | Bin images/workroom_02.png | Bin images/workroom_03.png | Bin images/workroom_04.png | Bin index.html | 8 ++- scripts/index.js | 0 styles/index.css | 90 ++++++++++++++++------- styles/normalize.css | 0 websites/index.html | 131 ++++++++++++++++++++++++++++------ 23 files changed, 176 insertions(+), 53 deletions(-) mode change 100644 => 100755 .gitignore mode change 100644 => 100755 .well-known/keybase.txt mode change 100644 => 100755 images/website_berthume.png mode change 100644 => 100755 images/website_bltc.png mode change 100644 => 100755 images/website_favati.png mode change 100644 => 100755 images/website_jac.png mode change 100644 => 100755 images/website_jhc.png mode change 100644 => 100755 images/website_owlsprit.png mode change 100644 => 100755 images/website_ptdefense.png mode change 100644 => 100755 images/website_wallyworks.png mode change 100644 => 100755 images/workdesk_01.png mode change 100644 => 100755 images/workdesk_02.png mode change 100644 => 100755 images/workdesk_03.png mode change 100644 => 100755 images/workdesk_04.png mode change 100644 => 100755 images/workroom_01.png mode change 100644 => 100755 images/workroom_02.png mode change 100644 => 100755 images/workroom_03.png mode change 100644 => 100755 images/workroom_04.png mode change 100644 => 100755 index.html mode change 100644 => 100755 scripts/index.js mode change 100644 => 100755 styles/index.css mode change 100644 => 100755 styles/normalize.css mode change 100644 => 100755 websites/index.html diff --git a/.gitignore b/.gitignore old mode 100644 new mode 100755 diff --git a/.well-known/keybase.txt b/.well-known/keybase.txt old mode 100644 new mode 100755 diff --git a/images/website_berthume.png b/images/website_berthume.png old mode 100644 new mode 100755 diff --git a/images/website_bltc.png b/images/website_bltc.png old mode 100644 new mode 100755 diff --git a/images/website_favati.png b/images/website_favati.png old mode 100644 new mode 100755 diff --git a/images/website_jac.png b/images/website_jac.png old mode 100644 new mode 100755 diff --git a/images/website_jhc.png b/images/website_jhc.png old mode 100644 new mode 100755 diff --git a/images/website_owlsprit.png b/images/website_owlsprit.png old mode 100644 new mode 100755 diff --git a/images/website_ptdefense.png b/images/website_ptdefense.png old mode 100644 new mode 100755 diff --git a/images/website_wallyworks.png b/images/website_wallyworks.png old mode 100644 new mode 100755 diff --git a/images/workdesk_01.png b/images/workdesk_01.png old mode 100644 new mode 100755 diff --git a/images/workdesk_02.png b/images/workdesk_02.png old mode 100644 new mode 100755 diff --git a/images/workdesk_03.png b/images/workdesk_03.png old mode 100644 new mode 100755 diff --git a/images/workdesk_04.png b/images/workdesk_04.png old mode 100644 new mode 100755 diff --git a/images/workroom_01.png b/images/workroom_01.png old mode 100644 new mode 100755 diff --git a/images/workroom_02.png b/images/workroom_02.png old mode 100644 new mode 100755 diff --git a/images/workroom_03.png b/images/workroom_03.png old mode 100644 new mode 100755 diff --git a/images/workroom_04.png b/images/workroom_04.png old mode 100644 new mode 100755 diff --git a/index.html b/index.html old mode 100644 new mode 100755 index 0ddc57b..a370f96 --- a/index.html +++ b/index.html @@ -12,14 +12,16 @@ - + +

Nathan Chapman

@@ -44,7 +46,7 @@ diff --git a/scripts/index.js b/scripts/index.js old mode 100644 new mode 100755 diff --git a/styles/index.css b/styles/index.css old mode 100644 new mode 100755 index 46912b7..ddf66e6 --- a/styles/index.css +++ b/styles/index.css @@ -6,8 +6,8 @@ html { body { max-width: 1024px; - margin: 1em auto; - padding: 0 3em; + margin: 1rem auto; + padding: 0 3rem; background-color: #c1c2c0; color: #323834; font-family: 'Heebo', sans-serif; @@ -27,28 +27,38 @@ p { margin-bottom: 1.15rem; } h1, h2, h3, h4, h5 { - /*margin: 2.75rem 0 1.05rem;*/ - margin: 0 0 1.05rem; + margin: 3rem 0 1.05rem; font-weight: 800; line-height: 1.15; } +h1:first-child, +h2:first-child, +h3:first-child, +h4:first-child, +h5:first-child { + margin-top: 1rem; +} + h1 { - font-size: 2.488em; + font-size: 2.488rem; } h2 { - font-size: 2.074em; + font-size: 2.074rem; } h3 { - font-size: 1.728em; + font-size: 1.728rem; } h4 { - font-size: 1.44em; + font-size: 1.44rem; +} +h3 + h4 { + margin-top: 0; } h5 { - font-size: 1.2em; + font-size: 1.2rem; } small { - font-size: 0.833em; + font-size: 0.833rem; } a { @@ -57,6 +67,15 @@ a { white-space: nowrap; } +dl dt { + font-style: italic; + font-weight: bold; +} + +dd + dt { + margin-top: 1.15rem; +} + img { width: 100%; } @@ -68,37 +87,54 @@ nav { section { padding: 1em; background-color: #ebebea; - border: 1px solid #bdc3c7; - box-shadow: 0 0 4px #bdc3c7; - margin-bottom: 1.3em; + border: 0.0625rem solid #bdc3c7; + box-shadow: 0 0 0.25rem #bdc3c7; + margin-bottom: 1.3rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +iframe { + margin-bottom: 1rem; + border: 0; + height: 400px; + width: 400px; +} + +figure { + margin: 0 0 1rem; + padding: 0; + width: 100%; +} + +figure img { + border: 0.0625rem solid #bdc3c7; +} + +figure figcaption { + text-align: center; + font-style: italic; + font-size: 0.833rem; +} + + .albums-list, .website-list { display: flex; flex-flow: row wrap; justify-content: space-evenly; } -iframe { - margin-bottom: 1em; - border: 0; - height: 400px; - width: 400px; -} - .website-list__item { display: flex; flex-direction: column; max-width: 400px; - margin-bottom: 1em; + margin-bottom: 2rem; font-weight: bold; } .website-list__item img { - border: 1px solid #c1c2c0; + border: 0.0625rem solid #c1c2c0; } @media all and (max-width: 1000px) { @@ -107,7 +143,7 @@ iframe { } .website-list__item { max-width: 100%; - margin-bottom: 2em; + margin-bottom: 2rem; } } @@ -118,13 +154,13 @@ footer { } -@media all and (max-width: 500px) { +@media all and (max-width: 600px) { body { margin: 0; - padding: 3em 0; + padding: 1rem 0; } header { - padding: 0 1em; + padding: 0 1rem; flex-flow: column; justify-content: space-around; } @@ -133,6 +169,6 @@ footer { } .website-list__item { max-width: 100%; - margin-bottom: 2em; + margin-bottom: 2rem; } } diff --git a/styles/normalize.css b/styles/normalize.css old mode 100644 new mode 100755 diff --git a/websites/index.html b/websites/index.html old mode 100644 new mode 100755 index 1f8ef01..5c0edbf --- a/websites/index.html +++ b/websites/index.html @@ -13,14 +13,15 @@ - +

Nathan Chapman

@@ -37,62 +38,146 @@

Websites

+ + + Monolith of Minds Blog + - Ayla Favati + Ayla Favati - JHC Illustration + JHC Illustration - JJay Berthume Music + JJay Berthume Music - Wallyworks Construction + Wallyworks Construction - Owl Sprit Cafe + Owl Sprit Cafe - Better Living Coffee + Better Living Coffee - PT Defense + PT Defense - JAC Defenders + JAC Defenders

Web Apps

-

Workroom

-

Timecards and labor tracking

- - - - -
-

Workdesk

+
+
+ BTech Time Tracker +
+
+ Workdesk +
+
+ BTech CNA Charting +
+
+ Workroom +
+
+

BTech Time Tracker

+

Track and manage sessions

+
+ +
Welcome page
+
+
+ +
Student profile and recent activity
+
+
+ +
Past sessions (pagination)
+
+
+ +
Scan a QR code to clock in
+
+
+ +
Instructor home page shows activity for department
+
+ +

Workdesk

Shift assignments and preferences

- - - - +
+ +
All shifts
+
+
+ +
Type to filter shifts
+
+
+ +
See employee details
+
+
+ +
Employee can sort their shift preferences
+
+ +

BTech CNA Charting

+

Certified Nurse Assistant Charting Application

+
+ +
Easily input the chart info
+
+
+ +
Data is saved automatically
+
+
+ +
View chart details
+
+
+ +
Produce PDF of chart for print
+
+ +

Workroom

+

Timecards and labor tracking

+
+ +
Employee timecard
+
+
+ +
Input daily tasks
+
+
+ +
Manage projects for consistent naming
+
+
+ +
See and edit task details
+