diff --git a/Pipfile b/Pipfile new file mode 100644 index 0000000..b4ee776 --- /dev/null +++ b/Pipfile @@ -0,0 +1,13 @@ +[[source]] +url = "https://pypi.org/simple" +verify_ssl = true +name = "pypi" + +[packages] +jinja2 = "*" +staticjinja = "*" + +[dev-packages] + +[requires] +python_version = "3.9" diff --git a/Pipfile.lock b/Pipfile.lock new file mode 100644 index 0000000..56ea6fd --- /dev/null +++ b/Pipfile.lock @@ -0,0 +1,155 @@ +{ + "_meta": { + "hash": { + "sha256": "4ae95b28a4c1596654dab03c10dfd9a18bd7498b1500071b7a8797c5eb3606f6" + }, + "pipfile-spec": 6, + "requires": { + "python_version": "3.9" + }, + "sources": [ + { + "name": "pypi", + "url": "https://pypi.org/simple", + "verify_ssl": true + } + ] + }, + "default": { + "docopt-ng": { + "hashes": [ + "sha256:86ceea032f0cfa59e60776eb0cf38ac73653581022872320f47dc874678d7244", + "sha256:e98145cc02220ac5b1a8ee1c40ca9cc0cbd8e480a1b4928872bde686dc48660b" + ], + "version": "==0.7.2" + }, + "easywatch": { + "hashes": [ + "sha256:0cded70106083eade6e32f66eef1f9400cb039f4c6f70e91c4499ffda26480ac", + "sha256:d1968677a284dbb345357b6195faf805c6822a2d0cc2b8b6c3a8dd7dcb811c53" + ], + "version": "==0.0.5" + }, + "jinja2": { + "hashes": [ + "sha256:077ce6014f7b40d03b47d1f1ca4b0fc8328a692bd284016f806ed0eaca390ad8", + "sha256:611bb273cd68f3b993fabdc4064fc858c5b47a973cb5aa7999ec1ba405c87cd7" + ], + "index": "pypi", + "version": "==3.0.3" + }, + "markupsafe": { + "hashes": [ + "sha256:01a9b8ea66f1658938f65b93a85ebe8bc016e6769611be228d797c9d998dd298", + "sha256:023cb26ec21ece8dc3907c0e8320058b2e0cb3c55cf9564da612bc325bed5e64", + "sha256:0446679737af14f45767963a1a9ef7620189912317d095f2d9ffa183a4d25d2b", + "sha256:04635854b943835a6ea959e948d19dcd311762c5c0c6e1f0e16ee57022669194", + "sha256:0717a7390a68be14b8c793ba258e075c6f4ca819f15edfc2a3a027c823718567", + "sha256:0955295dd5eec6cb6cc2fe1698f4c6d84af2e92de33fbcac4111913cd100a6ff", + "sha256:0d4b31cc67ab36e3392bbf3862cfbadac3db12bdd8b02a2731f509ed5b829724", + "sha256:10f82115e21dc0dfec9ab5c0223652f7197feb168c940f3ef61563fc2d6beb74", + "sha256:168cd0a3642de83558a5153c8bd34f175a9a6e7f6dc6384b9655d2697312a646", + "sha256:1d609f577dc6e1aa17d746f8bd3c31aa4d258f4070d61b2aa5c4166c1539de35", + "sha256:1f2ade76b9903f39aa442b4aadd2177decb66525062db244b35d71d0ee8599b6", + "sha256:20dca64a3ef2d6e4d5d615a3fd418ad3bde77a47ec8a23d984a12b5b4c74491a", + "sha256:2a7d351cbd8cfeb19ca00de495e224dea7e7d919659c2841bbb7f420ad03e2d6", + "sha256:2d7d807855b419fc2ed3e631034685db6079889a1f01d5d9dac950f764da3dad", + "sha256:2ef54abee730b502252bcdf31b10dacb0a416229b72c18b19e24a4509f273d26", + "sha256:36bc903cbb393720fad60fc28c10de6acf10dc6cc883f3e24ee4012371399a38", + "sha256:37205cac2a79194e3750b0af2a5720d95f786a55ce7df90c3af697bfa100eaac", + "sha256:3c112550557578c26af18a1ccc9e090bfe03832ae994343cfdacd287db6a6ae7", + "sha256:3dd007d54ee88b46be476e293f48c85048603f5f516008bee124ddd891398ed6", + "sha256:4296f2b1ce8c86a6aea78613c34bb1a672ea0e3de9c6ba08a960efe0b0a09047", + "sha256:47ab1e7b91c098ab893b828deafa1203de86d0bc6ab587b160f78fe6c4011f75", + "sha256:49e3ceeabbfb9d66c3aef5af3a60cc43b85c33df25ce03d0031a608b0a8b2e3f", + "sha256:4dc8f9fb58f7364b63fd9f85013b780ef83c11857ae79f2feda41e270468dd9b", + "sha256:4efca8f86c54b22348a5467704e3fec767b2db12fc39c6d963168ab1d3fc9135", + "sha256:53edb4da6925ad13c07b6d26c2a852bd81e364f95301c66e930ab2aef5b5ddd8", + "sha256:5855f8438a7d1d458206a2466bf82b0f104a3724bf96a1c781ab731e4201731a", + "sha256:594c67807fb16238b30c44bdf74f36c02cdf22d1c8cda91ef8a0ed8dabf5620a", + "sha256:5b6d930f030f8ed98e3e6c98ffa0652bdb82601e7a016ec2ab5d7ff23baa78d1", + "sha256:5bb28c636d87e840583ee3adeb78172efc47c8b26127267f54a9c0ec251d41a9", + "sha256:60bf42e36abfaf9aff1f50f52644b336d4f0a3fd6d8a60ca0d054ac9f713a864", + "sha256:611d1ad9a4288cf3e3c16014564df047fe08410e628f89805e475368bd304914", + "sha256:6300b8454aa6930a24b9618fbb54b5a68135092bc666f7b06901f897fa5c2fee", + "sha256:63f3268ba69ace99cab4e3e3b5840b03340efed0948ab8f78d2fd87ee5442a4f", + "sha256:6557b31b5e2c9ddf0de32a691f2312a32f77cd7681d8af66c2692efdbef84c18", + "sha256:693ce3f9e70a6cf7d2fb9e6c9d8b204b6b39897a2c4a1aa65728d5ac97dcc1d8", + "sha256:6a7fae0dd14cf60ad5ff42baa2e95727c3d81ded453457771d02b7d2b3f9c0c2", + "sha256:6c4ca60fa24e85fe25b912b01e62cb969d69a23a5d5867682dd3e80b5b02581d", + "sha256:6fcf051089389abe060c9cd7caa212c707e58153afa2c649f00346ce6d260f1b", + "sha256:7d91275b0245b1da4d4cfa07e0faedd5b0812efc15b702576d103293e252af1b", + "sha256:89c687013cb1cd489a0f0ac24febe8c7a666e6e221b783e53ac50ebf68e45d86", + "sha256:8d206346619592c6200148b01a2142798c989edcb9c896f9ac9722a99d4e77e6", + "sha256:905fec760bd2fa1388bb5b489ee8ee5f7291d692638ea5f67982d968366bef9f", + "sha256:97383d78eb34da7e1fa37dd273c20ad4320929af65d156e35a5e2d89566d9dfb", + "sha256:984d76483eb32f1bcb536dc27e4ad56bba4baa70be32fa87152832cdd9db0833", + "sha256:99df47edb6bda1249d3e80fdabb1dab8c08ef3975f69aed437cb69d0a5de1e28", + "sha256:9f02365d4e99430a12647f09b6cc8bab61a6564363f313126f775eb4f6ef798e", + "sha256:a30e67a65b53ea0a5e62fe23682cfe22712e01f453b95233b25502f7c61cb415", + "sha256:ab3ef638ace319fa26553db0624c4699e31a28bb2a835c5faca8f8acf6a5a902", + "sha256:aca6377c0cb8a8253e493c6b451565ac77e98c2951c45f913e0b52facdcff83f", + "sha256:add36cb2dbb8b736611303cd3bfcee00afd96471b09cda130da3581cbdc56a6d", + "sha256:b2f4bf27480f5e5e8ce285a8c8fd176c0b03e93dcc6646477d4630e83440c6a9", + "sha256:b7f2d075102dc8c794cbde1947378051c4e5180d52d276987b8d28a3bd58c17d", + "sha256:baa1a4e8f868845af802979fcdbf0bb11f94f1cb7ced4c4b8a351bb60d108145", + "sha256:be98f628055368795d818ebf93da628541e10b75b41c559fdf36d104c5787066", + "sha256:bf5d821ffabf0ef3533c39c518f3357b171a1651c1ff6827325e4489b0e46c3c", + "sha256:c47adbc92fc1bb2b3274c4b3a43ae0e4573d9fbff4f54cd484555edbf030baf1", + "sha256:cdfba22ea2f0029c9261a4bd07e830a8da012291fbe44dc794e488b6c9bb353a", + "sha256:d6c7ebd4e944c85e2c3421e612a7057a2f48d478d79e61800d81468a8d842207", + "sha256:d7f9850398e85aba693bb640262d3611788b1f29a79f0c93c565694658f4071f", + "sha256:d8446c54dc28c01e5a2dbac5a25f071f6653e6e40f3a8818e8b45d790fe6ef53", + "sha256:deb993cacb280823246a026e3b2d81c493c53de6acfd5e6bfe31ab3402bb37dd", + "sha256:e0f138900af21926a02425cf736db95be9f4af72ba1bb21453432a07f6082134", + "sha256:e9936f0b261d4df76ad22f8fee3ae83b60d7c3e871292cd42f40b81b70afae85", + "sha256:f0567c4dc99f264f49fe27da5f735f414c4e7e7dd850cfd8e69f0862d7c74ea9", + "sha256:f5653a225f31e113b152e56f154ccbe59eeb1c7487b39b9d9f9cdb58e6c79dc5", + "sha256:f826e31d18b516f653fe296d967d700fddad5901ae07c622bb3705955e1faa94", + "sha256:f8ba0e8349a38d3001fae7eadded3f6606f0da5d748ee53cc1dab1d6527b9509", + "sha256:f9081981fe268bd86831e5c75f7de206ef275defcb82bc70740ae6dc507aee51", + "sha256:fa130dd50c57d53368c9d59395cb5526eda596d3ffe36666cd81a44d56e48872" + ], + "markers": "python_version >= '3.6'", + "version": "==2.0.1" + }, + "staticjinja": { + "hashes": [ + "sha256:5a0e21ec490096a0375c47c701b356e2ae9d3b772094b1c773367b4e6dccabbf", + "sha256:d2cabc97baa58f593e58fefc2d8f3b2bc89995d387074136fef6c67ea985c958" + ], + "index": "pypi", + "version": "==4.1.1" + }, + "watchdog": { + "hashes": [ + "sha256:25fb5240b195d17de949588628fdf93032ebf163524ef08933db0ea1f99bd685", + "sha256:3386b367e950a11b0568062b70cc026c6f645428a698d33d39e013aaeda4cc04", + "sha256:3becdb380d8916c873ad512f1701f8a92ce79ec6978ffde92919fd18d41da7fb", + "sha256:4ae38bf8ba6f39d5b83f78661273216e7db5b00f08be7592062cb1fc8b8ba542", + "sha256:8047da932432aa32c515ec1447ea79ce578d0559362ca3605f8e9568f844e3c6", + "sha256:8f1c00aa35f504197561060ca4c21d3cc079ba29cf6dd2fe61024c70160c990b", + "sha256:922a69fa533cb0c793b483becaaa0845f655151e7256ec73630a1b2e9ebcb660", + "sha256:9693f35162dc6208d10b10ddf0458cc09ad70c30ba689d9206e02cd836ce28a3", + "sha256:a0f1c7edf116a12f7245be06120b1852275f9506a7d90227648b250755a03923", + "sha256:a36e75df6c767cbf46f61a91c70b3ba71811dfa0aca4a324d9407a06a8b7a2e7", + "sha256:aba5c812f8ee8a3ff3be51887ca2d55fb8e268439ed44110d3846e4229eb0e8b", + "sha256:ad6f1796e37db2223d2a3f302f586f74c72c630b48a9872c1e7ae8e92e0ab669", + "sha256:ae67501c95606072aafa865b6ed47343ac6484472a2f95490ba151f6347acfc2", + "sha256:b2fcf9402fde2672545b139694284dc3b665fd1be660d73eca6805197ef776a3", + "sha256:b52b88021b9541a60531142b0a451baca08d28b74a723d0c99b13c8c8d48d604", + "sha256:b7d336912853d7b77f9b2c24eeed6a5065d0a0cc0d3b6a5a45ad6d1d05fb8cd8", + "sha256:bd9ba4f332cf57b2c1f698be0728c020399ef3040577cde2939f2e045b39c1e5", + "sha256:be9be735f827820a06340dff2ddea1fb7234561fa5e6300a62fe7f54d40546a0", + "sha256:cca7741c0fcc765568350cb139e92b7f9f3c9a08c4f32591d18ab0a6ac9e71b6", + "sha256:d0d19fb2441947b58fbf91336638c2b9f4cc98e05e1045404d7a4cb7cddc7a65", + "sha256:e02794ac791662a5eafc6ffeaf9bcc149035a0e48eb0a9d40a8feb4622605a3d", + "sha256:e0f30db709c939cabf64a6dc5babb276e6d823fd84464ab916f9b9ba5623ca15", + "sha256:e92c2d33858c8f560671b448205a268096e17870dcf60a9bb3ac7bfbafb7f5f9" + ], + "markers": "python_version >= '3.6'", + "version": "==2.1.6" + } + }, + "develop": {} +} diff --git a/about/index.html b/about/index.html index 8a890c3..f61e1a4 100644 --- a/about/index.html +++ b/about/index.html @@ -1,53 +1,71 @@ - - - + + + - + - Nathan Chapman + About | Nathan Chapman - - - + + + - - + + + +
-

Nathan Chapman

- +

Nathan Chapman

+

Web designer and developer

+
-
-

About

-
- -

Contact me

-
-
-

Albums

-

I'm also a composer for film, games, and other mediums. I created the soundtracks to the online stories the Last Website and the Story Of Red, a small short Simple Killjoy, and other projects. I received my first introduction to music production and composition in High School and have been pursuing the craft ever since.

-
- - - - -
-
-
+ +
+

About

+
+

I'm a web developer and designer. I make websites and web applications. + +

I got into web development because there was a frustration with people around me wanting a simple, fast, custom site that didn't come from a run-of-the-mill template or theme.

+

I got into web application development because there was a constant frustration with spreadsheets getting out of control and requiring too much maintenance to be useful.

+
+
+
Albums
+

I'm also a composer for film, games, and other mediums. I created the soundtracks to the online stories the Last Website and the Story Of Red, a small short Simple Killjoy, and other projects. I received my first introduction to music production and composition in High School and have been pursuing the craft ever since.

+
+ + + + +
+
+
+
+ + - + \ No newline at end of file diff --git a/index.html b/index.html old mode 100755 new mode 100644 index 2967c9f..a8094d2 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ - Nathan Chapman + Portfolio | Nathan Chapman @@ -23,200 +23,253 @@

Nathan Chapman

Web designer and developer

-
-
-
Contents
-
    -
  1. Websites
    2. -
  2. Web applications
    3. -
-
-
-

Websites

-
- - - Monolith of Minds Blog
- Custom Ghost blog theme
Handlebars, HTML5, CSS3 - - - - JHC Illustration
- Online portfolio for a graphic designer
HTML5, CSS3, Vue - - - - JJay Berthume Music
- Online portfolio for a composer
HTML5, CSS3 - - - - Wallyworks Construction
- Website for construction company
HTML5, CSS3 - - - - Owl Sprit Cafe
- Website for a small restaurant
HTML5, CSS3, Vue - - - - Better Living Coffee
- Website for a coffee shop
HTML5, CSS3 - - - - PT Defense
- Website for a Lawyer
HTML5, CSS3 - - - - JAC Defenders
- Website for attourneys
HTML5, CSS3 - + +
+
+
Contents
+
    +
  1. Websites
    2. +
  2. Web applications
    3. +
  3. School projects
    4. +
+
+
+

Websites

+
+ + + Monolith of Minds Blog
+ Custom Ghost blog theme
Handlebars, HTML5, CSS3 + + + + JHC Illustration
+ Online portfolio for a graphic designer
HTML5, CSS3, Vue + + + + JJay Berthume Music
+ Online portfolio for a composer
HTML5, CSS3 + + + + Wallyworks Construction
+ Website for construction company
HTML5, CSS3 + + + + Owl Sprit Cafe
+ Website for a small restaurant
HTML5, CSS3, Vue + + + + Better Living Coffee
+ Website for a coffee shop
HTML5, CSS3 + + + + PT Defense
+ Website for a Lawyer
HTML5, CSS3 + + + + JAC Defenders
+ Website for attorneys
HTML5, CSS3 + +
+
+
+

Web Applications

+
Contents
+
    +
  1. + BTech Time Tracker +
    2. +
  2. + Workdesk +
    3. +
  3. + BTech CNA Charting +
    4. +
  4. + Workroom +
    5. +
+

BTech Time Tracker

+

Track and manage sessions
Django, HTML5, SCSS

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

Web Applications

-
Contents
-
    -
  1. - BTech Time Tracker -
    2. -
  2. - Workdesk -
    3. -
  3. - BTech CNA Charting -
    4. -
  4. - Workroom -
    5. -
-

BTech Time Tracker

-

Track and manage sessions
Django, HTML5, SCSS

-
-
-
- -
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
Django, Stimulusjs, HTML5, CSS3

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

Workdesk

-

Shift assignments and preferences
Django, Stimulusjs, HTML5, CSS3

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

BTech CNA Charting

+

Certified Nurse Assistant Charting Application
Django, Stimulusjs, HTML5, CSS3

+
+
+
+ +
Track charting information
+
+
+ +
Create a new chart
+
+
+ +
Add a new entry
+
+
+ +
Input patient vitals
+
+
+ +
Review information recorded, automatically sorted by time
+
-
-
-
+
+
+
-

BTech CNA Charting

-

Certified Nurse Assistant Charting Application
Django, Stimulusjs, HTML5, CSS3

-
-
-
- -
Track charting information
-
-
- -
Create a new chart
-
-
- -
Add a new entry
-
-
- -
Input patient vitals
-
-
- -
Review information recorded, automatically sorted by time
-
+

Workroom

+

Timecards and labor tracking
Django, HTML5, CSS3

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

Assignments and projects

+

I'm currently attending Bridgerland Technical College and this page is a collection of links to projects and assignments I've made. A portfolio from school.

+
+
PHP Work
+
+ Website / + Github +
-

Workroom

-

Timecards and labor tracking
Django, HTML5, CSS3

-
-
-
- -
Employee timecard
-
-
- -
Input daily tasks
-
-
- -
Manage projects for consistent naming
-
-
- -
See and edit task details
-
+
MySQL
+
Github
+ +
SQL Sandbox
+
Github
+ +
BTech Time Tracker
+
+ Website / + Github +
+
With Django, Postgresql, Javascript
+ +
Python Exercises
+
Github
+ +
Typing Test with Javascript
+
+ Website / + Github +
+ +
Analog Clock with Javascript
+
+ Website / + Github +
+
+
+
-
-
-
- -
-
+ + - + \ No newline at end of file diff --git a/school/index.html b/school/index.html deleted file mode 100755 index 88c2b08..0000000 --- a/school/index.html +++ /dev/null @@ -1,77 +0,0 @@ - - - - - - - - - - Nathan Chapman - - - - - - - - - -
-

Nathan Chapman

- -
- -
-
-
-

Assignments and projects

-

I'm currently attending Bridgerland Technical College and this page is a collection of links to projects and assignments I've made. A portfolio from school.

-
-
PHP Work
-
- Website / - Github -
- -
MySQL
-
Github
- -
SQL Sandbox
-
Github
- -
BTech Time Tracker
-
- Website / - Github -
-
With Django, Postgresql, Javascript
- -
Python Exercises
-
Github
- -
Typing Test with Javascript
-
- Website / - Github -
- -
Analog Clock with Javascript
-
- Website / - Github -
-
-
-
-
- - - - diff --git a/scripts/index.js b/scripts/index.js index 0b10e77..96fc387 100755 --- a/scripts/index.js +++ b/scripts/index.js @@ -5,7 +5,33 @@ const workdeskEl = document.querySelector('.workdesk'); const cnaEl = document.querySelector('.btech-cna-charting'); const workroomEl = document.querySelector('.workroom-carousel'); -let btechTimeTrackerCarousel = new Carousel(btechTimeTrackerEl); -let workdeskCarousel = new Carousel(workdeskEl); -let cnaCarousel = new Carousel(cnaEl); -let workroomCarousel = new Carousel(workroomEl); +new Carousel(btechTimeTrackerEl); +new Carousel(workdeskEl); +new Carousel(cnaEl); +new Carousel(workroomEl); + +// Current year in footer +const currentYear = new Date().getFullYear(); +document.querySelector('#year').innerHTML = currentYear; + +// To-top button +const toTopButton = document.querySelector('#to-top-button'); + +const scrollFunction = () => { + if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) { + toTopButton.style.display = 'block'; + } else { + toTopButton.style.display = 'none'; + } +}; + +const topFunction = () => { + document.body.scrollTop = 0; // For Safari + document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera +}; + +toTopButton.addEventListener('click', topFunction); + +window.onscroll = () => { + scrollFunction(); +}; diff --git a/styles/main.css b/styles/main.css index 0d05c8e..ccf1d84 100755 --- a/styles/main.css +++ b/styles/main.css @@ -13,9 +13,8 @@ html { } body { - max-width: 42.67rem; - margin: 1rem auto; - padding: 0 3rem; + margin: 0; + padding: 0; background-color: var(--bg-color); color: var(--fg-color); font-family: 'Franklin Gothic', sans-serif; @@ -24,7 +23,8 @@ body { } header { - margin-bottom: 3rem; + max-width: 42.67rem; + margin: 0 auto 3rem; } header h1 { @@ -36,6 +36,12 @@ header p { } +main { + max-width: 42.67rem; + margin: 0 auto; +} + + /* Text Elements */ p { @@ -104,6 +110,7 @@ dd + dt { img { width: 100%; + box-sizing: border-box; } nav { @@ -183,14 +190,22 @@ figure figcaption { footer { text-align: center; + color: white; + background-color: var(--fg-color); + padding: 2rem 0 1rem; +} + +footer section { + max-width: 42.67rem; + margin: 0 auto 2rem; +} + +footer a:hover { + color: white; } @media all and (max-width: 600px) { - body { - margin: 0; - padding: 1rem 0; - } header { padding: 0 1rem; flex-flow: column; @@ -294,4 +309,36 @@ footer { width: 1.5rem; height: 1.5rem; } +} + + + +/* To-top button */ +/* Scroll-to-top button + ========================================================================== */ +#to-top-button { + display: none; + position: fixed; + bottom: 1rem; + right: 1rem; + z-index: 99; + cursor: pointer; + padding: 1rem; + font-size: 1.25rem; + /*box-shadow: 0 0.125rem 0.75rem var(--gray);*/ +} + +button { + border: 0.125rem solid var(--border-color); + background-color: white; + cursor: pointer; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.1s ease-in-out; +} + +button:hover { + color: white; + background-color: var(--primary-color); + border-color: var(--primary-color); } \ No newline at end of file diff --git a/templates/_base.html b/templates/_base.html new file mode 100644 index 0000000..e3c0f03 --- /dev/null +++ b/templates/_base.html @@ -0,0 +1,50 @@ + + + + + + + + + + {% block title %}{% endblock %} | Nathan Chapman + + + + + + + + + + + +
+

Nathan Chapman

+

Web designer and developer

+ +
+ +
+ {% block main %} + {% endblock %} +
+ + + + + + diff --git a/templates/about/index.html b/templates/about/index.html new file mode 100644 index 0000000..77e2638 --- /dev/null +++ b/templates/about/index.html @@ -0,0 +1,25 @@ +{% extends "_base.html" %} + +{% block title %}About{% endblock %} + +{% block main %} +
+

About

+
+

I'm a web developer and designer. I make websites and web applications. + +

I got into web development because there was a frustration with people around me wanting a simple, fast, custom site that didn't come from a run-of-the-mill template or theme.

+

I got into web application development because there was a constant frustration with spreadsheets getting out of control and requiring too much maintenance to be useful.

+
+
+
Albums
+

I'm also a composer for film, games, and other mediums. I created the soundtracks to the online stories the Last Website and the Story Of Red, a small short Simple Killjoy, and other projects. I received my first introduction to music production and composition in High School and have been pursuing the craft ever since.

+
+ + + + +
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..2ef9a47 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,229 @@ +{% extends "_base.html" %} + +{% block title %}Portfolio{% endblock %} + +{% block main %} +
+
+
Contents
+
    +
  1. Websites
    2. +
  2. Web applications
    3. +
  3. School projects
    4. +
+
+
+

Websites

+
+ + + Monolith of Minds Blog
+ Custom Ghost blog theme
Handlebars, HTML5, CSS3 + + + + JHC Illustration
+ Online portfolio for a graphic designer
HTML5, CSS3, Vue + + + + JJay Berthume Music
+ Online portfolio for a composer
HTML5, CSS3 + + + + Wallyworks Construction
+ Website for construction company
HTML5, CSS3 + + + + Owl Sprit Cafe
+ Website for a small restaurant
HTML5, CSS3, Vue + + + + Better Living Coffee
+ Website for a coffee shop
HTML5, CSS3 + + + + PT Defense
+ Website for a Lawyer
HTML5, CSS3 + + + + JAC Defenders
+ Website for attorneys
HTML5, CSS3 + +
+
+
+

Web Applications

+
Contents
+
    +
  1. + BTech Time Tracker +
    2. +
  2. + Workdesk +
    3. +
  3. + BTech CNA Charting +
    4. +
  4. + Workroom +
    5. +
+

BTech Time Tracker

+

Track and manage sessions
Django, HTML5, SCSS

+
+
+
+ +
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
Django, Stimulusjs, HTML5, CSS3

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

BTech CNA Charting

+

Certified Nurse Assistant Charting Application
Django, Stimulusjs, HTML5, CSS3

+
+
+
+ +
Track charting information
+
+
+ +
Create a new chart
+
+
+ +
Add a new entry
+
+
+ +
Input patient vitals
+
+
+ +
Review information recorded, automatically sorted by time
+
+ +
+
+
+
+ +

Workroom

+

Timecards and labor tracking
Django, HTML5, CSS3

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

Assignments and projects

+

I'm currently attending Bridgerland Technical College and this page is a collection of links to projects and assignments I've made. A portfolio from school.

+
+
PHP Work
+
+ Website / + Github +
+ +
MySQL
+
Github
+ +
SQL Sandbox
+
Github
+ +
BTech Time Tracker
+
+ Website / + Github +
+
With Django, Postgresql, Javascript
+ +
Python Exercises
+
Github
+ +
Typing Test with Javascript
+
+ Website / + Github +
+ +
Analog Clock with Javascript
+
+ Website / + Github +
+
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/partials/_nav.html b/templates/partials/_nav.html new file mode 100644 index 0000000..2d3927f --- /dev/null +++ b/templates/partials/_nav.html @@ -0,0 +1,2 @@ +Portfolio +About \ No newline at end of file