Template out with Jinja
This commit is contained in:
Nathan Chapman
parent
6cd9620aed
commit
a7e4b7adc9
13
Pipfile
Normal file
13
Pipfile
Normal file
@ -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"
|
||||||
155
Pipfile.lock
generated
Normal file
155
Pipfile.lock
generated
Normal file
@ -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": {}
|
||||||
|
}
|
||||||
@ -1,40 +1,45 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="utf-8">
|
||||||
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
|
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
|
||||||
<meta content="width=device-width, initial-scale=1" name="viewport">
|
<meta content="width=device-width, initial-scale=1" name="viewport">
|
||||||
|
|
||||||
<link rel="shortcut icon" href="img/favicon.ico">
|
<link rel="shortcut icon" href="/images/favicon.ico">
|
||||||
|
|
||||||
<title>Nathan Chapman</title>
|
<title>About | Nathan Chapman</title>
|
||||||
|
|
||||||
<meta name="author" content="Nathan Chapman">
|
<meta name="author" content="Nathan Chapman">
|
||||||
<meta content="Composer for film, games, and other mediums." name="description">
|
<meta content="Custom websites and web applications. Stand out from the crowd with a custom built website, just the way you want it." name="description">
|
||||||
<meta content="music, composer, audio, mixing, mastering, video games, film, classical, soundtrack, soundtracks, " name="keywords">
|
<meta content="websites, web design, custom, simple, fast, clean, html, css, javascript, designer, writer" name="keywords">
|
||||||
|
|
||||||
<link href="/styles/normalize.css" rel="stylesheet">
|
<link href="/styles/normalize.css" rel="stylesheet">
|
||||||
<link href="/styles/main.css?v=3" rel="stylesheet">
|
<link href="/styles/main.css?v=3" rel="stylesheet">
|
||||||
|
|
||||||
|
<script type="module" src="/scripts/index.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Nathan Chapman</h1>
|
<h1>Nathan Chapman</h1>
|
||||||
|
<p><em>Web designer and developer</em></p>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="/">Portfolio</a>
|
<a href="/" class="">Portfolio</a>
|
||||||
<a href="/about" class="--active">About</a>
|
<a href="/about" class="">About</a>
|
||||||
<a href="/school">School</a>
|
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<article>
|
|
||||||
|
<article>
|
||||||
<h2>About</h2>
|
<h2>About</h2>
|
||||||
<section>
|
<section>
|
||||||
|
<p>I'm a web developer and designer. I make websites and web applications.
|
||||||
|
|
||||||
<p><a href="mailto:contact@nathanjchapman.com">Contact me</a></p>
|
<p>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.</p>
|
||||||
|
<p>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.</p>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<h3>Albums</h3>
|
<h5>Albums</h5>
|
||||||
<p>I'm also a composer for film, games, and other mediums. I created the soundtracks to the online stories the <a href="http://www.lastwebsite.io/">Last Website</a> and the <a href="https://www.novella.io/novellas/the-story-of-red">Story Of Red</a>, a small short <a href="https://www.youtube.com/watch?v=wJ1p_cZ5krc">Simple Killjoy</a>, and other projects. I received my first introduction to music production and composition in High School and have been pursuing the craft ever since.</p>
|
<p>I'm also a composer for film, games, and other mediums. I created the soundtracks to the online stories the <a href="http://www.lastwebsite.io/">Last Website</a> and the <a href="https://www.novella.io/novellas/the-story-of-red">Story Of Red</a>, a small short <a href="https://www.youtube.com/watch?v=wJ1p_cZ5krc">Simple Killjoy</a>, and other projects. I received my first introduction to music production and composition in High School and have been pursuing the craft ever since.</p>
|
||||||
<div class="albums-list">
|
<div class="albums-list">
|
||||||
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=1800198375/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/unresolved">Unresolved by Nathan Chapman</a></iframe>
|
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=1800198375/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/unresolved">Unresolved by Nathan Chapman</a></iframe>
|
||||||
@ -43,11 +48,24 @@
|
|||||||
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=3163445596/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/senescence">Senescence by Nathan Chapman</a></iframe>
|
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=3163445596/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/senescence">Senescence by Nathan Chapman</a></iframe>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<button id="to-top-button" class="button" title="Go to top">↑</button>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p><small>Copyright ©2021 Nathan Chapman. All rights reserved.</small></p>
|
<section id="contact">
|
||||||
|
<h5>Want to work with me?</h5>
|
||||||
|
<p><a href="mailto:contact@nathanjchapman.com">Email me</a> and let's start a conversation.</p>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
<a href="/" class="">Portfolio</a>
|
||||||
|
<a href="/about" class="">About</a>
|
||||||
|
</p>
|
||||||
|
<p><small>Copyright ©<span id="year"></span> Nathan Chapman. All rights reserved.</small></p>
|
||||||
|
</section>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
71
index.html
Executable file → Normal file
71
index.html
Executable file → Normal file
@ -7,7 +7,7 @@
|
|||||||
|
|
||||||
<link rel="shortcut icon" href="/images/favicon.ico">
|
<link rel="shortcut icon" href="/images/favicon.ico">
|
||||||
|
|
||||||
<title>Nathan Chapman</title>
|
<title>Portfolio | Nathan Chapman</title>
|
||||||
|
|
||||||
<meta name="author" content="Nathan Chapman">
|
<meta name="author" content="Nathan Chapman">
|
||||||
<meta content="Custom websites and web applications. Stand out from the crowd with a custom built website, just the way you want it." name="description">
|
<meta content="Custom websites and web applications. Stand out from the crowd with a custom built website, just the way you want it." name="description">
|
||||||
@ -23,19 +23,20 @@
|
|||||||
<h1>Nathan Chapman</h1>
|
<h1>Nathan Chapman</h1>
|
||||||
<p><em>Web designer and developer</em></p>
|
<p><em>Web designer and developer</em></p>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="/" class="--active">Portfolio</a>
|
<a href="/" class="">Portfolio</a>
|
||||||
<a href="/about">About</a>
|
<a href="/about" class="">About</a>
|
||||||
<a href="/school">School</a>
|
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<article>
|
|
||||||
|
<article>
|
||||||
<section>
|
<section>
|
||||||
<h5>Contents</h5>
|
<h5>Contents</h5>
|
||||||
<ol>
|
<ol>
|
||||||
<li><a href="#website-list">Websites</a></li>
|
<li><a href="#websites">Websites</a></li>
|
||||||
<li><a href="#webapps-list">Web applications</a></li>
|
<li><a href="#webapps-list">Web applications</a></li>
|
||||||
|
<li><a href="#assignments-list">School projects</a></li>
|
||||||
</ol>
|
</ol>
|
||||||
</section>
|
</section>
|
||||||
<section id="websites">
|
<section id="websites">
|
||||||
@ -79,7 +80,7 @@
|
|||||||
<a class="website-list__item" href="http://jac.nathanjchapman.com/">
|
<a class="website-list__item" href="http://jac.nathanjchapman.com/">
|
||||||
<img src="/images/website_jac.png">
|
<img src="/images/website_jac.png">
|
||||||
<strong>JAC Defenders</strong><br>
|
<strong>JAC Defenders</strong><br>
|
||||||
<small>Website for attourneys<br>HTML5, CSS3</small>
|
<small>Website for attorneys<br>HTML5, CSS3</small>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@ -212,11 +213,63 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</article>
|
<section id="assignments-list">
|
||||||
|
<h2>Assignments and projects</h2>
|
||||||
|
<p>I'm currently attending <a href="https://btech.edu/">Bridgerland Technical College</a> and this page is a collection of links to projects and assignments I've made. A portfolio from school.</p>
|
||||||
|
<dl>
|
||||||
|
<dt>PHP Work</dt>
|
||||||
|
<dd>
|
||||||
|
<a href="http://btech-php.nathanjchapman.com/">Website</a> /
|
||||||
|
<a href="https://github.com/nathanjchapman/btech-php">Github</a>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>MySQL</dt>
|
||||||
|
<dd><a href="https://github.com/nathanjchapman/btech-mysql">Github</a></dd>
|
||||||
|
|
||||||
|
<dt>SQL Sandbox</dt>
|
||||||
|
<dd><a href="https://github.com/nathanjchapman/sql-sandbox">Github</a></dd>
|
||||||
|
|
||||||
|
<dt>BTech Time Tracker</dt>
|
||||||
|
<dd>
|
||||||
|
<a href="https://btech-timetracker.nathanjchapman.com/">Website</a> /
|
||||||
|
<a href="https://github.com/nathanjchapman/btech-timetracker/">Github</a>
|
||||||
|
</dd>
|
||||||
|
<dd>With Django, Postgresql, Javascript</dd>
|
||||||
|
|
||||||
|
<dt>Python Exercises</dt>
|
||||||
|
<dd><a href="https://github.com/nathanjchapman/python">Github</a></dd>
|
||||||
|
|
||||||
|
<dt>Typing Test with Javascript</dt>
|
||||||
|
<dd>
|
||||||
|
<a href="https://btech-typingtest.nathanjchapman.com/">Website</a> /
|
||||||
|
<a href="https://github.com/nathanjchapman/btech-typingtest">Github</a>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>Analog Clock with Javascript</dt>
|
||||||
|
<dd>
|
||||||
|
<a href="https://btech-clock.nathanjchapman.com/">Website</a> /
|
||||||
|
<a href="https://github.com/nathanjchapman/btech-clock">Github</a>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<button id="to-top-button" class="button" title="Go to top">↑</button>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p><small>Copyright ©2021 Nathan Chapman. All rights reserved.</small></p>
|
<section id="contact">
|
||||||
|
<h5>Want to work with me?</h5>
|
||||||
|
<p><a href="mailto:contact@nathanjchapman.com">Email me</a> and let's start a conversation.</p>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
<a href="/" class="">Portfolio</a>
|
||||||
|
<a href="/about" class="">About</a>
|
||||||
|
</p>
|
||||||
|
<p><small>Copyright ©<span id="year"></span> Nathan Chapman. All rights reserved.</small></p>
|
||||||
|
</section>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,77 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
|
|
||||||
<meta content="width=device-width, initial-scale=1" name="viewport">
|
|
||||||
|
|
||||||
<link rel="shortcut icon" href="/images/favicon.ico">
|
|
||||||
|
|
||||||
<title>Nathan Chapman</title>
|
|
||||||
|
|
||||||
<meta name="author" content="Nathan Chapman">
|
|
||||||
<meta content="Custom websites and web applications. Stand out from the crowd with a custom built website, just the way you want it." name="description">
|
|
||||||
<meta content="websites, web design, custom, simple, fast, clean, html, css, javascript, designer, writer" name="keywords">
|
|
||||||
|
|
||||||
<link href="/styles/normalize.css" rel="stylesheet">
|
|
||||||
<link href="/styles/main.css?v=3" rel="stylesheet">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<h1>Nathan Chapman</h1>
|
|
||||||
<nav>
|
|
||||||
<a href="/">Portfolio</a>
|
|
||||||
<a href="/about">About</a>
|
|
||||||
<a href="/school" class="--active">School</a>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
<article>
|
|
||||||
<section>
|
|
||||||
<h2>Assignments and projects</h2>
|
|
||||||
<p>I'm currently attending <a href="https://btech.edu/">Bridgerland Technical College</a> and this page is a collection of links to projects and assignments I've made. A portfolio from school.</p>
|
|
||||||
<dl>
|
|
||||||
<dt>PHP Work</dt>
|
|
||||||
<dd>
|
|
||||||
<a href="http://btech-php.nathanjchapman.com/">Website</a> /
|
|
||||||
<a href="https://github.com/nathanjchapman/btech-php">Github</a>
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
<dt>MySQL</dt>
|
|
||||||
<dd><a href="https://github.com/nathanjchapman/btech-mysql">Github</a></dd>
|
|
||||||
|
|
||||||
<dt>SQL Sandbox</dt>
|
|
||||||
<dd><a href="https://github.com/nathanjchapman/sql-sandbox">Github</a></dd>
|
|
||||||
|
|
||||||
<dt>BTech Time Tracker</dt>
|
|
||||||
<dd>
|
|
||||||
<a href="https://btech-timetracker.nathanjchapman.com/">Website</a> /
|
|
||||||
<a href="https://github.com/nathanjchapman/btech-timetracker/">Github</a>
|
|
||||||
</dd>
|
|
||||||
<dd>With Django, Postgresql, Javascript</dd>
|
|
||||||
|
|
||||||
<dt>Python Exercises</dt>
|
|
||||||
<dd><a href="https://github.com/nathanjchapman/python">Github</a></dd>
|
|
||||||
|
|
||||||
<dt>Typing Test with Javascript</dt>
|
|
||||||
<dd>
|
|
||||||
<a href="https://btech-typingtest.nathanjchapman.com/">Website</a> /
|
|
||||||
<a href="https://github.com/nathanjchapman/btech-typingtest">Github</a>
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
<dt>Analog Clock with Javascript</dt>
|
|
||||||
<dd>
|
|
||||||
<a href="https://btech-clock.nathanjchapman.com/">Website</a> /
|
|
||||||
<a href="https://github.com/nathanjchapman/btech-clock">Github</a>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</section>
|
|
||||||
</article>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<p><small>Copyright ©2021 Nathan Chapman. All rights reserved.</small></p>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -5,7 +5,33 @@ const workdeskEl = document.querySelector('.workdesk');
|
|||||||
const cnaEl = document.querySelector('.btech-cna-charting');
|
const cnaEl = document.querySelector('.btech-cna-charting');
|
||||||
const workroomEl = document.querySelector('.workroom-carousel');
|
const workroomEl = document.querySelector('.workroom-carousel');
|
||||||
|
|
||||||
let btechTimeTrackerCarousel = new Carousel(btechTimeTrackerEl);
|
new Carousel(btechTimeTrackerEl);
|
||||||
let workdeskCarousel = new Carousel(workdeskEl);
|
new Carousel(workdeskEl);
|
||||||
let cnaCarousel = new Carousel(cnaEl);
|
new Carousel(cnaEl);
|
||||||
let workroomCarousel = new Carousel(workroomEl);
|
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();
|
||||||
|
};
|
||||||
|
|||||||
@ -13,9 +13,8 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
max-width: 42.67rem;
|
margin: 0;
|
||||||
margin: 1rem auto;
|
padding: 0;
|
||||||
padding: 0 3rem;
|
|
||||||
background-color: var(--bg-color);
|
background-color: var(--bg-color);
|
||||||
color: var(--fg-color);
|
color: var(--fg-color);
|
||||||
font-family: 'Franklin Gothic', sans-serif;
|
font-family: 'Franklin Gothic', sans-serif;
|
||||||
@ -24,7 +23,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
margin-bottom: 3rem;
|
max-width: 42.67rem;
|
||||||
|
margin: 0 auto 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
header h1 {
|
header h1 {
|
||||||
@ -36,6 +36,12 @@ header p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
main {
|
||||||
|
max-width: 42.67rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Text Elements */
|
/* Text Elements */
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@ -104,6 +110,7 @@ dd + dt {
|
|||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
@ -183,14 +190,22 @@ figure figcaption {
|
|||||||
|
|
||||||
footer {
|
footer {
|
||||||
text-align: center;
|
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) {
|
@media all and (max-width: 600px) {
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
padding: 1rem 0;
|
|
||||||
}
|
|
||||||
header {
|
header {
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
@ -295,3 +310,35 @@ footer {
|
|||||||
height: 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);
|
||||||
|
}
|
||||||
50
templates/_base.html
Normal file
50
templates/_base.html
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
|
||||||
|
<meta content="width=device-width, initial-scale=1" name="viewport">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="/images/favicon.ico">
|
||||||
|
|
||||||
|
<title>{% block title %}{% endblock %} | Nathan Chapman</title>
|
||||||
|
|
||||||
|
<meta name="author" content="Nathan Chapman">
|
||||||
|
<meta content="Custom websites and web applications. Stand out from the crowd with a custom built website, just the way you want it." name="description">
|
||||||
|
<meta content="websites, web design, custom, simple, fast, clean, html, css, javascript, designer, writer" name="keywords">
|
||||||
|
|
||||||
|
<link href="/styles/normalize.css" rel="stylesheet">
|
||||||
|
<link href="/styles/main.css?v=3" rel="stylesheet">
|
||||||
|
|
||||||
|
<script type="module" src="/scripts/index.js" defer></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>Nathan Chapman</h1>
|
||||||
|
<p><em>Web designer and developer</em></p>
|
||||||
|
<nav>
|
||||||
|
{% include "partials/_nav.html" %}
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
{% block main %}
|
||||||
|
{% endblock %}
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<button id="to-top-button" class="button" title="Go to top">↑</button>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<section id="contact">
|
||||||
|
<h5>Want to work with me?</h5>
|
||||||
|
<p><a href="mailto:contact@nathanjchapman.com">Email me</a> and let's start a conversation.</p>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
{% include "partials/_nav.html" %}
|
||||||
|
</p>
|
||||||
|
<p><small>Copyright ©<span id="year"></span> Nathan Chapman. All rights reserved.</small></p>
|
||||||
|
</section>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
25
templates/about/index.html
Normal file
25
templates/about/index.html
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
{% extends "_base.html" %}
|
||||||
|
|
||||||
|
{% block title %}About{% endblock %}
|
||||||
|
|
||||||
|
{% block main %}
|
||||||
|
<article>
|
||||||
|
<h2>About</h2>
|
||||||
|
<section>
|
||||||
|
<p>I'm a web developer and designer. I make websites and web applications.
|
||||||
|
|
||||||
|
<p>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.</p>
|
||||||
|
<p>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.</p>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<h5>Albums</h5>
|
||||||
|
<p>I'm also a composer for film, games, and other mediums. I created the soundtracks to the online stories the <a href="http://www.lastwebsite.io/">Last Website</a> and the <a href="https://www.novella.io/novellas/the-story-of-red">Story Of Red</a>, a small short <a href="https://www.youtube.com/watch?v=wJ1p_cZ5krc">Simple Killjoy</a>, and other projects. I received my first introduction to music production and composition in High School and have been pursuing the craft ever since.</p>
|
||||||
|
<div class="albums-list">
|
||||||
|
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=1800198375/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/unresolved">Unresolved by Nathan Chapman</a></iframe>
|
||||||
|
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=410332369/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/the-last-website-remastered">The Last Website (Remastered) by Nathan Chapman</a></iframe>
|
||||||
|
<iframe src="https://bandcamp.com/EmbeddedPlayer/track=1372576239/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/track/blue-notes">Blue Notes by Nathan Chapman</a></iframe>
|
||||||
|
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=3163445596/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/senescence">Senescence by Nathan Chapman</a></iframe>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
|
{% endblock %}
|
||||||
229
templates/index.html
Normal file
229
templates/index.html
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
{% extends "_base.html" %}
|
||||||
|
|
||||||
|
{% block title %}Portfolio{% endblock %}
|
||||||
|
|
||||||
|
{% block main %}
|
||||||
|
<article>
|
||||||
|
<section>
|
||||||
|
<h5>Contents</h5>
|
||||||
|
<ol>
|
||||||
|
<li><a href="#websites">Websites</a></li>
|
||||||
|
<li><a href="#webapps-list">Web applications</a></li>
|
||||||
|
<li><a href="#assignments-list">School projects</a></li>
|
||||||
|
</ol>
|
||||||
|
</section>
|
||||||
|
<section id="websites">
|
||||||
|
<h3>Websites</h3>
|
||||||
|
<div class="website-list">
|
||||||
|
<a class="website-list__item" href="https://blog.monolithofminds.com/">
|
||||||
|
<img src="/images/website_mom.png">
|
||||||
|
<strong>Monolith of Minds Blog</strong><br>
|
||||||
|
<small>Custom Ghost blog theme <br>Handlebars, HTML5, CSS3</small>
|
||||||
|
</a>
|
||||||
|
<a class="website-list__item" href="https://jhcillustration.com/">
|
||||||
|
<img src="/images/website_jhc.png">
|
||||||
|
<strong>JHC Illustration</strong><br>
|
||||||
|
<small>Online portfolio for a graphic designer<br>HTML5, CSS3, Vue</small>
|
||||||
|
</a>
|
||||||
|
<a class="website-list__item" href="https://jjayberthumemusic.com/">
|
||||||
|
<img src="/images/website_berthume.png">
|
||||||
|
<strong>JJay Berthume Music</strong><br>
|
||||||
|
<small>Online portfolio for a composer<br>HTML5, CSS3</small>
|
||||||
|
</a>
|
||||||
|
<a class="website-list__item" href="http://wallyworks.net/">
|
||||||
|
<img src="/images/website_wallyworks.png">
|
||||||
|
<strong>Wallyworks Construction</strong><br>
|
||||||
|
<small>Website for construction company<br>HTML5, CSS3</small>
|
||||||
|
</a>
|
||||||
|
<a class="website-list__item" href="https://owlsprit.nathanjchapman.com/">
|
||||||
|
<img src="/images/website_owlsprit.png">
|
||||||
|
<strong>Owl Sprit Cafe</strong><br>
|
||||||
|
<small>Website for a small restaurant<br>HTML5, CSS3, Vue</small>
|
||||||
|
</a>
|
||||||
|
<a class="website-list__item" href="https://bltc.nathanjchapman.com/">
|
||||||
|
<img src="/images/website_bltc.png">
|
||||||
|
<strong>Better Living Coffee</strong><br>
|
||||||
|
<small>Website for a coffee shop<br>HTML5, CSS3</small>
|
||||||
|
</a>
|
||||||
|
<a class="website-list__item" href="http://ptdefense.com/">
|
||||||
|
<img src="/images/website_ptdefense.png">
|
||||||
|
<strong>PT Defense</strong><br>
|
||||||
|
<small>Website for a Lawyer<br>HTML5, CSS3</small>
|
||||||
|
</a>
|
||||||
|
<a class="website-list__item" href="http://jac.nathanjchapman.com/">
|
||||||
|
<img src="/images/website_jac.png">
|
||||||
|
<strong>JAC Defenders</strong><br>
|
||||||
|
<small>Website for attorneys<br>HTML5, CSS3</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section id="webapps-list">
|
||||||
|
<h3>Web Applications</h3>
|
||||||
|
<h5>Contents</h5>
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
<a href="#btech-time-tracker">BTech Time Tracker</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#workdesk">Workdesk</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#btech-cna-charting">BTech CNA Charting</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#workroom">Workroom</a>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
<h4 id="btech-time-tracker">BTech Time Tracker</h4>
|
||||||
|
<p>Track and manage sessions<br><small>Django, HTML5, SCSS</small></p>
|
||||||
|
<div class="carousel-wrapper btech-time-tracker">
|
||||||
|
<div class="carousel">
|
||||||
|
<figure class="carousel__photo initial">
|
||||||
|
<img src="/images/time_home.png">
|
||||||
|
<figcaption>Welcome page</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/time_profile.png">
|
||||||
|
<figcaption>Student profile and recent activity</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/time_log.png">
|
||||||
|
<figcaption>Past sessions (pagination)</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/time_scan.png">
|
||||||
|
<figcaption>Scan a QR code to clock in</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/time_instructor.png">
|
||||||
|
<figcaption>Instructor home page shows activity for department</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<div class="carousel__button--next"></div>
|
||||||
|
<div class="carousel__button--prev"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4 id="workdesk">Workdesk</h4>
|
||||||
|
<p>Shift assignments and preferences<br><small>Django, Stimulusjs, HTML5, CSS3</small></p>
|
||||||
|
<div class="carousel-wrapper workdesk">
|
||||||
|
<div class="carousel">
|
||||||
|
<figure class="carousel__photo initial">
|
||||||
|
<img src="/images/wd_home.png">
|
||||||
|
<figcaption>All shifts</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/wd_filter.png">
|
||||||
|
<figcaption>Type to filter shifts</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/wd_detail.png">
|
||||||
|
<figcaption>See employee details</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/wd_sort.png">
|
||||||
|
<figcaption>Employee can sort their shift preferences</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<div class="carousel__button--next"></div>
|
||||||
|
<div class="carousel__button--prev"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4 id="btech-cna-charting">BTech CNA Charting</h4>
|
||||||
|
<p>Certified Nurse Assistant Charting Application<br><small>Django, Stimulusjs, HTML5, CSS3</small></p>
|
||||||
|
<div class="carousel-wrapper btech-cna-charting">
|
||||||
|
<div class="carousel">
|
||||||
|
<figure class="carousel__photo initial">
|
||||||
|
<img src="/images/charting_01.png" alt="">
|
||||||
|
<figcaption>Track charting information</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/charting_02.png" alt="">
|
||||||
|
<figcaption>Create a new chart</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/charting_03.png" alt="">
|
||||||
|
<figcaption>Add a new entry</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/charting_04.png" alt="">
|
||||||
|
<figcaption>Input patient vitals</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/charting_05.png" alt="">
|
||||||
|
<figcaption>Review information recorded, automatically sorted by time</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<div class="carousel__button--next"></div>
|
||||||
|
<div class="carousel__button--prev"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4 id="workroom">Workroom</h4>
|
||||||
|
<p>Timecards and labor tracking<br><small>Django, HTML5, CSS3</small></p>
|
||||||
|
<div class="carousel-wrapper workroom-carousel">
|
||||||
|
<div class="carousel">
|
||||||
|
<figure class="carousel__photo initial">
|
||||||
|
<img src="/images/workroom_01.png">
|
||||||
|
<figcaption>Employee timecard</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/workroom_02.png">
|
||||||
|
<figcaption>Input daily tasks</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/workroom_03.png">
|
||||||
|
<figcaption>Manage projects for consistent naming</figcaption>
|
||||||
|
</figure>
|
||||||
|
<figure class="carousel__photo">
|
||||||
|
<img src="/images/workroom_04.png">
|
||||||
|
<figcaption>See and edit task details</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<div class="carousel__button--next"></div>
|
||||||
|
<div class="carousel__button--prev"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section id="assignments-list">
|
||||||
|
<h2>Assignments and projects</h2>
|
||||||
|
<p>I'm currently attending <a href="https://btech.edu/">Bridgerland Technical College</a> and this page is a collection of links to projects and assignments I've made. A portfolio from school.</p>
|
||||||
|
<dl>
|
||||||
|
<dt>PHP Work</dt>
|
||||||
|
<dd>
|
||||||
|
<a href="http://btech-php.nathanjchapman.com/">Website</a> /
|
||||||
|
<a href="https://github.com/nathanjchapman/btech-php">Github</a>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>MySQL</dt>
|
||||||
|
<dd><a href="https://github.com/nathanjchapman/btech-mysql">Github</a></dd>
|
||||||
|
|
||||||
|
<dt>SQL Sandbox</dt>
|
||||||
|
<dd><a href="https://github.com/nathanjchapman/sql-sandbox">Github</a></dd>
|
||||||
|
|
||||||
|
<dt>BTech Time Tracker</dt>
|
||||||
|
<dd>
|
||||||
|
<a href="https://btech-timetracker.nathanjchapman.com/">Website</a> /
|
||||||
|
<a href="https://github.com/nathanjchapman/btech-timetracker/">Github</a>
|
||||||
|
</dd>
|
||||||
|
<dd>With Django, Postgresql, Javascript</dd>
|
||||||
|
|
||||||
|
<dt>Python Exercises</dt>
|
||||||
|
<dd><a href="https://github.com/nathanjchapman/python">Github</a></dd>
|
||||||
|
|
||||||
|
<dt>Typing Test with Javascript</dt>
|
||||||
|
<dd>
|
||||||
|
<a href="https://btech-typingtest.nathanjchapman.com/">Website</a> /
|
||||||
|
<a href="https://github.com/nathanjchapman/btech-typingtest">Github</a>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>Analog Clock with Javascript</dt>
|
||||||
|
<dd>
|
||||||
|
<a href="https://btech-clock.nathanjchapman.com/">Website</a> /
|
||||||
|
<a href="https://github.com/nathanjchapman/btech-clock">Github</a>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
|
{% endblock %}
|
||||||
2
templates/partials/_nav.html
Normal file
2
templates/partials/_nav.html
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
<a href="/" class="{% if active_page %}--active{% endif %}">Portfolio</a>
|
||||||
|
<a href="/about" class="{% if active_page %}--active{% endif %}">About</a>
|
||||||
Loading…
x
Reference in New Issue
Block a user