diff --git a/Makefile b/Makefile
index ff05f9436..0a403a4d4 100644
--- a/Makefile
+++ b/Makefile
@@ -25,7 +25,7 @@ default: server
@# tail and awk work together to extract Jekyll regeneration messages
@# When a _notebook is detected in the log, call make convert in the background
@# Note: We use the "if ($$0 ~ /_notebooks\/.*\.ipynb/) { system(\"make convert &\") }" to call make convert
- @(tail -f $(LOG_FILE) | awk '/Server address: http:\/\/0.0.0.0:$(PORT)\/$(REPO_NAME)\// { serverReady=1 } \
+ @(tail -f $(LOG_FILE) | awk '/Server address: http:\/\/127.0.0.1:$(PORT)\/$(REPO_NAME)\// { serverReady=1 } \
serverReady && /^ *Regenerating:/ { regenerate=1 } \
regenerate { \
if (/^[[:blank:]]*$$/) { regenerate=0 } \
@@ -56,7 +56,7 @@ default: server
# Start the local web server
server: stop convert
@echo "Starting server..."
- @@nohup bundle exec jekyll serve -H 0.0.0.0 -P $(PORT) > $(LOG_FILE) 2>&1 & \
+ @@nohup bundle exec jekyll serve -H 127.0.0.1 -P $(PORT) > $(LOG_FILE) 2>&1 & \
PID=$$!; \
echo "Server PID: $$PID"
@@until [ -f $(LOG_FILE) ]; do sleep 1; done
diff --git a/Pipfile b/Pipfile
new file mode 100644
index 000000000..4339884f2
--- /dev/null
+++ b/Pipfile
@@ -0,0 +1,12 @@
+[[source]]
+url = "https://pypi.python.org/simple"
+verify_ssl = true
+name = "pypi"
+
+[packages]
+worldometer = "*"
+
+[dev-packages]
+
+[requires]
+python_version = "3.8"
diff --git a/Pipfile.lock b/Pipfile.lock
new file mode 100644
index 000000000..66d71eef2
--- /dev/null
+++ b/Pipfile.lock
@@ -0,0 +1,421 @@
+{
+ "_meta": {
+ "hash": {
+ "sha256": "737b03953ab7053fb895ce287166f7de52ffe4f767a80df160d5d538942360cc"
+ },
+ "pipfile-spec": 6,
+ "requires": {
+ "python_version": "3.8"
+ },
+ "sources": [
+ {
+ "name": "pypi",
+ "url": "https://pypi.python.org/simple",
+ "verify_ssl": true
+ }
+ ]
+ },
+ "default": {
+ "appdirs": {
+ "hashes": [
+ "sha256:7d5d0167b2b1ba821647616af46a749d1c653740dd0d2415100fe26e27afdf41",
+ "sha256:a841dacd6b99318a741b166adb07e19ee71a274450e68237b4650ca1055ab128"
+ ],
+ "version": "==1.4.4"
+ },
+ "beautifulsoup4": {
+ "hashes": [
+ "sha256:492bbc69dca35d12daac71c4db1bfff0c876c00ef4a2ffacce226d4638eb72da",
+ "sha256:bd2520ca0d9d7d12694a53d44ac482d181b4ec1888909b035a3dbf40d0f57d4a"
+ ],
+ "version": "==4.12.2"
+ },
+ "bs4": {
+ "hashes": [
+ "sha256:36ecea1fd7cc5c0c6e4a1ff075df26d50da647b75376626cc186e2212886dd3a"
+ ],
+ "version": "==0.0.1"
+ },
+ "certifi": {
+ "hashes": [
+ "sha256:539cc1d13202e33ca466e88b2807e29f4c13049d6d87031a3c110744495cb082",
+ "sha256:92d6037539857d8206b8f6ae472e8b77db8058fec5937a1ef3f54304089edbb9"
+ ],
+ "version": "==2023.7.22"
+ },
+ "charset-normalizer": {
+ "hashes": [
+ "sha256:04e57ab9fbf9607b77f7d057974694b4f6b142da9ed4a199859d9d4d5c63fe96",
+ "sha256:09393e1b2a9461950b1c9a45d5fd251dc7c6f228acab64da1c9c0165d9c7765c",
+ "sha256:0b87549028f680ca955556e3bd57013ab47474c3124dc069faa0b6545b6c9710",
+ "sha256:1000fba1057b92a65daec275aec30586c3de2401ccdcd41f8a5c1e2c87078706",
+ "sha256:1249cbbf3d3b04902ff081ffbb33ce3377fa6e4c7356f759f3cd076cc138d020",
+ "sha256:1920d4ff15ce893210c1f0c0e9d19bfbecb7983c76b33f046c13a8ffbd570252",
+ "sha256:193cbc708ea3aca45e7221ae58f0fd63f933753a9bfb498a3b474878f12caaad",
+ "sha256:1a100c6d595a7f316f1b6f01d20815d916e75ff98c27a01ae817439ea7726329",
+ "sha256:1f30b48dd7fa1474554b0b0f3fdfdd4c13b5c737a3c6284d3cdc424ec0ffff3a",
+ "sha256:203f0c8871d5a7987be20c72442488a0b8cfd0f43b7973771640fc593f56321f",
+ "sha256:246de67b99b6851627d945db38147d1b209a899311b1305dd84916f2b88526c6",
+ "sha256:2dee8e57f052ef5353cf608e0b4c871aee320dd1b87d351c28764fc0ca55f9f4",
+ "sha256:2efb1bd13885392adfda4614c33d3b68dee4921fd0ac1d3988f8cbb7d589e72a",
+ "sha256:2f4ac36d8e2b4cc1aa71df3dd84ff8efbe3bfb97ac41242fbcfc053c67434f46",
+ "sha256:3170c9399da12c9dc66366e9d14da8bf7147e1e9d9ea566067bbce7bb74bd9c2",
+ "sha256:3b1613dd5aee995ec6d4c69f00378bbd07614702a315a2cf6c1d21461fe17c23",
+ "sha256:3bb3d25a8e6c0aedd251753a79ae98a093c7e7b471faa3aa9a93a81431987ace",
+ "sha256:3bb7fda7260735efe66d5107fb7e6af6a7c04c7fce9b2514e04b7a74b06bf5dd",
+ "sha256:41b25eaa7d15909cf3ac4c96088c1f266a9a93ec44f87f1d13d4a0e86c81b982",
+ "sha256:45de3f87179c1823e6d9e32156fb14c1927fcc9aba21433f088fdfb555b77c10",
+ "sha256:46fb8c61d794b78ec7134a715a3e564aafc8f6b5e338417cb19fe9f57a5a9bf2",
+ "sha256:48021783bdf96e3d6de03a6e39a1171ed5bd7e8bb93fc84cc649d11490f87cea",
+ "sha256:4957669ef390f0e6719db3613ab3a7631e68424604a7b448f079bee145da6e09",
+ "sha256:5e86d77b090dbddbe78867a0275cb4df08ea195e660f1f7f13435a4649e954e5",
+ "sha256:6339d047dab2780cc6220f46306628e04d9750f02f983ddb37439ca47ced7149",
+ "sha256:681eb3d7e02e3c3655d1b16059fbfb605ac464c834a0c629048a30fad2b27489",
+ "sha256:6c409c0deba34f147f77efaa67b8e4bb83d2f11c8806405f76397ae5b8c0d1c9",
+ "sha256:7095f6fbfaa55defb6b733cfeb14efaae7a29f0b59d8cf213be4e7ca0b857b80",
+ "sha256:70c610f6cbe4b9fce272c407dd9d07e33e6bf7b4aa1b7ffb6f6ded8e634e3592",
+ "sha256:72814c01533f51d68702802d74f77ea026b5ec52793c791e2da806a3844a46c3",
+ "sha256:7a4826ad2bd6b07ca615c74ab91f32f6c96d08f6fcc3902ceeedaec8cdc3bcd6",
+ "sha256:7c70087bfee18a42b4040bb9ec1ca15a08242cf5867c58726530bdf3945672ed",
+ "sha256:855eafa5d5a2034b4621c74925d89c5efef61418570e5ef9b37717d9c796419c",
+ "sha256:8700f06d0ce6f128de3ccdbc1acaea1ee264d2caa9ca05daaf492fde7c2a7200",
+ "sha256:89f1b185a01fe560bc8ae5f619e924407efca2191b56ce749ec84982fc59a32a",
+ "sha256:8b2c760cfc7042b27ebdb4a43a4453bd829a5742503599144d54a032c5dc7e9e",
+ "sha256:8c2f5e83493748286002f9369f3e6607c565a6a90425a3a1fef5ae32a36d749d",
+ "sha256:8e098148dd37b4ce3baca71fb394c81dc5d9c7728c95df695d2dca218edf40e6",
+ "sha256:94aea8eff76ee6d1cdacb07dd2123a68283cb5569e0250feab1240058f53b623",
+ "sha256:95eb302ff792e12aba9a8b8f8474ab229a83c103d74a750ec0bd1c1eea32e669",
+ "sha256:9bd9b3b31adcb054116447ea22caa61a285d92e94d710aa5ec97992ff5eb7cf3",
+ "sha256:9e608aafdb55eb9f255034709e20d5a83b6d60c054df0802fa9c9883d0a937aa",
+ "sha256:a103b3a7069b62f5d4890ae1b8f0597618f628b286b03d4bc9195230b154bfa9",
+ "sha256:a386ebe437176aab38c041de1260cd3ea459c6ce5263594399880bbc398225b2",
+ "sha256:a38856a971c602f98472050165cea2cdc97709240373041b69030be15047691f",
+ "sha256:a401b4598e5d3f4a9a811f3daf42ee2291790c7f9d74b18d75d6e21dda98a1a1",
+ "sha256:a7647ebdfb9682b7bb97e2a5e7cb6ae735b1c25008a70b906aecca294ee96cf4",
+ "sha256:aaf63899c94de41fe3cf934601b0f7ccb6b428c6e4eeb80da72c58eab077b19a",
+ "sha256:b0dac0ff919ba34d4df1b6131f59ce95b08b9065233446be7e459f95554c0dc8",
+ "sha256:baacc6aee0b2ef6f3d308e197b5d7a81c0e70b06beae1f1fcacffdbd124fe0e3",
+ "sha256:bf420121d4c8dce6b889f0e8e4ec0ca34b7f40186203f06a946fa0276ba54029",
+ "sha256:c04a46716adde8d927adb9457bbe39cf473e1e2c2f5d0a16ceb837e5d841ad4f",
+ "sha256:c0b21078a4b56965e2b12f247467b234734491897e99c1d51cee628da9786959",
+ "sha256:c1c76a1743432b4b60ab3358c937a3fe1341c828ae6194108a94c69028247f22",
+ "sha256:c4983bf937209c57240cff65906b18bb35e64ae872da6a0db937d7b4af845dd7",
+ "sha256:c4fb39a81950ec280984b3a44f5bd12819953dc5fa3a7e6fa7a80db5ee853952",
+ "sha256:c57921cda3a80d0f2b8aec7e25c8aa14479ea92b5b51b6876d975d925a2ea346",
+ "sha256:c8063cf17b19661471ecbdb3df1c84f24ad2e389e326ccaf89e3fb2484d8dd7e",
+ "sha256:ccd16eb18a849fd8dcb23e23380e2f0a354e8daa0c984b8a732d9cfaba3a776d",
+ "sha256:cd6dbe0238f7743d0efe563ab46294f54f9bc8f4b9bcf57c3c666cc5bc9d1299",
+ "sha256:d62e51710986674142526ab9f78663ca2b0726066ae26b78b22e0f5e571238dd",
+ "sha256:db901e2ac34c931d73054d9797383d0f8009991e723dab15109740a63e7f902a",
+ "sha256:e03b8895a6990c9ab2cdcd0f2fe44088ca1c65ae592b8f795c3294af00a461c3",
+ "sha256:e1c8a2f4c69e08e89632defbfabec2feb8a8d99edc9f89ce33c4b9e36ab63037",
+ "sha256:e4b749b9cc6ee664a3300bb3a273c1ca8068c46be705b6c31cf5d276f8628a94",
+ "sha256:e6a5bf2cba5ae1bb80b154ed68a3cfa2fa00fde979a7f50d6598d3e17d9ac20c",
+ "sha256:e857a2232ba53ae940d3456f7533ce6ca98b81917d47adc3c7fd55dad8fab858",
+ "sha256:ee4006268ed33370957f55bf2e6f4d263eaf4dc3cfc473d1d90baff6ed36ce4a",
+ "sha256:eef9df1eefada2c09a5e7a40991b9fc6ac6ef20b1372abd48d2794a316dc0449",
+ "sha256:f058f6963fd82eb143c692cecdc89e075fa0828db2e5b291070485390b2f1c9c",
+ "sha256:f25c229a6ba38a35ae6e25ca1264621cc25d4d38dca2942a7fce0b67a4efe918",
+ "sha256:f2a1d0fd4242bd8643ce6f98927cf9c04540af6efa92323e9d3124f57727bfc1",
+ "sha256:f7560358a6811e52e9c4d142d497f1a6e10103d3a6881f18d04dbce3729c0e2c",
+ "sha256:f779d3ad205f108d14e99bb3859aa7dd8e9c68874617c72354d7ecaec2a054ac",
+ "sha256:f87f746ee241d30d6ed93969de31e5ffd09a2961a051e60ae6bddde9ec3583aa"
+ ],
+ "version": "==3.2.0"
+ },
+ "cssselect": {
+ "hashes": [
+ "sha256:666b19839cfaddb9ce9d36bfe4c969132c647b92fc9088c4e23f786b30f1b3dc",
+ "sha256:da1885f0c10b60c03ed5eccbb6b68d6eff248d91976fcde348f395d54c9fd35e"
+ ],
+ "version": "==1.2.0"
+ },
+ "fake-useragent": {
+ "hashes": [
+ "sha256:ad2b5414d19493d0789572f04200d4f656f84d20b205cc805233212957fe385d",
+ "sha256:b411f903331f695e3840ccadcf011f745a405764e97c588f2b8fde9e400a5446"
+ ],
+ "version": "==1.2.1"
+ },
+ "idna": {
+ "hashes": [
+ "sha256:814f528e8dead7d329833b91c5faa87d60bf71824cd12a7530b5526063d02cb4",
+ "sha256:90b77e79eaa3eba6de819a0c442c0b4ceefc341a7a2ab77d7562bf49f425c5c2"
+ ],
+ "version": "==3.4"
+ },
+ "importlib-metadata": {
+ "hashes": [
+ "sha256:3ebb78df84a805d7698245025b975d9d67053cd94c79245ba4b3eb694abe68bb",
+ "sha256:dbace7892d8c0c4ac1ad096662232f831d4e64f4c4545bd53016a3e9d4654743"
+ ],
+ "version": "==6.8.0"
+ },
+ "importlib-resources": {
+ "hashes": [
+ "sha256:134832a506243891221b88b4ae1213327eea96ceb4e407a00d790bb0626f45cf",
+ "sha256:4359457e42708462b9626a04657c6208ad799ceb41e5c58c57ffa0e6a098a5d4"
+ ],
+ "markers": "python_version < '3.10'",
+ "version": "==6.0.1"
+ },
+ "lxml": {
+ "hashes": [
+ "sha256:05186a0f1346ae12553d66df1cfce6f251589fea3ad3da4f3ef4e34b2d58c6a3",
+ "sha256:075b731ddd9e7f68ad24c635374211376aa05a281673ede86cbe1d1b3455279d",
+ "sha256:081d32421db5df44c41b7f08a334a090a545c54ba977e47fd7cc2deece78809a",
+ "sha256:0a3d3487f07c1d7f150894c238299934a2a074ef590b583103a45002035be120",
+ "sha256:0bfd0767c5c1de2551a120673b72e5d4b628737cb05414f03c3277bf9bed3305",
+ "sha256:0c0850c8b02c298d3c7006b23e98249515ac57430e16a166873fc47a5d549287",
+ "sha256:0e2cb47860da1f7e9a5256254b74ae331687b9672dfa780eed355c4c9c3dbd23",
+ "sha256:120fa9349a24c7043854c53cae8cec227e1f79195a7493e09e0c12e29f918e52",
+ "sha256:1247694b26342a7bf47c02e513d32225ededd18045264d40758abeb3c838a51f",
+ "sha256:141f1d1a9b663c679dc524af3ea1773e618907e96075262726c7612c02b149a4",
+ "sha256:14e019fd83b831b2e61baed40cab76222139926b1fb5ed0e79225bc0cae14584",
+ "sha256:1509dd12b773c02acd154582088820893109f6ca27ef7291b003d0e81666109f",
+ "sha256:17a753023436a18e27dd7769e798ce302963c236bc4114ceee5b25c18c52c693",
+ "sha256:1e224d5755dba2f4a9498e150c43792392ac9b5380aa1b845f98a1618c94eeef",
+ "sha256:1f447ea5429b54f9582d4b955f5f1985f278ce5cf169f72eea8afd9502973dd5",
+ "sha256:23eed6d7b1a3336ad92d8e39d4bfe09073c31bfe502f20ca5116b2a334f8ec02",
+ "sha256:25f32acefac14ef7bd53e4218fe93b804ef6f6b92ffdb4322bb6d49d94cad2bc",
+ "sha256:2c74524e179f2ad6d2a4f7caf70e2d96639c0954c943ad601a9e146c76408ed7",
+ "sha256:303bf1edce6ced16bf67a18a1cf8339d0db79577eec5d9a6d4a80f0fb10aa2da",
+ "sha256:3331bece23c9ee066e0fb3f96c61322b9e0f54d775fccefff4c38ca488de283a",
+ "sha256:3e9bdd30efde2b9ccfa9cb5768ba04fe71b018a25ea093379c857c9dad262c40",
+ "sha256:411007c0d88188d9f621b11d252cce90c4a2d1a49db6c068e3c16422f306eab8",
+ "sha256:42871176e7896d5d45138f6d28751053c711ed4d48d8e30b498da155af39aebd",
+ "sha256:46f409a2d60f634fe550f7133ed30ad5321ae2e6630f13657fb9479506b00601",
+ "sha256:48628bd53a426c9eb9bc066a923acaa0878d1e86129fd5359aee99285f4eed9c",
+ "sha256:48d6ed886b343d11493129e019da91d4039826794a3e3027321c56d9e71505be",
+ "sha256:4930be26af26ac545c3dffb662521d4e6268352866956672231887d18f0eaab2",
+ "sha256:4aec80cde9197340bc353d2768e2a75f5f60bacda2bab72ab1dc499589b3878c",
+ "sha256:4c28a9144688aef80d6ea666c809b4b0e50010a2aca784c97f5e6bf143d9f129",
+ "sha256:4d2d1edbca80b510443f51afd8496be95529db04a509bc8faee49c7b0fb6d2cc",
+ "sha256:4dd9a263e845a72eacb60d12401e37c616438ea2e5442885f65082c276dfb2b2",
+ "sha256:4f1026bc732b6a7f96369f7bfe1a4f2290fb34dce00d8644bc3036fb351a4ca1",
+ "sha256:4fb960a632a49f2f089d522f70496640fdf1218f1243889da3822e0a9f5f3ba7",
+ "sha256:50670615eaf97227d5dc60de2dc99fb134a7130d310d783314e7724bf163f75d",
+ "sha256:50baa9c1c47efcaef189f31e3d00d697c6d4afda5c3cde0302d063492ff9b477",
+ "sha256:53ace1c1fd5a74ef662f844a0413446c0629d151055340e9893da958a374f70d",
+ "sha256:5515edd2a6d1a5a70bfcdee23b42ec33425e405c5b351478ab7dc9347228f96e",
+ "sha256:56dc1f1ebccc656d1b3ed288f11e27172a01503fc016bcabdcbc0978b19352b7",
+ "sha256:578695735c5a3f51569810dfebd05dd6f888147a34f0f98d4bb27e92b76e05c2",
+ "sha256:57aba1bbdf450b726d58b2aea5fe47c7875f5afb2c4a23784ed78f19a0462574",
+ "sha256:57d6ba0ca2b0c462f339640d22882acc711de224d769edf29962b09f77129cbf",
+ "sha256:5c245b783db29c4e4fbbbfc9c5a78be496c9fea25517f90606aa1f6b2b3d5f7b",
+ "sha256:5c31c7462abdf8f2ac0577d9f05279727e698f97ecbb02f17939ea99ae8daa98",
+ "sha256:64f479d719dc9f4c813ad9bb6b28f8390360660b73b2e4beb4cb0ae7104f1c12",
+ "sha256:65299ea57d82fb91c7f019300d24050c4ddeb7c5a190e076b5f48a2b43d19c42",
+ "sha256:6689a3d7fd13dc687e9102a27e98ef33730ac4fe37795d5036d18b4d527abd35",
+ "sha256:690dafd0b187ed38583a648076865d8c229661ed20e48f2335d68e2cf7dc829d",
+ "sha256:6fc3c450eaa0b56f815c7b62f2b7fba7266c4779adcf1cece9e6deb1de7305ce",
+ "sha256:704f61ba8c1283c71b16135caf697557f5ecf3e74d9e453233e4771d68a1f42d",
+ "sha256:71c52db65e4b56b8ddc5bb89fb2e66c558ed9d1a74a45ceb7dcb20c191c3df2f",
+ "sha256:71d66ee82e7417828af6ecd7db817913cb0cf9d4e61aa0ac1fde0583d84358db",
+ "sha256:7d298a1bd60c067ea75d9f684f5f3992c9d6766fadbc0bcedd39750bf344c2f4",
+ "sha256:8b77946fd508cbf0fccd8e400a7f71d4ac0e1595812e66025bac475a8e811694",
+ "sha256:8d7e43bd40f65f7d97ad8ef5c9b1778943d02f04febef12def25f7583d19baac",
+ "sha256:8df133a2ea5e74eef5e8fc6f19b9e085f758768a16e9877a60aec455ed2609b2",
+ "sha256:8ed74706b26ad100433da4b9d807eae371efaa266ffc3e9191ea436087a9d6a7",
+ "sha256:92af161ecbdb2883c4593d5ed4815ea71b31fafd7fd05789b23100d081ecac96",
+ "sha256:97047f0d25cd4bcae81f9ec9dc290ca3e15927c192df17331b53bebe0e3ff96d",
+ "sha256:9719fe17307a9e814580af1f5c6e05ca593b12fb7e44fe62450a5384dbf61b4b",
+ "sha256:9767e79108424fb6c3edf8f81e6730666a50feb01a328f4a016464a5893f835a",
+ "sha256:9a92d3faef50658dd2c5470af249985782bf754c4e18e15afb67d3ab06233f13",
+ "sha256:9bb6ad405121241e99a86efff22d3ef469024ce22875a7ae045896ad23ba2340",
+ "sha256:9e28c51fa0ce5674be9f560c6761c1b441631901993f76700b1b30ca6c8378d6",
+ "sha256:aca086dc5f9ef98c512bac8efea4483eb84abbf926eaeedf7b91479feb092458",
+ "sha256:ae8b9c6deb1e634ba4f1930eb67ef6e6bf6a44b6eb5ad605642b2d6d5ed9ce3c",
+ "sha256:b0a545b46b526d418eb91754565ba5b63b1c0b12f9bd2f808c852d9b4b2f9b5c",
+ "sha256:b4e4bc18382088514ebde9328da057775055940a1f2e18f6ad2d78aa0f3ec5b9",
+ "sha256:b6420a005548ad52154c8ceab4a1290ff78d757f9e5cbc68f8c77089acd3c432",
+ "sha256:b86164d2cff4d3aaa1f04a14685cbc072efd0b4f99ca5708b2ad1b9b5988a991",
+ "sha256:bb3bb49c7a6ad9d981d734ef7c7193bc349ac338776a0360cc671eaee89bcf69",
+ "sha256:bef4e656f7d98aaa3486d2627e7d2df1157d7e88e7efd43a65aa5dd4714916cf",
+ "sha256:c0781a98ff5e6586926293e59480b64ddd46282953203c76ae15dbbbf302e8bb",
+ "sha256:c2006f5c8d28dee289f7020f721354362fa304acbaaf9745751ac4006650254b",
+ "sha256:c41bfca0bd3532d53d16fd34d20806d5c2b1ace22a2f2e4c0008570bf2c58833",
+ "sha256:cd47b4a0d41d2afa3e58e5bf1f62069255aa2fd6ff5ee41604418ca925911d76",
+ "sha256:cdb650fc86227eba20de1a29d4b2c1bfe139dc75a0669270033cb2ea3d391b85",
+ "sha256:cef2502e7e8a96fe5ad686d60b49e1ab03e438bd9123987994528febd569868e",
+ "sha256:d27be7405547d1f958b60837dc4c1007da90b8b23f54ba1f8b728c78fdb19d50",
+ "sha256:d37017287a7adb6ab77e1c5bee9bcf9660f90ff445042b790402a654d2ad81d8",
+ "sha256:d3ff32724f98fbbbfa9f49d82852b159e9784d6094983d9a8b7f2ddaebb063d4",
+ "sha256:d73d8ecf8ecf10a3bd007f2192725a34bd62898e8da27eb9d32a58084f93962b",
+ "sha256:dd708cf4ee4408cf46a48b108fb9427bfa00b9b85812a9262b5c668af2533ea5",
+ "sha256:e3cd95e10c2610c360154afdc2f1480aea394f4a4f1ea0a5eacce49640c9b190",
+ "sha256:e4da8ca0c0c0aea88fd46be8e44bd49716772358d648cce45fe387f7b92374a7",
+ "sha256:eadfbbbfb41b44034a4c757fd5d70baccd43296fb894dba0295606a7cf3124aa",
+ "sha256:ed667f49b11360951e201453fc3967344d0d0263aa415e1619e85ae7fd17b4e0",
+ "sha256:f3df3db1d336b9356dd3112eae5f5c2b8b377f3bc826848567f10bfddfee77e9",
+ "sha256:f6bdac493b949141b733c5345b6ba8f87a226029cbabc7e9e121a413e49441e0",
+ "sha256:fbf521479bcac1e25a663df882c46a641a9bff6b56dc8b0fafaebd2f66fb231b",
+ "sha256:fc9b106a1bf918db68619fdcd6d5ad4f972fdd19c01d19bdb6bf63f3589a9ec5",
+ "sha256:fcdd00edfd0a3001e0181eab3e63bd5c74ad3e67152c84f93f13769a40e073a7",
+ "sha256:fe4bda6bd4340caa6e5cf95e73f8fea5c4bfc55763dd42f1b50a94c1b4a2fbd4"
+ ],
+ "version": "==4.9.3"
+ },
+ "parse": {
+ "hashes": [
+ "sha256:371ed3800dc63983832159cc9373156613947707bc448b5215473a219dbd4362",
+ "sha256:cc3a47236ff05da377617ddefa867b7ba983819c664e1afe46249e5b469be464"
+ ],
+ "version": "==1.19.1"
+ },
+ "pyee": {
+ "hashes": [
+ "sha256:5c7e60f8df95710dbe17550e16ce0153f83990c00ef744841b43f371ed53ebea",
+ "sha256:c09f56e36eb10bf23aa2aacf145f690ded75b990a3d9523fd478b005940303d2"
+ ],
+ "version": "==8.2.2"
+ },
+ "pyppeteer": {
+ "hashes": [
+ "sha256:11a734d8f02c6b128035aba8faf32748f2016310a6a1cbc6aa5b1e2580742e8f",
+ "sha256:ddb0d15cb644720160d49abb1ad0d97e87a55581febf1b7531be9e983aad7742"
+ ],
+ "version": "==1.0.2"
+ },
+ "pyquery": {
+ "hashes": [
+ "sha256:8dfc9b4b7c5f877d619bbae74b1898d5743f6ca248cfd5d72b504dd614da312f",
+ "sha256:963e8d4e90262ff6d8dec072ea97285dc374a2f69cad7776f4082abcf6a1d8ae"
+ ],
+ "version": "==2.0.0"
+ },
+ "requests": {
+ "hashes": [
+ "sha256:58cd2187c01e70e6e26505bca751777aa9f2ee0b7f4300988b709f44e013003f",
+ "sha256:942c5a758f98d790eaed1a29cb6eefc7ffb0d1cf7af05c3d2791656dbd6ad1e1"
+ ],
+ "version": "==2.31.0"
+ },
+ "requests-html": {
+ "hashes": [
+ "sha256:7e929ecfed95fb1d0994bb368295d6d7c4d06b03fcb900c33d7d0b17e6003947",
+ "sha256:cb8a78cf829c4eca9d6233f28524f65dd2bfaafb4bdbbc407f0a0b8f487df6e2"
+ ],
+ "version": "==0.10.0"
+ },
+ "soupsieve": {
+ "hashes": [
+ "sha256:5663d5a7b3bfaeee0bc4372e7fc48f9cff4940b3eec54a6451cc5299f1097690",
+ "sha256:eaa337ff55a1579b6549dc679565eac1e3d000563bcb1c8ab0d0fefbc0c2cdc7"
+ ],
+ "version": "==2.5"
+ },
+ "tqdm": {
+ "hashes": [
+ "sha256:d302b3c5b53d47bce91fea46679d9c3c6508cf6332229aa1e7d8653723793386",
+ "sha256:d88e651f9db8d8551a62556d3cff9e3034274ca5d66e93197cf2490e2dcb69c7"
+ ],
+ "version": "==4.66.1"
+ },
+ "urllib3": {
+ "hashes": [
+ "sha256:8d36afa7616d8ab714608411b4a3b13e58f463aee519024578e062e141dce20f",
+ "sha256:8f135f6502756bde6b2a9b28989df5fbe87c9970cecaa69041edcce7f0589b14"
+ ],
+ "version": "==1.26.16"
+ },
+ "w3lib": {
+ "hashes": [
+ "sha256:c4432926e739caa8e3f49f5de783f336df563d9490416aebd5d39fb896d264e7",
+ "sha256:ed5b74e997eea2abe3c1321f916e344144ee8e9072a6f33463ee8e57f858a4b1"
+ ],
+ "version": "==2.1.2"
+ },
+ "websockets": {
+ "hashes": [
+ "sha256:00213676a2e46b6ebf6045bc11d0f529d9120baa6f58d122b4021ad92adabd41",
+ "sha256:00c870522cdb69cd625b93f002961ffb0c095394f06ba8c48f17eef7c1541f96",
+ "sha256:0154f7691e4fe6c2b2bc275b5701e8b158dae92a1ab229e2b940efe11905dff4",
+ "sha256:05a7233089f8bd355e8cbe127c2e8ca0b4ea55467861906b80d2ebc7db4d6b72",
+ "sha256:09a1814bb15eff7069e51fed0826df0bc0702652b5cb8f87697d469d79c23576",
+ "sha256:0cff816f51fb33c26d6e2b16b5c7d48eaa31dae5488ace6aae468b361f422b63",
+ "sha256:185929b4808b36a79c65b7865783b87b6841e852ef5407a2fb0c03381092fa3b",
+ "sha256:2fc8709c00704194213d45e455adc106ff9e87658297f72d544220e32029cd3d",
+ "sha256:33d69ca7612f0ddff3316b0c7b33ca180d464ecac2d115805c044bf0a3b0d032",
+ "sha256:389f8dbb5c489e305fb113ca1b6bdcdaa130923f77485db5b189de343a179393",
+ "sha256:38ea7b82bfcae927eeffc55d2ffa31665dc7fec7b8dc654506b8e5a518eb4d50",
+ "sha256:3d3cac3e32b2c8414f4f87c1b2ab686fa6284a980ba283617404377cd448f631",
+ "sha256:40e826de3085721dabc7cf9bfd41682dadc02286d8cf149b3ad05bff89311e4f",
+ "sha256:4239b6027e3d66a89446908ff3027d2737afc1a375f8fd3eea630a4842ec9a0c",
+ "sha256:45ec8e75b7dbc9539cbfafa570742fe4f676eb8b0d3694b67dabe2f2ceed8aa6",
+ "sha256:47a2964021f2110116cc1125b3e6d87ab5ad16dea161949e7244ec583b905bb4",
+ "sha256:48c08473563323f9c9debac781ecf66f94ad5a3680a38fe84dee5388cf5acaf6",
+ "sha256:4c6d2264f485f0b53adf22697ac11e261ce84805c232ed5dbe6b1bcb84b00ff0",
+ "sha256:4f72e5cd0f18f262f5da20efa9e241699e0cf3a766317a17392550c9ad7b37d8",
+ "sha256:56029457f219ade1f2fc12a6504ea61e14ee227a815531f9738e41203a429112",
+ "sha256:5c1289596042fad2cdceb05e1ebf7aadf9995c928e0da2b7a4e99494953b1b94",
+ "sha256:62e627f6b6d4aed919a2052efc408da7a545c606268d5ab5bfab4432734b82b4",
+ "sha256:74de2b894b47f1d21cbd0b37a5e2b2392ad95d17ae983e64727e18eb281fe7cb",
+ "sha256:7c584f366f46ba667cfa66020344886cf47088e79c9b9d39c84ce9ea98aaa331",
+ "sha256:7d27a7e34c313b3a7f91adcd05134315002aaf8540d7b4f90336beafaea6217c",
+ "sha256:7d3f0b61c45c3fa9a349cf484962c559a8a1d80dae6977276df8fd1fa5e3cb8c",
+ "sha256:82ff5e1cae4e855147fd57a2863376ed7454134c2bf49ec604dfe71e446e2193",
+ "sha256:84bc2a7d075f32f6ed98652db3a680a17a4edb21ca7f80fe42e38753a58ee02b",
+ "sha256:884be66c76a444c59f801ac13f40c76f176f1bfa815ef5b8ed44321e74f1600b",
+ "sha256:8a5cc00546e0a701da4639aa0bbcb0ae2bb678c87f46da01ac2d789e1f2d2038",
+ "sha256:8dc96f64ae43dde92530775e9cb169979f414dcf5cff670455d81a6823b42089",
+ "sha256:8f38706e0b15d3c20ef6259fd4bc1700cd133b06c3c1bb108ffe3f8947be15fa",
+ "sha256:90fcf8929836d4a0e964d799a58823547df5a5e9afa83081761630553be731f9",
+ "sha256:931c039af54fc195fe6ad536fde4b0de04da9d5916e78e55405436348cfb0e56",
+ "sha256:932af322458da7e4e35df32f050389e13d3d96b09d274b22a7aa1808f292fee4",
+ "sha256:942de28af58f352a6f588bc72490ae0f4ccd6dfc2bd3de5945b882a078e4e179",
+ "sha256:9bc42e8402dc5e9905fb8b9649f57efcb2056693b7e88faa8fb029256ba9c68c",
+ "sha256:a7a240d7a74bf8d5cb3bfe6be7f21697a28ec4b1a437607bae08ac7acf5b4882",
+ "sha256:a9f9a735deaf9a0cadc2d8c50d1a5bcdbae8b6e539c6e08237bc4082d7c13f28",
+ "sha256:ae5e95cfb53ab1da62185e23b3130e11d64431179debac6dc3c6acf08760e9b1",
+ "sha256:b029fb2032ae4724d8ae8d4f6b363f2cc39e4c7b12454df8df7f0f563ed3e61a",
+ "sha256:b0d15c968ea7a65211e084f523151dbf8ae44634de03c801b8bd070b74e85033",
+ "sha256:b343f521b047493dc4022dd338fc6db9d9282658862756b4f6fd0e996c1380e1",
+ "sha256:b627c266f295de9dea86bd1112ed3d5fafb69a348af30a2422e16590a8ecba13",
+ "sha256:b9968694c5f467bf67ef97ae7ad4d56d14be2751000c1207d31bf3bb8860bae8",
+ "sha256:ba089c499e1f4155d2a3c2a05d2878a3428cf321c848f2b5a45ce55f0d7d310c",
+ "sha256:bbccd847aa0c3a69b5f691a84d2341a4f8a629c6922558f2a70611305f902d74",
+ "sha256:bc0b82d728fe21a0d03e65f81980abbbcb13b5387f733a1a870672c5be26edab",
+ "sha256:c57e4c1349fbe0e446c9fa7b19ed2f8a4417233b6984277cce392819123142d3",
+ "sha256:c94ae4faf2d09f7c81847c63843f84fe47bf6253c9d60b20f25edfd30fb12588",
+ "sha256:c9b27d6c1c6cd53dc93614967e9ce00ae7f864a2d9f99fe5ed86706e1ecbf485",
+ "sha256:d210abe51b5da0ffdbf7b43eed0cfdff8a55a1ab17abbec4301c9ff077dd0342",
+ "sha256:d58804e996d7d2307173d56c297cf7bc132c52df27a3efaac5e8d43e36c21c48",
+ "sha256:d6a4162139374a49eb18ef5b2f4da1dd95c994588f5033d64e0bbfda4b6b6fcf",
+ "sha256:da39dd03d130162deb63da51f6e66ed73032ae62e74aaccc4236e30edccddbb0",
+ "sha256:db3c336f9eda2532ec0fd8ea49fef7a8df8f6c804cdf4f39e5c5c0d4a4ad9a7a",
+ "sha256:dd500e0a5e11969cdd3320935ca2ff1e936f2358f9c2e61f100a1660933320ea",
+ "sha256:dd9becd5fe29773d140d68d607d66a38f60e31b86df75332703757ee645b6faf",
+ "sha256:e0cb5cc6ece6ffa75baccfd5c02cffe776f3f5c8bf486811f9d3ea3453676ce8",
+ "sha256:e23173580d740bf8822fd0379e4bf30aa1d5a92a4f252d34e893070c081050df",
+ "sha256:e3a686ecb4aa0d64ae60c9c9f1a7d5d46cab9bfb5d91a2d303d00e2cd4c4c5cc",
+ "sha256:e789376b52c295c4946403bd0efecf27ab98f05319df4583d3c48e43c7342c2f",
+ "sha256:edc344de4dac1d89300a053ac973299e82d3db56330f3494905643bb68801269",
+ "sha256:eef610b23933c54d5d921c92578ae5f89813438fded840c2e9809d378dc765d3",
+ "sha256:f2c38d588887a609191d30e902df2a32711f708abfd85d318ca9b367258cfd0c",
+ "sha256:f55b5905705725af31ccef50e55391621532cd64fbf0bc6f4bac935f0fccec46",
+ "sha256:f5fc088b7a32f244c519a048c170f14cf2251b849ef0e20cbbb0fdf0fdaf556f",
+ "sha256:fe10ddc59b304cb19a1bdf5bd0a7719cbbc9fbdd57ac80ed436b709fcf889106",
+ "sha256:ff64a1d38d156d429404aaa84b27305e957fd10c30e5880d1765c9480bea490f"
+ ],
+ "version": "==10.4"
+ },
+ "worldometer": {
+ "hashes": [
+ "sha256:515688ed4bd3974914c584fc2f80dc1f6584e4eec55e5dac59d2dec652143ab7",
+ "sha256:92edfd8a089657cbef9b62116418d67b233e3f7982efef79cd831d8625a1f43e"
+ ],
+ "index": "pypi",
+ "version": "==1.0.1"
+ },
+ "zipp": {
+ "hashes": [
+ "sha256:679e51dd4403591b2d6838a48de3d283f3d188412a9782faadf845f298736ba0",
+ "sha256:ebc15946aa78bd63458992fc81ec3b6f7b1e92d51c35e6de1c3804e73b799147"
+ ],
+ "markers": "python_version < '3.10'",
+ "version": "==3.16.2"
+ }
+ },
+ "develop": {}
+}
diff --git a/README.md b/README.md
index 0794b445e..c20239a78 100644
--- a/README.md
+++ b/README.md
@@ -12,72 +12,16 @@ All `GitHub Pages` websites are managed on GitHub infrastructure. GitHub uses `J
## Preparing a Preview Site
In all development, it is recommended to test your code before deployment. The GitHub Pages development process is optimized by testing your development on your local machine, prior to files on GitHub
-Development Cycle. For GitHub pages, the tooling described below will create a development cycle `make-code-save-preview`. In the development cycle, it is a requirement to preview work locally, prior to doing a VSCode `commit` to git.
+Development Cycle. For GitHub pages, the tooling described below will create a development cycle `make-code-save-preview`. In the development cycle, it is a requirement to preview work locally, prior to doing a VSCode `commit` to git.
Deployment Cycle. In the deplopyment cycle, `sync-github-action-review`, it is a requirement to complete the development cycle prior to doing a VSCode `sync`. The sync triggers github repository update. The action starts the jekyll build to publish the website. Any step can have errors and will require you to do a review.
### WSL and/or Ubuntu installation requirements
- The result of these step is Ubuntu tools to run preview server. These procedures were created using [jekyllrb.com](https://jekyllrb.com/docs/installation/ubuntu/)
-- Run scripts in scripts directory of teacher repo: setup_ubuntu.sh and activate.sh. Or, follow commands below.
-```bash
-## WSL/Ubuntu commands
-# sudo apt install, installs packages for Ubuntu
-echo "=== Ugrade Packages ==="
-sudo apt update
-sudo apt upgrade -y
-#
-echo "=== Install Ruby ==="
-sudo apt install -y ruby-full build-essential zlib1g-dev
-#
-echo "=== Install Python ==="
-sudo apt-get install -y python3 python3-pip python-is-python3
-#
-echo "=== Install Jupyter Notebook ==="
-sudo apt-get install -y jupyter-notebook
-
-# bash commands, install user requirements.
-echo "=== GitHub pages build tools ==="
-export GEM_HOME="$HOME/gems"
-export PATH="$HOME/gems/bin:$PATH"
-echo '# Install Ruby Gems to ~/gems' >> ~/.bashrc
-echo 'export GEM_HOME="$HOME/gems"' >> ~/.bashrc
-echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
-echo "=== Gem install starting, thinking... ==="
-gem install jekyll bundler
-head -30 ./teacher/scripts/activate.sh
-echo "=== !!!Start a new Terminal!!! ==="
-```
+- Run scripts in scripts directory of student repo: setup_ubuntu.sh and activate.sh. Expected name of the repository to run these scripts is 'student'.
### MacOs installation requirements
-- Ihe result of these step are MacOS tools to run preview server. These procedures were created using [jekyllrb.com](https://jekyllrb.com/docs/installation/macos/). Run scripts in scripts directory of teacher repo: setup_macos.sh and activate_macos.sh. Or, follow commands below.
-```bash
-# MacOS commands
-# brew install, installs packages for MacOS
-echo "=== Ugrade Packages ==="
-brew update
-brew upgrade
-#
-echo "=== Install Ruby ==="
-brew install chruby ruby-install xz
-ruby-install ruby 3.1.3
-#
-echo "=== Install Python ==="
-brew install python
-#
-echo "=== Install Jupyter Notebook ==="
-brew install jupyter
-
-# bash commands, install user requirements.
-export GEM_HOME="$HOME/gems"
-export PATH="$HOME/gems/bin:$PATH"
-echo '# Install Ruby Gems to ~/gems' >> ~/.zshrc
-echo 'export GEM_HOME="$HOME/gems"' >> ~/.zshrc
-echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.zshrc
-echo "=== Gem install starting, thinking... ==="
-gem install jekyll bundler
-head -30 ./teacher/scripts/activate.sh
-echo "=== !!!Start a new Terminal!!! ==="
-```
+- Ihe result of these step are MacOS tools to run preview server. These procedures were created using [jekyllrb.com](https://jekyllrb.com/docs/installation/macos/). Run scripts in scripts directory of student repo: setup_macos.sh and activate_macos.sh. Expected name of the repository to run these scripts is 'student'.
### Preview
- The result of these step is server running on: http://0.0.0.0:4100/teacher/. Regeneration messages will run in terminal on any save. Press the Enter or Return key in the terminal at any time to enter commands.
@@ -122,3 +66,41 @@ bundle install
```bash
make convert
```
+### Meta Data (Front Matter)
+- Meta data also known as front matter is a set of key value pairs that can provide additional information to github pages about .md and .ipynb files. This can and probably will be used in other file types (ie doc, pdf), if we added them to the system.
+
+- In the front matter you can also define things like a title and description for the page. Additional front matter is defined to place content on "Computer Science Lab Notebook" page. The `courses:` key will place data on a specific page with the nested `week:` placing data on a specific row on the page. The `type:` key in front matter will place blog under the plans, hacks(ToDo), and tangibles column.
+
+- In our files the front matter is defined at the top of the page or the first markdown cell.
+
+ - First open one of the .md or .ipynb files already included in either your _posts folder or your _notebooks folder.
+
+ - In the .md file you should notice something similar to this at the top of the page. To see this in your .ipynb files you will need to double click the markdown cell at the top of the file.
+
+ ```yaml
+ ---
+ toc: true
+ comments: false
+ layout: post
+ title: Daily Plan Sample
+ description: Example Blog!!! This shows planning and notes from hacks.
+ type: plans
+ courses: { compsci: {week: 0} }
+ ---
+ ```
+
+- Front matter will always have '---' at the top and bottom to distinguish it and each key value pair will be separated by a ':'.
+
+- Here we can modify things like the title and description.
+
+- The type value will tells us which column this is going to appear under, supported values: `plans`, `hacks`, `tangibles`.
+
+- The courses tells us which menu item it will be under, in this case the `compsci` menu, and the `week` tells it what row (week) it will appear under that menu.
+
+- In our examples, hacks(ToDo) contains references to our IPYNB files; these are stored in GitHub under the `_notebooks` folder. The plans and tangibles contains references to our MD files; these are stored in GitHub under the `_posts` folder.
+
+- Key files in Computer Science Lab Notebook
+ - `compsci.md` - this is the "Computer Science Lab Notebook" page and is the link `https://nighthawkcoders.github.io/student/compsci`. It contains the Title and Number of units on the page.
+ - `_data/compsci.yml` - this contains the supporting data that helps organize the units on the page.
+ - `_layouts`\schedule.html - this contains code, in the Liquid language, that generates the HTML for all the rows and columns.
+ - fyi, the schedule.html could work for another type of page. For instance, you could make a csa.md, _data/csa.yml, and tag files with `csa: {week: 0}` under courses.
diff --git a/_config.yml b/_config.yml
index 8f941a22e..ab294f4ab 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,14 +1,15 @@
title: CompSci Blogs
description: "August 2023 to June 2024"
-owner_name: Nighthawk Coders
-github_username: nighthawkcoders
+owner_name: Soham Kulkarni
+github_username: SOoctosnake
baseurl: "/student"
-remote_theme: pages-themes/midnight@v0.2.0
+# remote_theme: pages-themes/midnight@v0.2.0
# remote_theme: pages-themes/dinky@v0.2.0
# remote_theme: pages-themes/minimal@v0.2.0
# remote_theme: pages-themes/hacker@v0.2.0
-# remote_theme: pages-themes/cayman@v0.2.0
+remote_theme: pages-themes/cayman@v0.2.0
# remote_theme: pages-themes/time-machine@v0.2.0
plugins:
- jekyll-remote-theme
future: true
+
diff --git a/_config.yml.bak b/_config.yml.bak
new file mode 100644
index 000000000..037d3b851
--- /dev/null
+++ b/_config.yml.bak
@@ -0,0 +1,15 @@
+title: CompSci Blogs
+description: "August 2023 to June 2024"
+owner_name: Soham Kulkarni
+github_username: SOoctosnake
+baseurl: "/student"
+# remote_theme: pages-themes/modernist@v0.2.0
+#remote_theme: pages-themes/dinky@v0.2.0
+# remote_theme: pages-themes/minimal@v0.2.0
+# remote_theme: pages-themes/hacker@v0.2.0
+remote_theme: pages-themes/cayman@v0.2.0
+# remote_theme: pages-themes/time-machine@v0.2.0
+plugins:
+- jekyll-remote-theme
+future: true
+
diff --git a/_data/compsci.yml b/_data/compsci.yml
new file mode 100644
index 000000000..624c41d5d
--- /dev/null
+++ b/_data/compsci.yml
@@ -0,0 +1,11 @@
+# CSP course meta data
+Unit1:
+ title: Build a Lab Notebook
+ description: Install Tools. Design lab notebook. Learn GitHub Pages. Work with Pair (pair name).
+ start: 0
+ end: 3
+Unit2:
+ title: Learn Language
+ description: Learn (JavaScript|Python|Java). Start Agile development process.
+ start: 4
+ end: 7
diff --git a/_data/csa.yml b/_data/csa.yml
deleted file mode 100644
index d690f859a..000000000
--- a/_data/csa.yml
+++ /dev/null
@@ -1,46 +0,0 @@
-# CSP course meta data
-Unit1:
- title: Introduction to Tools and Resources
- description: To learn Java and build skills for Career Technical Education students will quickly immerse into Tools and Resources for Java Development and Blogging. These early weeks will focus on the Development Environment, GitHub Pages Blogging platform, AP Classroom resources, and Programming Java with VSCode and Jupyter Notebooks.
- start: 0
- end: 3
-Unit2:
- title: Java Mini-labs
- description: Students have been introduced to Classes and Inheritance in Python and JavaScript. In this unit students will become more familiar with Java development and classes through mini-labs. These labs will focus on AP required aspects of Java, additionally they can be used as code to support the backend of a Desktop App or WebSite. This unit concludes with 4 person Project Plan, kicking off the end of trimester N@TM project. Students will be able to write code that completes full stack process of Frontend talking to the Java backend.
- start: 4
- end: 7
-Unit3:
- title: Individual/Team Projects and N@tM
- description: This Units requirement is to to build individual development skills and a Team Frontend and Backend project in Java. By the end of this unit students will be aware of all the College Board Units and FRQ types. Student will participate in live grading of peers work. Fastpages Blogs and Jupyter Notebooks are required for all individuals. By the end of this section you should have examples, study materials, and code that show a great deal of effort, understanding, and competency.
- start: 8
- end: 12
-Unit4:
- title: College Board Teaching and Study
- description: This period will complete formal teaching and grading on the basics of the 10 units. Also, there will be a tech talk and homework on each FRQ type customized for Team PBL idea.
- start: 13
- end: 16
-Unit5:
- title: Passion Projects
- description: Objective of these weeks is to explore and create ideas and concepts for a Team two trimester project. Adding frontend and creativity while using APIs/Databases. This should be a project of personal and team interest. Team projects that are most liked by Teachers and Students will be continued in Trimester 3.
- start: 17
- end: 20
-Unit6:
- title: Creative Development and N@tM
- description: This will be most creative portion of year for CSA students. Each person within "Student Teams" will have their own specialty within their student project that shows Full Stack competency, requiring Java as backend. Intentions for this period is to have a free and creative period, driven by your Issues and Scrum Board. Student should be able to talk about design, do fe/be coding, addd database features and perform weekly live reviews.
- start: 21
- end: 24
-Unit7:
- title: Data Structures
- description: A focus Data Structures that relate to the AP exam. A key requirement is to make your own Algo Rythmic sorting video. The theme is produce work that can be used to help you pass the AP Exam and improve your Passion Project. Each student must cover key concepts from one of the Four AP FRQ types, contain a key Data Structure, and utilize sorting. These requirements are fairly generic and could complement any project.
- start: 25
- end: 29
-Unit8:
- title: AP Weeks
- description: Student will lead several study sessions (20 minute test, follow by review) the week before the exam. In any break in study, students will transition activities to a final project.
- start: 30
- end: 32
-Unit9:
- title: Final Project and N@tM
- description: Wrap up your preferred project. There will be an opportunity to contribute and be published to the NightHawk Coding Society library. If your project is selected, then you will receive a high 'A' on final.
- start: 33
- end: 36
diff --git a/_data/csp.yml b/_data/csp.yml
deleted file mode 100644
index 9ca76bfaf..000000000
--- a/_data/csp.yml
+++ /dev/null
@@ -1,46 +0,0 @@
-# CSP course meta data
-Unit1:
- title: Introduction to Tools and Resources
- description: The initial weeks focus on introducing Tools, Pair Programming, and the AP Resources that we plan to use throughout the year. At the end of Weeks 0-3, students will be exposed to blogging with GitHub Pages; developing with Jupyter Notebooks, Python, JavaScript, HTML, and Code.org AppLab; working with AP classroom and becoming familiar with Create Performance Task project requirements.
- start: 0
- end: 3
-Unit2:
- title: Introduction to Web Development
- description: Websites are made up of several key parts. Frontend, Backend, Data and Deployment. The focus for these weeks is to enable students to perform the aspects of constructing and deploying a simple Website. There will be several lectures during this period to provide you with concepts on how to build a WebSite, including working with data from a backend server.
- start: 4
- end: 7
-Unit3:
- title: Web Application, Data, and N@tM
- description: Student at teams need to build their own Website and Blog their understanding. The Website should include their own interests, but requires use of Python Flask and JavaScript programming. By the end of the Unit, students will be ready to start many of the technical coding aspects of Web Development, having established a Deployed Website. In November, the Trimester work will end with a project and student participation in Electives Department "Night at the Museum" (N@tM).
- start: 8
- end: 12
-Unit4:
- title: Algorithmic Programming
- description: Trimester 2 begins with student teaching and a focus on algorithms. Each week a "Student Team" has a teaching assignment supported by College Board materials. Additionally, the Teacher is providing Career Tech mini-labs that correspond to one or more topics for the week. Use the two things together as you improve your learning experience, Frontend blog and Jupyter Notebooks.
- start: 13
- end: 16
-Unit5:
- title: OOP and Databases
- description: Trimester 2 continues with student learning OOP and immediately applying it to Databases. Each week a "Student Teams" will be working on frontend and backend elements for their Create Performance Task (CPT). GitHub pages will be focus of instruction for frontend, OOP in Python will be instruction provided to create a database which will help exceed every CPT requirement.
- start: 17
- end: 20
-Unit6:
- title: Create Performance Task (CPT) and N@tM
- description: Trimester 2 concludes with student presenting their CPT project at N@tM. Each person within "Student Teams" will have their own specialty within the student project that satisfied all their Create Performance Task requirements. Student should be able to talk about design, coding, and present features of their portion of the system.
- start: 21
- end: 24
-Unit7:
- title: Data Structures
- description: This is the beginning of a college course following outline of CS113 Data Structures from Mira Costa CC. Topics, using Python, include searching, sorting, hashing, algorithms, analysis, object-oriented design, collections, lists, stacks, queues, trees, sets, dictionaries, and graphs.
- start: 25
- end: 29
-Unit8:
- title: AP Weeks
- description: Activities will be focused on supporting students in test preparations, including student teaching. Days that are not focused on test preparation will be focused on planning for year end project/portfolio.
- start: 30
- end: 32
-Unit9:
- title: Passion Project and N@tM
- description: Presenting accomplishments for the year by creating a passion project for N@tM. This project will serve as the year end final exam.
- start: 33
- end: 36
diff --git a/_data/csse.yml b/_data/csse.yml
deleted file mode 100644
index 502026602..000000000
--- a/_data/csse.yml
+++ /dev/null
@@ -1,31 +0,0 @@
-# CSP course meta data
-Unit1:
- title: Introduction to Tools, Blogging, Markdown, HTML and CSS
- description: The initial weeks focus on introducing Tools, Pair Programming, and tools we will using throughout the year. At the end of the first unit, students will be blogging on GitHub and creating GitHub Pages; be introduced to Jupyter Notebooks and VSCode, coding with JavaScript, HTML, and CSS
- start: 0
- end: 3
-Unit2:
- title: Introduction to Development with JavaScript
- description: A key focus of this course is to make Web Games using JavaScript. These next few weeks we will perform the aspects of constructing a game and deploying the game to GitHub Pages. Our goal is to participate in N@tM with the other CS classes and other classes from the Electives Department.
- start: 4
- end: 7
-Unit3:
- title: Building a Web Application with GitHub Pages for N@tM
- description: Part of the process of becoming technically proficient is taking on challenges while coding, these challenges will often make a student feel uncomforatable. But with some vision, questions, and AI research it is amazing what can be done.
- start: 8
- end: 12
-Unit4:
- title: Working with Data and Frameworks
- description: Understanding key development frameworks available in GitHub Pages make development faster. We will look at storing data in the Browsers with Local Storage, generating repetitive code using YML and Liquid and styling HTML with SASS.
- start: 13
- end: 16
-Unit5:
- title: Algorithmic and Programming Fundamentals
- description: Each week a "Student Team" will have a teaching assignment. Additionally, the Teacher is providing mini-labs that correspond to topics for the week. Using the two things together, you will your learning experience, blogging and Jupyter Notebooks skills.
- start: 17
- end: 20
-Unit6:
- title: Create a Final Project and N@tM
- description: Trimester 2 concludes with student presenting their CPT project at N@tM. Each person within "Student Teams" will have their own specialty within the student project that satisfied all their Create Performance Task requirements. Student should be able to talk about design, coding, and present features of their portion of the system.
- start: 21
- end: 24
diff --git a/_data/mario_metadata.yml b/_data/mario_metadata.yml
deleted file mode 100644
index 53bc09674..000000000
--- a/_data/mario_metadata.yml
+++ /dev/null
@@ -1,65 +0,0 @@
-# Metadata to describe animations in sprite file images/mario_animations.png
-- Rest:
- row: 0
- col: 0
- frames: 15
-- RestL:
- row: 1
- col: 0
- frames: 15
-- Walk:
- row: 2
- col: 0
- frames: 8
-- Tada:
- row: 2
- col: 11
- frames: 3
-- WalkL:
- row: 3
- col: 0
- frames: 8
-- TadaL:
- row: 3
- col: 11
- frames: 3
-- Run1:
- row: 4
- col: 0
- frames: 15
-- Run1L:
- row: 5
- col: 0
- frames: 15
-- Run2:
- row: 6
- col: 0
- frames: 15
-- Run2L:
- row: 7
- col: 0
- frames: 15
-- Puff:
- row: 8
- col: 0
- frames: 15
-- PuffL:
- row: 9
- col: 0
- frames: 15
-- Cheer:
- row: 10
- col: 0
- frames: 15
-- CheerL:
- row: 11
- col: 0
- frames: 15
-- Flip:
- row: 12
- col: 0
- frames: 15
-- FlipL:
- row: 13
- col: 0
- frames: 15
diff --git a/_includes/header.html b/_includes/header.html
index 4c482389c..ea6f0644c 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -4,10 +4,9 @@
diff --git a/_includes/help_list.html b/_includes/help_list.html
new file mode 100644
index 000000000..c4373a391
--- /dev/null
+++ b/_includes/help_list.html
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/_includes/nav_basics.html b/_includes/nav_basics.html
new file mode 100644
index 000000000..252df971f
--- /dev/null
+++ b/_includes/nav_basics.html
@@ -0,0 +1,11 @@
+
+ {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
+ {%- for post in posts -%}
+
+ {%- include help_list.html -%}
+
+ {%- endfor -%}
+
+
+ {%- endif -%}
diff --git a/_notebooks/2023-08-17-AP-pseudo-vs-python.ipynb b/_notebooks/2023-08-17-Markdown_Table_Code_Hack.ipynb
similarity index 92%
rename from _notebooks/2023-08-17-AP-pseudo-vs-python.ipynb
rename to _notebooks/2023-08-17-Markdown_Table_Code_Hack.ipynb
index 5e36ea783..c02fabb01 100644
--- a/_notebooks/2023-08-17-AP-pseudo-vs-python.ipynb
+++ b/_notebooks/2023-08-17-Markdown_Table_Code_Hack.ipynb
@@ -9,9 +9,9 @@
"toc: true\n",
"comments: true\n",
"layout: post\n",
- "title: College Board Pseudo Code \n",
- "description: The College Board testing language is Pseudo Code. Pseudo mean kind-of language that we will compare to Python.\n",
- "courses: { csp: {week: 1} }\n",
+ "title: Sample IPYNB w/ table,code\n",
+ "description: Example!!! This sample shows markdown cell, markdown table, markdown code fencing, and code cells.\n",
+ "courses: { compsci: {week: 1} }\n",
"type: hacks\n",
"---"
]
@@ -48,7 +48,7 @@
"Last index in List | list[LENGTH(list)] | list[len(list) - 1] | Access the last element in the list[]. If you start at zero, last element is length - 1.\n",
"Define Procedure | PROCEDURE name (parameter) | def name(parameter): | Create a procedure containing a sequence of programming instructions.\n",
"Expression equals |\ta = b\t| a == b | Evaluate if assigned value of a equals assigned value of b\n",
- "Expression not equals |\ta ≠ b\t| a != b | Evaluate if assigned value of a is NOT equal to assigned value of b"
+ "Expression not equals |\ta ≠ b\t| a != b | Evaluate if assigned value of a is NOT equal to assigned value of b."
]
},
{
@@ -69,9 +69,17 @@
},
{
"cell_type": "code",
- "execution_count": null,
+ "execution_count": 1,
"metadata": {},
- "outputs": [],
+ "outputs": [
+ {
+ "name": "stdout",
+ "output_type": "stream",
+ "text": [
+ "A equals B\n"
+ ]
+ }
+ ],
"source": [
"# Python code if block to match Pseudo Code\n",
"a = 1\n",
diff --git a/_notebooks/2023-08-21-VSCode-GitHub_Pages.ipynb b/_notebooks/2023-08-21-HTML_Image_Hack.ipynb
similarity index 98%
rename from _notebooks/2023-08-21-VSCode-GitHub_Pages.ipynb
rename to _notebooks/2023-08-21-HTML_Image_Hack.ipynb
index 81fa14f6f..87fc24d7f 100644
--- a/_notebooks/2023-08-21-VSCode-GitHub_Pages.ipynb
+++ b/_notebooks/2023-08-21-HTML_Image_Hack.ipynb
@@ -8,10 +8,10 @@
"---\n",
"comments: true\n",
"layout: post\n",
- "title: Student GitHub Pages\n",
+ "title: Sample IPYNB w/ html,img\n",
"description: A key to development in this class is the association VSCode to a GitHub pages project. This is where students update assignments and present work.\n",
"type: hacks\n",
- "courses: { csse: {week: 0}, csp: {week: 0}, csa: {week: 0} }\n",
+ "courses: { compsci: {week: 0} }\n",
"categories: [C4.1]\n",
"---"
]
diff --git a/_notebooks/2023-08-28-basics-home.ipynb b/_notebooks/2023-08-28-basics-home.ipynb
new file mode 100644
index 000000000..cba7971a0
--- /dev/null
+++ b/_notebooks/2023-08-28-basics-home.ipynb
@@ -0,0 +1,65 @@
+{
+ "cells": [
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "---\n",
+ "layout: post\n",
+ "title: Web Programming Basics\n",
+ "description: An introduction to key topics in Web Programming\n",
+ "courses: { csse: {week: 6}, csp: {week: 6} }\n",
+ "type: ccc\n",
+ "permalink: /basics/home\n",
+ "---"
+ ]
+ },
+ {
+ "cell_type": "raw",
+ "metadata": {},
+ "source": [
+ "{% include nav_basics.html %}\n"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "\n",
+ "# A guide to basic concepts in Web Notebook\n",
+ "- Making a menu\n",
+ "- Use menu to Guide topics\n",
+ "- Make your own custom page and menu\n",
+ "- Making a page dynamic through JavaScript\n",
+ "- Review usage of Styles in GitHub Pages\n",
+ "\n",
+ "# How to import this setup into your student repository\n",
+ "- NOTE: To copy files between repostories, open two vscode windows and you can drag and drop\n",
+ "- Copy the file _includes/nav_basics.html into the _includes folder of your student repository\n",
+ " - This creates the navigation between the different pages in the Web Dev Basics\n",
+ "- Copy the following files from _notebooks into your _notebooks folder\n",
+ " - 2023-03-28-basics-home.ipynb, 2023-03-28-basics-html.ipynb, 2023-03-29-basics-of-js.ipynb, 2023-08-30-basics-of-js-data-types.ipynb, 2023-08-30-basics-js-with-html.ipynb, 2023-09-20-1_4-js-errors.ipynb\n",
+ "- In the basics homepage (2023-03-28-basics-home.ipynb), you need to make an edit\n",
+ " - In the top cell, modify the courses to say `{ compsci: { week: 5 } }` (this will move this into your schedule page)\n",
+ "\n",
+ "# Seeing javascript console output in visual studio\n",
+ "- When printing outputs from javascript to the console you will need to open the developer console\n",
+ " - Go to Help->Toggle Developer Tools and click console on the top bar of the developer window"
+ ]
+ }
+ ],
+ "metadata": {
+ "kernelspec": {
+ "display_name": "Python 3",
+ "language": "python",
+ "name": "python3"
+ },
+ "language_info": {
+ "name": "python",
+ "version": "3.9.12"
+ },
+ "orig_nbformat": 4
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}
diff --git a/_notebooks/2023-08-28-basics-html.ipynb b/_notebooks/2023-08-28-basics-html.ipynb
new file mode 100644
index 000000000..fae39435c
--- /dev/null
+++ b/_notebooks/2023-08-28-basics-html.ipynb
@@ -0,0 +1,326 @@
+{
+ "cells": [
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "---\n",
+ "layout: post\n",
+ "hide: True\n",
+ "title: Basics of HTML Guide\n",
+ "description: An introduction to basic HTML, and resources to learn more.\n",
+ "type: ccc\n",
+ "permalink: /basics/html\n",
+ "author: Rohan Juneja\n",
+ "---"
+ ]
+ },
+ {
+ "cell_type": "raw",
+ "metadata": {},
+ "source": [
+ "{% include nav_basics.html %}\n"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "\n",
+ "# How does HTML work?\n",
+ "Similar function to Markdown, syntax defines how stuff should be displayed\n",
+ "- HTML is based on beginning and closing tags `content`\n",
+ " - Note the \"/\" on the ending or closing tag of the pair"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "## Compare markdown to html below\n",
+ "This below example shows comparison of a [heading](https://www.w3schools.com/html/html_headings.asp) and [paragraph](https://www.w3schools.com/html/html_paragraphs.asp). Click on links to see many more HTML examples."
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 8,
+ "metadata": {},
+ "outputs": [
+ {
+ "data": {
+ "text/markdown": [
+ "\n",
+ "### Markdown: This is a Heading\n",
+ "\n",
+ "This is a paragraph\n"
+ ],
+ "text/plain": [
+ ""
+ ]
+ },
+ "metadata": {},
+ "output_type": "display_data"
+ }
+ ],
+ "source": [
+ "%%markdown\n",
+ "\n",
+ "### Markdown: This is a Heading\n",
+ "\n",
+ "This is a paragraph\n"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 9,
+ "metadata": {
+ "vscode": {
+ "languageId": "html"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n",
+ "
\n",
+ "```\n",
+ "\n"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Resources\n",
+ "- https://www.w3schools.com/html/default.asp\n",
+ "- I will show a demo of how to find information on this website"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# HTML Hacks\n",
+ "- Below is a wireframe for an HTML element you will create. A wireframe is a rough visual representation of HTML elements on a page and isn't necessarily to scale or have the exact styling that the final HTML will have. Using the syntax above, try to create an HTML snippet that corresponds to the below wireframe.\n",
+ "- The \"a tags\" can contain any links that you want\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 2,
+ "metadata": {
+ "vscode": {
+ "languageId": "html"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n",
+ "\n",
+ "\n",
+ "\n",
+ " \n",
+ " US State Capitals\n",
+ "\n",
+ "\n",
+ "
\n",
+ "\n"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Writing text to console.log\n",
+ "- The text written with `console.log` appears in the Console\n",
+ "- `console.log` allows you to write text -- but you don't see any text in above example until you view Console.\n",
+ "- Activate Console window\n",
+ " - VSCode Help-Toggle Developer Tools allows you to see console.log output\n",
+ " - Chrome and other browsers require right click -> inspect also allows access to console.log output\n",
+ " - Safari users will need to enable developer settings before inspecting an element. To do this go to Safari settings -> advanced and check the box next to \"Show develop menu in menu bar\"\n",
+ " - By default you usually need to click Console next to Elements, to see console.log output\n",
+ " - Also, you may want to press clear console (cirlcl with slash) to clean up screen before analysis. \n"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "## Try code with Console\n",
+ "- Developers typically keep console open\n",
+ "- In console window, you can run javascript code from prompt"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Storing data\n",
+ "- One of the most important things in programming is learning how data is stored, this is often called Data Abstraction (the ability to represent data in a programming language)."
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "## Types of data\n",
+ "- Javascript has a few basic types of data, which align with what the types of data you might know yourself\n",
+ "- In javascript, these types are formalized as:\n",
+ " - text = \"string\", number = \"number\", true/false = \"boolean\""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "## Name the Data\n",
+ "- When you think of data, it has a name and a value.\n",
+ "- Using the \"var\" JavaScript syntax you create a `variable` with a name and a value.\n",
+ "- In javascript this can represented with the following: `var someName = value;`\n",
+ " - The name cannot have spaces\n",
+ " - Text values must be wrapped in single or double quotes to identify it as text (see exmaples below)"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "## Accessing data\n",
+ "- To access data (the value of a variable), simply just use the name of the variable\n",
+ "- For example, we can use the values from previously in a `console.log`"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 17,
+ "metadata": {
+ "vscode": {
+ "languageId": "html"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n",
+ "\n"
+ ],
+ "text/plain": [
+ ""
+ ]
+ },
+ "metadata": {},
+ "output_type": "display_data"
+ }
+ ],
+ "source": [
+ "%%html\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# String Operators\n",
+ "- \"+\" concatenates string, same as combining text\n",
+ "- \"==\" checks if strings are the same, if so it outputs `true`, otherwise `false`\n",
+ " - \"!==\" is \"not equal to\" (opposite of equal to)\n",
+ "\n",
+ "## Assignment Operator\n",
+ "- \"=\" can be used to change the value of a variable\n",
+ " - ie. if you already created \"name1\" you can reassign name1 = \"New Name\""
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 16,
+ "metadata": {
+ "vscode": {
+ "languageId": "html"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n",
+ "\n"
+ ],
+ "text/plain": [
+ ""
+ ]
+ },
+ "metadata": {},
+ "output_type": "display_data"
+ }
+ ],
+ "source": [
+ "%%html\n",
+ "\n",
+ "\n"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Number Operators\n",
+ "- \"+\" adds numbers together\n",
+ "- \"-\" subtracts numbers, \"/\" divides numbers, \"*\" multiples numbers\n",
+ "- \"===\" checks if two values are the same, if so it outputs `true`, otherwise `false`\n",
+ " - \"!==\" is \"not equal to\" (opposite of equal to)\n",
+ " - normal oeprators like \"<\", \">\", \">=\" (greater than or equal to), \"<=\" with numbers\n",
+ "\n",
+ "## Assignment Operator\n",
+ "- \"=\" can be used to create or change the value of a variable"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 28,
+ "metadata": {
+ "vscode": {
+ "languageId": "html"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n",
+ "\n"
+ ],
+ "text/plain": [
+ ""
+ ]
+ },
+ "metadata": {},
+ "output_type": "display_data"
+ }
+ ],
+ "source": [
+ "%%html\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Conditional Statements\n",
+ "- Think about any actions that you take: you usually take them based on information you take in\n",
+ " - If tommorow is a school day, set an alarm for tomorrow at 8am\n",
+ "- We can also add additional clauses at the end\n",
+ " - If tommorow is a school day, set an alarm for tomorrow at 8am, otherwise (else) set an alarm for tommorow at 10am"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 29,
+ "metadata": {
+ "vscode": {
+ "languageId": "html"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n",
+ "\n"
+ ],
+ "text/plain": [
+ ""
+ ]
+ },
+ "metadata": {},
+ "output_type": "display_data"
+ }
+ ],
+ "source": [
+ "%%html\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Conditional Statements + Operators\n",
+ "- Since many operators return a true/false value (equals, gerater than, etc.) we can use them inside \"if\" statements"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 30,
+ "metadata": {
+ "vscode": {
+ "languageId": "html"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n"
+ ],
+ "text/plain": [
+ ""
+ ]
+ },
+ "metadata": {},
+ "output_type": "display_data"
+ }
+ ],
+ "source": [
+ "%%html\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Hacks\n",
+ "- Write a JavaScript program that compares two variables, a and b. Log \"a is greater\" if a is greater than b, \"b is greater\" if b is greater than a, and \"both are equal\" if a and b are equal. Make sure to use if statements and console.log"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 4,
+ "metadata": {
+ "vscode": {
+ "languageId": "javascript"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "application/javascript": "// Define two variables to hold the numbers\nvar number1 = 10;\nvar number2 = 20;\n\n// Compare the two numbers\nif (number1 < number2) {\n console.log(\"Number 1 is less than Number 2.\");\n} else if (number1 > number2) {\n console.log(\"Number 1 is greater than Number 2.\");\n} else {\n console.log(\"Number 1 is equal to Number 2.\");\n}\n",
+ "text/plain": [
+ ""
+ ]
+ },
+ "metadata": {},
+ "output_type": "display_data"
+ }
+ ],
+ "source": [
+ "%%js\n",
+ "// Define two variables to hold the numbers\n",
+ "var number1 = 10;\n",
+ "var number2 = 20;\n",
+ "\n",
+ "// Compare the two numbers\n",
+ "if (number1 < number2) {\n",
+ " console.log(\"Number 1 is less than Number 2.\");\n",
+ "} else if (number1 > number2) {\n",
+ " console.log(\"Number 1 is greater than Number 2.\");\n",
+ "} else {\n",
+ " console.log(\"Number 1 is equal to Number 2.\");\n",
+ "}"
+ ]
+ }
+ ],
+ "metadata": {
+ "kernelspec": {
+ "display_name": "Python 3",
+ "language": "python",
+ "name": "python3"
+ },
+ "language_info": {
+ "codemirror_mode": {
+ "name": "ipython",
+ "version": 3
+ },
+ "file_extension": ".py",
+ "mimetype": "text/x-python",
+ "name": "python",
+ "nbconvert_exporter": "python",
+ "pygments_lexer": "ipython3",
+ "version": "3.8.10"
+ },
+ "orig_nbformat": 4
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}
diff --git a/_notebooks/2023-08-30-Calculator.ipynb b/_notebooks/2023-08-30-Calculator.ipynb
new file mode 100644
index 000000000..45216098e
--- /dev/null
+++ b/_notebooks/2023-08-30-Calculator.ipynb
@@ -0,0 +1,455 @@
+{
+ "cells": [
+ {
+ "attachments": {},
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "---\n",
+ "comments: true\n",
+ "layout: post\n",
+ "title: Calculator IPYNB\n",
+ "description: Grab Calculator Code and place in IPYNB\n",
+ "type: hacks\n",
+ "courses: { compsci: {week: 2} }\n",
+ "---"
+ ]
+ },
+ {
+ "attachments": {},
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "## Make a GitHub Pages Repository\n",
+ "Understanding Calculator code is a great way to learn JavaScript.\n",
+ "- Calculator was obtained from Teacher in _post directory\n",
+ "- Calculator also requires assets directory also obtained from Teacher\n",
+ " - assets/css contains customized style for buttons\n",
+ " - assets/js contains vanta animations \n",
+ "- Code cell requires `%%html` at the top of cell to support css, html, script."
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 2,
+ "metadata": {
+ "vscode": {
+ "languageId": "html"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n",
+ "\n",
+ "\n",
+ "
\n",
+ "\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Getting the data within the HTML element\n",
+ "- The variable titleElement stores the \"object\"\n",
+ "- Basically think of this as the group of data enclosed in HTML tag\n",
+ "- To access a certain type of data from an \"object\" we use \".\" notation\n",
+ " - .innerHTML gets data within center of tag"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 2,
+ "metadata": {},
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n",
+ "
\n",
+ "\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Setting the data within the HTML Element\n",
+ "- The innerHTML data in this \"object\" can be set like a variable\n",
+ " - Change the value of the innerHTML using the \"=\" (assignment) operator"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 3,
+ "metadata": {},
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n",
+ "
\n",
+ "\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Creating elements\n",
+ "- Create a new element with the document.createElement function -> takes in the type of element\n",
+ "- Set properties in the element just like the \"h1\" example"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {},
+ "outputs": [],
+ "source": [
+ "%%html\n",
+ "\n",
+ "
\n",
+ "
My Title
\n",
+ "
\n",
+ "\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Issue! How to Create element that appears in HTML?\n",
+ "- Here is a visualization of what is happening => the \"p\" is not placed inside the HRML page!\n",
+ "\n"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Solution\n",
+ "- Correct by placeing the element somewhere in the page\n",
+ "- For example, we could add the element within the div\n",
+ " - For this, use the appendChild function on the div object (the parameter would be the p element we created)\n",
+ " - Remember, use the getELementById to get the object for something in the html (the div!)\n",
+ "- Updated Diagram\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {},
+ "outputs": [],
+ "source": [
+ "%%html\n",
+ "\n",
+ "
\n",
+ "
My Title
\n",
+ "
\n",
+ "\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Functions in JavaScript, using with DOM\n",
+ "- Functions allow you to \"do something\"\n",
+ " - ex. \"eat food\" in a Snake Game\n",
+ "- Functions were used in previous examples\n",
+ " - console.log = \"print something\"\n",
+ " - document.getElementById = \"find an element with id\"\n",
+ "- Functions take in parameters, what to do (inside the parenthesis)\n",
+ " - the parameter tells console.log what to print\n",
+ " - the parameter in document.getElementById tells the id of the element\n",
+ "- Functions can be used with DOM as well, thes will be shown below"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Creeating functions\n",
+ "- document functions functions were used to create a lot of functionality, but how can a developer create their own?\n",
+ "- function are useful to avoid writing the same code over and over again\n",
+ "- function can contain parameters for input (they effectively become variables)\n",
+ "- function can contain a return, the are the \"output\" of the function"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {},
+ "outputs": [],
+ "source": [
+ "%%html\n",
+ "\n",
+ "
\n",
+ "
My Title
\n",
+ "
\n",
+ "\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# OnClick Event\n",
+ "- Run a function when an event occurs\n",
+ " - In this case, the p tag is created when the button is clicked"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {},
+ "outputs": [],
+ "source": [
+ "%%html\n",
+ "\n",
+ "\n",
+ "\n",
+ "
\n",
+ "
My Title
\n",
+ "
\n",
+ "\n",
+ "\n",
+ ""
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Hacks\n",
+ "- Copy your HTML code from the HTML hacks. Write a Javascript snippet to switch the links of the two a tags when a button is pressed. Once they are switched, change the inner HTML of the top p tag to the word \"switched!\""
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 2,
+ "metadata": {
+ "vscode": {
+ "languageId": "html"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "text/html": [
+ "\n",
+ "\n",
+ " \n",
+ " US State Capitals\n",
+ "\n",
+ "\n",
+ "
\n",
+ " \n",
+ " \n",
+ "\n",
+ "\n",
+ "\n",
+ "\n",
+ "\n",
+ "\n"
+ ]
+ }
+ ],
+ "metadata": {
+ "kernelspec": {
+ "display_name": "Python 3",
+ "language": "python",
+ "name": "python3"
+ },
+ "language_info": {
+ "codemirror_mode": {
+ "name": "ipython",
+ "version": 3
+ },
+ "file_extension": ".py",
+ "mimetype": "text/x-python",
+ "name": "python",
+ "nbconvert_exporter": "python",
+ "pygments_lexer": "ipython3",
+ "version": "3.8.10"
+ },
+ "orig_nbformat": 4
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}
diff --git a/_notebooks/2023-09-20-1_4-js-errors.ipynb b/_notebooks/2023-09-20-1_4-js-errors.ipynb
new file mode 100644
index 000000000..29b024bbd
--- /dev/null
+++ b/_notebooks/2023-09-20-1_4-js-errors.ipynb
@@ -0,0 +1,364 @@
+{
+ "cells": [
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "---\n",
+ "layout: post\n",
+ "title: 1.4 Correcting errors\n",
+ "description: Practice with identifying and correcting code blocks\n",
+ "type: ccc\n",
+ "author: Safin Singh and Rohan Juneja\n",
+ "permalink: /basics/js-debug\n",
+ "hide: True\n",
+ "---"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "{% include nav_basics.html %}"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "[College Board Big Idea 1](https://apclassroom.collegeboard.org/103/home?unit=1)\n",
+ "\n",
+ "## Identifying and Correcting Errors (Unit 1.4)\n",
+ "\n",
+ "> Become familiar with types of errors and strategies for fixing them\n",
+ "\n",
+ "- Review CollegeBoard videos and take notes on blog\n",
+ "- Complete assigned MCQ questions if applicable"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Code Segments\n",
+ "\n",
+ "Practice fixing the following code segments!"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "## Segment 1: Alphabet List\n",
+ "\n",
+ "Intended behavior: create a list of characters from the string contained in the variable `alphabet`\n",
+ "\n",
+ "### Code:"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 7,
+ "metadata": {
+ "vscode": {
+ "languageId": "javascript"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "application/javascript": "\nvar alphabet = \"abcdefghijklmnopqrstuvwxyz\";\nvar alphabetList = [];\n\nfor (var i = 0; i < 26; i++) {\n\talphabetList.push(alphabet[i]);\n}\n\nconsole.log(alphabetList);\n",
+ "text/plain": [
+ ""
+ ]
+ },
+ "metadata": {},
+ "output_type": "display_data"
+ }
+ ],
+ "source": [
+ "%%js\n",
+ "\n",
+ "var alphabet = \"abcdefghijklmnopqrstuvwxyz\";\n",
+ "var alphabetList = [];\n",
+ "\n",
+ "for (var i = 0; i < 26; i++) {\n",
+ "\talphabetList.push(alphabet[i]);\n",
+ "}\n",
+ "\n",
+ "console.log(alphabetList);"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# What I Changed\n",
+ "\n",
+ "### When appending the values into alphabet list, the original code was only appending i with was te increment variable. I changed it by making the function append alphabetList[i] so that each value of the alphabet was pushed rather than its index. I also changed the max value of i to be less than 26 so that all 26 letters were appended rather than only 10"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "## Segment 2: Numbered Alphabet\n",
+ "\n",
+ "Intended behavior: print the number of a given alphabet letter within the alphabet. For example:\n",
+ "```\n",
+ "\"_\" is letter number _ in the alphabet\n",
+ "```\n",
+ "\n",
+ "Where the underscores (_) are replaced with the letter and the position of that letter within the alphabet (e.g. a=1, b=2, etc.)\n",
+ "\n",
+ "### Code:"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 13,
+ "metadata": {
+ "vscode": {
+ "languageId": "javascript"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "application/javascript": "\nvar alphabet = \"abcdefghijklmnopqrstuvwxyz\";\nvar alphabetList = [];\n\nfor (var i = 0; i < 26; i++) {\n\talphabetList.push(alphabet[i]);\n}\n\nconsole.log(alphabetList);\n\nlet letterNumber = 5\n\nfor (var i = 0; i < alphabetList.length; i++) {\n\tif (i == letterNumber) {\n\t\tconsole.log(alphabetList[i-1] , \" is letter number 5 in the alphabet\")\n\t}\n}\n\n// Should output:\n// \"e\" is letter number 5 in the alphabet\n",
+ "text/plain": [
+ ""
+ ]
+ },
+ "metadata": {},
+ "output_type": "display_data"
+ }
+ ],
+ "source": [
+ "%%js\n",
+ "\n",
+ "var alphabet = \"abcdefghijklmnopqrstuvwxyz\";\n",
+ "var alphabetList = [];\n",
+ "\n",
+ "for (var i = 0; i < 26; i++) {\n",
+ "\talphabetList.push(alphabet[i]);\n",
+ "}\n",
+ "\n",
+ "console.log(alphabetList);\n",
+ "\n",
+ "let letterNumber = 5\n",
+ "\n",
+ "for (var i = 0; i < alphabetList.length; i++) {\n",
+ "\tif (i == letterNumber) {\n",
+ "\t\tconsole.log(alphabetList[i-1] , \" is letter number 5 in the alphabet\")\n",
+ "\t}\n",
+ "}\n",
+ "\n",
+ "// Should output:\n",
+ "// \"e\" is letter number 5 in the alphabet"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# What I Changed\n",
+ "## When the for loop was written i< alphabetList which is a list not a number. To fix it I changed it to alphabetList.length to add a number. I also changed alphabetList[i] to alphabetList[i-1] to prevent an indexing error since alphabetList index starts from 0 while letterNumber starts from 1.\n"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "## Segment 3: Odd Numbers\n",
+ "\n",
+ "Intended behavior: print a list of all the odd numbers below 10\n",
+ "\n",
+ "### Code:"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {
+ "vscode": {
+ "languageId": "javascript"
+ }
+ },
+ "outputs": [],
+ "source": [
+ "%%js\n",
+ "\n",
+ "let odd = [];\n",
+ "let i = 1;\n",
+ "\n",
+ "while (i <= 10) {\n",
+ " odd.push(i);\n",
+ " i += 2;\n",
+ "}\n",
+ "\n",
+ "console.log(odd);"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# What I Changed\n",
+ "\n",
+ "## The whole program had the even list instead of the odd list so I replaced it with odd. I also made 1 the starting point as that was the first odd number for below 10."
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# BELOW NOT EDITED"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "The intended outcome is printing a number between 1 and 100 once, if it is a multiple of 2 or 5 \n",
+ "- What values are outputted incorrectly. Why?\n",
+ "- Make changes to get the intended outcome."
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {
+ "vscode": {
+ "languageId": "javascript"
+ }
+ },
+ "outputs": [],
+ "source": [
+ "%%js\n",
+ "\n",
+ "var numbers = []\n",
+ "var newNumbers = []\n",
+ "var i = 0\n",
+ "\n",
+ "while (i < 100) {\n",
+ " numbers.push(i)\n",
+ " i += 1\n",
+ "}\n",
+ "for (var i of numbers) {\n",
+ " if (numbers[i] % 5 === 0)\n",
+ " newNumbers.push(numbers[i])\n",
+ " if (numbers[i] % 2 === 0)\n",
+ " newNumbers.push(numbers[i])\n",
+ "}\n",
+ "console.log(newNumbers) \n",
+ "\n"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Challenge\n",
+ "\n",
+ "This code segment is at a very early stage of implementation.\n",
+ "- What are some ways to (user) error proof this code?\n",
+ "- The code should be able to calculate the cost of the meal of the user\n",
+ "\n",
+ "Hint:\n",
+ "- write a “single” test describing an expectation of the program of the program\n",
+ "- test - input burger, expect output of burger price\n",
+ "- run the test, which should fail because the program lacks that feature\n",
+ "- write “just enough” code, the simplest possible, to make the test pass\n",
+ "\n",
+ "Then repeat this process until you get program working like you want it to work."
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 4,
+ "metadata": {
+ "vscode": {
+ "languageId": "javascript"
+ }
+ },
+ "outputs": [
+ {
+ "data": {
+ "application/javascript": "\nvar menu = {\"burger\": 3.99,\n \"fries\": 1.99,\n \"drink\": 0.99}\nvar total = 0\n\n//shows the user the menu and prompts them to select an item\nconsole.log(\"Menu\")\nfor (var item in menu) {\n console.log(item + \" $\" + menu[item].toFixed(2)) //why is toFixed used?\n}\n//ideally the code should support mutliple items\nvar burger_count = prompt(\"How many Burgers\")\nvar fries_count = prompt(\"How many Fries\")\nvar drink_count = prompt(\"How many Drinks\")\n\n//code should add the price of the menu items selected by the user \nconsole.log(total)\n\n",
+ "text/plain": [
+ ""
+ ]
+ },
+ "metadata": {},
+ "output_type": "display_data"
+ }
+ ],
+ "source": [
+ "%%js\n",
+ "\n",
+ "var menu = {\"burger\": 3.99,\n",
+ " \"fries\": 1.99,\n",
+ " \"drink\": 0.99}\n",
+ "var total = 0\n",
+ "\n",
+ "//shows the user the menu and prompts them to select an item\n",
+ "console.log(\"Menu\")\n",
+ "for (var item in menu) {\n",
+ " console.log(item + \" $\" + menu[item].toFixed(2)) //why is toFixed used?\n",
+ "}\n",
+ "//ideally the code should support mutliple items\n",
+ "var burger_count = prompt(\"How many Burgers\")\n",
+ "total += menu.burger * burger_count\n",
+ "var fries_count = prompt(\"How many Fries\")\n",
+ "total += menu.fries *fries_count\n",
+ "var drink_count = prompt(\"How many Drinks\")\n",
+ "total += menu.drink * drink_count\n",
+ "\n",
+ "//code should add the price of the menu items selected by the user \n",
+ "console.log(total)\n",
+ "\n"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# What I did Hacks\n",
+ "## I added a user input place where the user could input how many of each food on the menuthey wanted and I used it to find the total value"
+ ]
+ },
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": []
+ }
+ ],
+ "metadata": {
+ "kernelspec": {
+ "display_name": "Python 3.10.6 64-bit",
+ "language": "python",
+ "name": "python3"
+ },
+ "language_info": {
+ "codemirror_mode": {
+ "name": "ipython",
+ "version": 3
+ },
+ "file_extension": ".py",
+ "mimetype": "text/x-python",
+ "name": "python",
+ "nbconvert_exporter": "python",
+ "pygments_lexer": "ipython3",
+ "version": "3.8.10"
+ },
+ "orig_nbformat": 4,
+ "vscode": {
+ "interpreter": {
+ "hash": "aee8b7b246df8f9039afb4144a1f6fd8d2ca17a180786b69acc140d282b71a49"
+ }
+ }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}
diff --git a/_notebooks/2023-09-27-project_review.ipynb b/_notebooks/2023-09-27-project_review.ipynb
new file mode 100644
index 000000000..68e82d27c
--- /dev/null
+++ b/_notebooks/2023-09-27-project_review.ipynb
@@ -0,0 +1,52 @@
+{
+ "cells": [
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "# Review 9/27/2023\n",
+ "\n",
+ "In my notebook, I successfully completed a series of tasks related to HTML and JavaScript. First, I created a functional HTML code cell, meticulously following the wireframe representation provided in the HTML hack section. Next, I tackled data types in JavaScript, implementing a working code cell based on the instructions in the data types hack. Additionally, I ventured into the realm of the Document Object Model (DOM) with another JavaScript code cell. Furthermore, I delved into JavaScript scripting, completing a code cell that demonstrated the language's scripting capabilities as described in the JavaScript hack. This was especially difficult since it was my first time using JS. Finally, to ensure accuracy and error-free code, I incorporated code cells that showcased the corrections made to the initial three code cells, as instructed in the Correcting Errors Hack. I also answered the Challenge problem."
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": 1,
+ "metadata": {},
+ "outputs": [
+ {
+ "name": "stdout",
+ "output_type": "stream",
+ "text": [
+ "Thanks for your time\n"
+ ]
+ }
+ ],
+ "source": [
+ "print(\"Thanks for your time\")"
+ ]
+ }
+ ],
+ "metadata": {
+ "kernelspec": {
+ "display_name": "Python 3",
+ "language": "python",
+ "name": "python3"
+ },
+ "language_info": {
+ "codemirror_mode": {
+ "name": "ipython",
+ "version": 3
+ },
+ "file_extension": ".py",
+ "mimetype": "text/x-python",
+ "name": "python",
+ "nbconvert_exporter": "python",
+ "pygments_lexer": "ipython3",
+ "version": "3.8.10"
+ },
+ "orig_nbformat": 4
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}
diff --git a/_notebooks/2023-09-27-review_ticket_5 b/_notebooks/2023-09-27-review_ticket_5
new file mode 100644
index 000000000..3c1a41f85
--- /dev/null
+++ b/_notebooks/2023-09-27-review_ticket_5
@@ -0,0 +1,64 @@
+---
+toc: false
+comments: true
+layout: post
+title: Review Ticket
+description: Here is my Week 5 Review Ticket from the Hacks Test.
+type: tangibles
+courses: { compsci: {week: 5} }
+---
+
+# Summary of JavaScript Concepts
+
+- JavaScript can be included in HTML or Jupyter cells using `` tags.
+- The output of JavaScript code, such as `console.log` statements, can be viewed in the browser's console.
+- Developers can activate the console through various methods depending on their environment (e.g., VSCode, browsers).
+
+## Referencing HTML Elements Using JavaScript
+
+- To access an HTML element, use `document.getElementById("idTag")`, where the ID corresponds to the HTML element's ID attribute.
+- The retrieved HTML element is stored in a JavaScript variable, allowing developers to manipulate it.
+
+## Getting Data Within HTML Elements
+
+- To access the content within an HTML element, use the `.innerHTML` property of the JavaScript variable representing that element.
+- This property allows developers to retrieve and display the content of an HTML element.
+
+## Setting Data Within HTML Elements
+
+- The `.innerHTML` property can be used to set the content of an HTML element, effectively changing its text or inner HTML.
+
+## Creating HTML Elements Dynamically
+
+- Developers can create new HTML elements using the `document.createElement` function, specifying the type of element to create.
+- These dynamically created elements can be manipulated and added to the HTML page using JavaScript.
+
+## Functions in JavaScript with DOM
+
+- Functions in JavaScript allow developers to encapsulate code into reusable blocks, enhancing code organization and maintainability.
+- Functions can accept parameters as input and return values as output.
+- JavaScript functions can be used in conjunction with the Document Object Model (DOM) to interact with HTML elements.
+
+## OnClick Event
+
+- The `onclick` event allows developers to specify a function to run when a particular HTML element (e.g., a button) is clicked.
+- This event handler can be used to trigger actions based on user interactions.
+
+---
+
+# Summary of HTML Concepts
+
+- HTML is a markup language used to structure the content of web pages.
+- It uses tags to define elements, with opening and closing tags wrapping content (e.g., `content`).
+- HTML elements can have attributes, which provide additional information and usually come in name/value pairs (e.g., `attribute_name="attribute_value"`).
+- Common HTML tags include headings (`
+ Visual Studio Code claims to provide just the tools a developer needs for a quick code-build-debug and version control cycle. It provides a Market Place for enhancements and more complex workflows. Before adding extensions, clone projects and see what is requested or added. Here are some extension that were added through that process or that I have added...
+
+
+
+ In marketplace there are several extensions for Python, Python Intellisense, Python Extension Pack
+
+
+ Jupyter: This supports build jupyter ipynb files from within VS Code
+
+
+ Code Spell Checker: Got to have it when building documents, particularly if you spell and typo like the Teacher
+
+
+ IntelliCode: Got to have it when creating a code file, it will sense type of code by extension. Also, it help with syntax as you are coding.
+
+
+
+ Review Details in Marketplace for better explanation of purpose of the things explained above. There is a lot more! As you need Git help look at things like Git History and GitLens. Or, perhaps you enjoy Vim and want Vim emulation for editing, their is an extension for that. Later, there may be interest in AWS Toolkit or Deploy extensions. We will learn more about Marketplace Extensions as we do more.
+
+ Visual Studio Code claims to provide just the tools a developer needs for a quick code-build-debug and version control cycle. It provides a Market Place for enhancements and more complex workflows. Before adding extensions, clone projects and see what is requested or added. Here are some extension that were added through that process or that I have added...
+
+
+
+ In marketplace there are several extensions for Python, Python Intellisense, Python Extension Pack
+
+
+ Jupyter: This supports build jupyter ipynb files from within VS Code
+
+
+ Code Spell Checker: Got to have it when building documents, particularly if you spell and typo like the Teacher
+
+
+ IntelliCode: Got to have it when creating a code file, it will sense type of code by extension. Also, it help with syntax as you are coding.
+
+
+
+ Review Details in Marketplace for better explanation of purpose of the things explained above. There is a lot more! As you need Git help look at things like Git History and GitLens. Or, perhaps you enjoy Vim and want Vim emulation for editing, their is an extension for that. Later, there may be interest in AWS Toolkit or Deploy extensions. We will learn more about Marketplace Extensions as we do more.
+
+
+
+
+
+
+
+## Hacks
+> Setup Tools and test GitHub connection. Tool and Equipment setup is like attendance, without Tools and Equipment you are effectually absent.
+- Change index.md to show it is REALLY YOURS. Refer to [Markdown Cheet Sheet](https://www.markdownguide.org/cheat-sheet/).
+ - Push a minor "index.md" change and Verify on GitHub [https://code.visualstudio.com/docs/editor/versioncontrol#_git-support](https://code.visualstudio.com/docs/editor/versioncontrol#_git-support)
+ - Verify "index.md" change on deployed GitHub Pages
+
diff --git a/_posts/2023-08-21-GitHub_Pages.md b/_posts/2023-08-21-GitHub_Pages.md
deleted file mode 100644
index 5e0cb12cd..000000000
--- a/_posts/2023-08-21-GitHub_Pages.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-toc: true
-comments: true
-layout: post
-title: GitHub Pages
-description: Build your first Blog. This will help us communicate results.
-type: plans
-courses: { csse: {week: 1}, csp: {week: 1, categories: [4.A]}, csa: {week: 0} }
-categories: [C1.4]
----
-
-### PBL Unit 1 / Week 1
-Learning outcome. Building a personal and running GitHub Pages.
-- Monday: Schedule Live Review - 4 minutes. Finish Tools setup. Attend Office Hours on HTML, CSS, JS and Student Blog.
-- Tuesday: Read [Markdown Student Page](https://nighthawkcoders.github.io/teacher//c4.3/c5.0/2023/08/17/markdown-html_fragments.html), Attend Office Hours on Updating Home Page and Plan Page.
-- Wednesday: Work Plan Page and Home Page. Prep with pair on live review.
-- Thursday: 10:45 live review per Canvas. Read [Linux Shell and Bash](https://nighthawkcoders.github.io/teacher//5.a/c4.1/2023/08/16/linux_shell_IPYNB_2_.html). Tranfer blog and customize for my lab notebook.
-- Update Blog to contain all hacks. Review week with Pair and look ahead and start plan for next week.
diff --git a/_posts/2023-08-26-GitHub_Sync.md b/_posts/2023-08-26-GitHub_Sync.md
new file mode 100644
index 000000000..27ac13d7b
--- /dev/null
+++ b/_posts/2023-08-26-GitHub_Sync.md
@@ -0,0 +1,67 @@
+---
+toc: true
+comments: false
+hide: true
+layout: post
+type: help
+title: GitHub Overview
+---
+
+## References
+
+### `GitHub` [Review GitHub concepts 2-min](https://www.youtube.com/watch?v=phGdqJB6ep0)
+
+### `Git source control` [VSCode](https://code.visualstudio.com/docs/sourcecontrol/overview)
+
+
+## Create GitHub Page Repository
+You will want to create a personal Github Pages blog for this class. This is a place where you can code, complete the hacks, and record what you have learned.
+
+### Git Config
+Run the following commands to configure user git connection to GitHub. This is required, before pushing code to GitHub.
+
+ ```bash
+ # Setup GitHub ID
+ git config --global user.email
+ git config --global user.name
+ # Verify Setup
+ git config --list
+ ```
+
+### [click to Create Repository](https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template)
+
+1. Use Template to create [student repository](https://github.com/nighthawkcoders/student)
+
+2. Once your repository is created, click on the green "Code" button and copy the HTTPS link provided.
+
+3. In Terminal, to your vscode directory (`cd ~/vscode`). Then clone the repository with `git clone `.
+
+4. Open your repository in VS Code with `code `. Cloud Terminal requires you to open after lanuching VSCode.
+
+
+## VSCode commit/sync to GitHub Pages
+The VSCode saved files are only stored on your computer locally until you commit and then sync the changes.
+
+### Commit Changes, version control locally
+This creates a version of your files in you local git database. Often developers commit several times before they sync in VSCode or push from command line. This allows lots of small changes that can be easily reviewed and rolled back.
+
+1. Click on the button that supports "Source Control" in VS Code's left sidebar
+
+2. Click on the plus sign to stage your changes
+
+ 
+
+3. Enter a message for your commit in the message box.
+
+4. Click the "Commit button"
+
+
+### Sync Changes, update change in GitHub
+Sync will push files to GitHub and create an Action for GitHub Pages updates, site will update if code is without errors.
+
+- Click the Menu button and then click "Push".
+
+ 
+
+- Watch Actions until done, open action link and review changes on github.io
+
diff --git a/_posts/2023-08-15-Tools_Sprint.md b/_posts/2023-08-28-Week_1_Plans.md
similarity index 53%
rename from _posts/2023-08-15-Tools_Sprint.md
rename to _posts/2023-08-28-Week_1_Plans.md
index eb5a0cb74..b194c2364 100644
--- a/_posts/2023-08-15-Tools_Sprint.md
+++ b/_posts/2023-08-28-Week_1_Plans.md
@@ -1,26 +1,26 @@
---
toc: true
-comments: true
+comments: false
layout: post
-title: Tools Setup
-description: Become one with your tools. They could be more important than code, code, coding.
+title: Weekly Plan
+description: Plan for Week 1
type: plans
-courses: { csse: {week: 0}, csp: {week: 0, categories: [4.A]}, csa: {week: 0} }
-categories: [C1.4]
+courses: { compsci: {week: 1} }
---
-### PBL Unit 1 / Week 0
-Learning outcome. Installing Tools and showing usage of VSCode.
-- Wednesday - Pick pair share partner, Pick crossover pair, Establish team of four. Spend some time talking and getting to know each other, particularly with Computer Science experience and goals. You should be matched with someone that has similar experience.
-- Thursday - Setup Tools on laptop and/or Cloud Computer.
-- Friday - Review and test as a Pair. Spend 25 minutes at one keyboard then switch for next 25 minutes.
+### PBL Unit 1 / Week 1
+ - Download remaining tools, get a local website running
+ - Experiment on modifying the website with images, videos, minigames
+ - Edit blogs to create notebook and modify it
+ - Test around with the blogs and index, add minigames
-### Hack Prepartation
-> Look for 'Hacks' to know what to do next. Try to be done and learn your machine before Monday EOD.
+
+### Pair Planning Meeting
+> Update Blog to contain all hacks. Review week with Pair and look ahead and start plan for next week. Try to be done and learn your machine before Monday EOD.
- A laptop, that you bring to class every day with ability to operate Development Tools on it or within the Cloud.
- GitHub Account, VSCode will be used to push/pull changes. GitHub is where we store and share code in the cloud, think of Google Docs but for Code.
- GitHub Pages will be used to host your personal blog: containing notes, answering hacks, and showing tangibles. Building pages will teach Markdown, HTML, CSS, JavaScript and more.
- Jupyter Notebooks will be used in conjunction with GitHub Pages to build running Code in your blog.
- Slack Account, install the App on Laptop and/or phone, get used to reading announcements. Slack is the tool that we will use for messaging, we have been averaging 1000s of essages each year.
- VSCode is the code editor we will be using in this class. VSCode is more than and editor, this type of tool is often called an Interactive Development Environment (IDE).
-- Run make commands to build and test blog locally, before pushing changes to GitHub pages.
+- Run make commands to build and test blog locally, before pushing changes to GitHub pages.
\ No newline at end of file
diff --git a/_posts/2023-08-30-Calculator_imported_2_.md b/_posts/2023-08-30-Calculator_imported_2_.md
new file mode 100644
index 000000000..5b4b93924
--- /dev/null
+++ b/_posts/2023-08-30-Calculator_imported_2_.md
@@ -0,0 +1,201 @@
+---
+comments: false
+layout: post
+title: Imported Calculator
+description: Grab Calculator Code and place in IPYNB
+type: hacks
+courses: {'compsci': {'week': 2}}
+---
+
+
+
+
+
+
+
+
+
+
0
+
+
1
+
2
+
3
+
+
+
+
4
+
5
+
6
+
-
+
+
7
+
8
+
9
+
*
+
+
A/C
+
0
+
.
+
=
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/_posts/2023-08-30-game_of_life.md b/_posts/2023-08-30-game_of_life.md
new file mode 100644
index 000000000..a371e546b
--- /dev/null
+++ b/_posts/2023-08-30-game_of_life.md
@@ -0,0 +1,200 @@
+---
+toc: True
+comments: False
+layout: post
+title: Game of life
+description: A simulation fof Convay's game of life
+courses: {'compsci': {'week': 2}}
+type: hacks
+---
+
+
+
+
+
+
+ Remix of Game of Life
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/_posts/2023-08-30-get_to_know_me.md b/_posts/2023-08-30-get_to_know_me.md
new file mode 100644
index 000000000..45617e78a
--- /dev/null
+++ b/_posts/2023-08-30-get_to_know_me.md
@@ -0,0 +1,70 @@
+---
+toc: True
+comments: False
+layout: post
+title: Get to Know Me Game
+description: A simple quiz on me using input and output in html
+courses: {'compsci': {'week': 1}}
+type: hacks
+---
+
+
+
+ Get To Know Me Game
+
+
+
Hello. Welcome to the Get To Know Me Game.
+
This is a multiple choice test that will test your knowledge about me.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/_posts/2023-08-30-search_terms.md b/_posts/2023-08-30-search_terms.md
new file mode 100644
index 000000000..342cbb7f4
--- /dev/null
+++ b/_posts/2023-08-30-search_terms.md
@@ -0,0 +1,99 @@
+---
+toc: true
+comments: true
+layout: post
+title: Glossary
+description: Search up terms for their definiton. These terms are from notes/hacks.
+type: tangibles
+courses: { compsci: {week: 1} }
+---
+
+
+
+ Command Glossary
+
+
+
+
Command Glossary
+
Enter a command to get its definition:
+
+
+
+
+
+
+
+
+- make - command that helps run your local server
+- make convert - checks and ensures Jupyter notebooks are up to date
+- make clean - stops the local server and cleans the files
+- make stop - stops the local server
+- cd - allows you to move through directories
+- cd vscode - allows you to go to VSCode directory
+- python –version - shows you your current python version
+- jupyter –version - shows all your jupyter files and their current versions
+- git clone - clones a repository
+- rbenv versions - shows your current ruby versions
+- ruby -v - shows your current ruby version
+- bundle install - this command installs the dependencies in your Gemfile
+- adds an image
+- ls - lists files in the respository
+- pwd - Print working directory command
+- mkdir - Command used to create directories
+- echo - Print any text that follows the command
+- clear - Clear the terminal display
+- mv - Move or rename files
+- useradd - adds a new user
+- sudo - command to create privileges
\ No newline at end of file
diff --git a/_posts/2023-08-30-snakegame.md b/_posts/2023-08-30-snakegame.md
new file mode 100644
index 000000000..a765e284a
--- /dev/null
+++ b/_posts/2023-08-30-snakegame.md
@@ -0,0 +1,374 @@
+---
+toc: true
+comments: false
+layout: post
+title: Snake Game
+description: A classic snake game
+type: hacks
+courses: { compsci: {week: 2} }
+---
+
+
+
+
+
+
+
diff --git a/_posts/2023-08-30-week_0_ticket.md b/_posts/2023-08-30-week_0_ticket.md
new file mode 100644
index 000000000..8213fb597
--- /dev/null
+++ b/_posts/2023-08-30-week_0_ticket.md
@@ -0,0 +1,16 @@
+---
+toc: true
+comments: false
+layout: post
+title: Review Ticket
+description: Review for Week 0
+type: tangibles
+courses: { compsci: {week: 0} }
+---
+
+### Week Overview
+Learning outcome. Installing Tools and showing usage of VSCode.
+ - Listened to Mr. Mortenson talk about the class, online notebooks are important
+ - Installed VSCode, homebrew, and made an account for Github
+ - Was playing around with the terminal by opening directories
+ - Installed python and Jupyter on VSCode
\ No newline at end of file
diff --git a/_posts/2023-08-30-week_1_ticket.md b/_posts/2023-08-30-week_1_ticket.md
new file mode 100644
index 000000000..1d82bd2f4
--- /dev/null
+++ b/_posts/2023-08-30-week_1_ticket.md
@@ -0,0 +1,24 @@
+---
+toc: true
+comments: true
+layout: post
+title: Review Ticket
+description: Overview of Week 1
+type: tangibles
+courses: { compsci: {week: 1} }
+---
+
+### Summary of Accomplishments
+- Opened a new terminal, created a vscode directory with mkdir vscode and then cd vscode
+- Cloned a teacher repository by using git clone
+- After learning how do clone a teacher repository I cloned a student repository and forked it onto my Github account
+- Opened my student repository in VSCode
+- Followed install steps to install gems, pip, ruby, and more
+- Once done installing all the necessary tools, I opened terminal in vscode and wrote bundle install and then typed make
+- Once the server ran and provided with the link, I opened the website
+- I linked the website to my Github Account
+- Played around with the website, opened index.md and then changed the heading text to Sri’s Page
+- Pressed command save and then went to my website again to see the change
+- Repeated the 2 steps above and added more info about me
+- Wanted to add free form picture, tried dragging and linking image to my index.md but it didn’t work
+- Fixed the problem by copying the relative path of the image and pasting it in and using 
\ No newline at end of file
diff --git a/_posts/2023-08-31-Week_2_Plans.md b/_posts/2023-08-31-Week_2_Plans.md
new file mode 100644
index 000000000..cea686b7e
--- /dev/null
+++ b/_posts/2023-08-31-Week_2_Plans.md
@@ -0,0 +1,20 @@
+---
+toc: false
+comments: false
+layout: post
+title: Weekly Plan
+description: Plans for week 2
+type: plans
+courses: { compsci: {week: 2} }
+---
+
+# Notebook/Website Plans
+- Copy new reposity Mortensen created with new files and ad to your local repository
+- Edit the lab notebook to maintain a record of project activities and progress.
+- Gain increased familiarity with working with .ipynb (Jupyter Notebook) and .md (Markdown) files.
+
+# Hacks Plan
+- Added games including Game of Life and Snake to the project.
+- Develop a new game called "Calculator Quiz" from scratch, without copying existing code.
+- Develop any other programs/tools that require coding
+
diff --git a/_posts/2023-08-31-calculator_game.md b/_posts/2023-08-31-calculator_game.md
new file mode 100644
index 000000000..159056aaf
--- /dev/null
+++ b/_posts/2023-08-31-calculator_game.md
@@ -0,0 +1,74 @@
+---
+toc: true
+comments: false
+layout: post
+title: Math Quiz
+description: A a game where you get randomly generated equations and have to solve them
+type: hacks
+courses: { compsci: {week: 2} }
+---
+
+
+
+ Math Quiz
+
+
+
Math Quiz
+
+
+
+
+
+
diff --git a/_posts/2023-09-01-week_2_ticket.md b/_posts/2023-09-01-week_2_ticket.md
new file mode 100644
index 000000000..52e0dfc56
--- /dev/null
+++ b/_posts/2023-09-01-week_2_ticket.md
@@ -0,0 +1,24 @@
+---
+toc: true
+comments: true
+layout: post
+title: Review Ticket
+description: Overview of Week 2
+type: tangibles
+courses: { compsci: {week: 2} }
+---
+
+# Notebook/Website:
+
+- Copying New Repository: My first task was to copy a new repository created by Mortensen, which contained important files related to our project. This was essential to ensure that I had access to the latest updates and materials. I was able to successfully clone the repository.
+
+- Editing the Lab Notebook: Maintaining a comprehensive record of project activities and progress is crucial for tracking our work and ensuring that everyone is on the same page. I added all the programs, blogs and plans to my website. I used .ipynb and .md files to edit my page
+
+- Gaining Familiarity with .ipynb and .md Files: Working with .ipynb (Jupyter Notebook) and .md (Markdown) files is an essential skill in modern coding and data science projects.
+
+# Hacks:
+
+- We added a few game that Mortensen gave use. We add the calculator, game of life, and snake.
+
+- Developing "Calculator Quiz" from Scratch: Perhaps one of the most exciting accomplishments of the week was the development of the "Calculator Quiz" game entirely from scratch. The game generated a random equation and the user has to answer it correctly
+
diff --git a/_posts/2023-09-02-grade-calculator.md b/_posts/2023-09-02-grade-calculator.md
new file mode 100644
index 000000000..ce84ab4c4
--- /dev/null
+++ b/_posts/2023-09-02-grade-calculator.md
@@ -0,0 +1,92 @@
+---
+comments: false
+layout: post
+title: Grade Calculator
+description: A calculator that averages your grade
+type: hacks
+courses: {'compsci': {'week': 3}}
+---
+
+
+
+
Grade Calculator
+
Input scores, press tab to add each new number.
+
+
+ Total : 0.0
+ Count : 0.0
+ Average : 0.0
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/_posts/2023-09-04-Week-3- Plans.md b/_posts/2023-09-04-Week-3- Plans.md
new file mode 100644
index 000000000..37891a8fe
--- /dev/null
+++ b/_posts/2023-09-04-Week-3- Plans.md
@@ -0,0 +1,32 @@
+---
+toc: true
+comments: false
+layout: post
+title: Plans for the Week
+description: Our Plans for Week 3
+type: plans
+courses: { compsci: {week: 3} }
+---
+
+## Week 3 Plans
+Soham and I's plan this week is to experiment on making a little videogame. We are thinking of making a small game involving a square which the player can control, and they have to avoid the moving bullets targeting the square. We are planning to do this by looking up online resources and using ChatGPT to explain the code to us, then we can start working on it.
+
+## Pair Showcase Plans
+- Ask Teacher questions and interact with them on Slack or live by end of Tue, Wed…. particularly interact with Teacher when you have posted a draft of your plan. This would be considered Collaboration. Try to get feedback from me on Plan.
+- Review code with ChatGPT, perhaps ask "Can you provide a review of this code?" Then paste code. Curate response into page(s).
+Make a plan on what you and your Pair plan to do, this must exist by Monday night. You should have proof in live review of a draft in GitHub Issues history.
+- Results must have Linux and interaction in VSCode
+- Results must of Python and interaction in VSCode
+- Results must have Web interaction in JavaScript
+- Build a review ticket in Time Box page to accelerate discussion.
+- Bring tickets and tangibles into GitHub pages repo on your Time Box page.
+- Plan your Pair Showcase, know exactly what you will present. Try to do it within 3 minutes.
+- Linux Shell and Bash, Python IO, Python Tricks!, JS Output w/Jquery, JS Output w/Objects, JS Input.
+- Option 1. Add to the lessons and making code cells and hacks for better breakdown and understanding
+- Option 2. Combine all the concepts/requirements into something unique and you feel is awesome
+## Feedback from Mr. Mortenson
+This could use a little more description, like move a square to the right and having a jump actions to avoid collision. This will be through “a tutorial” or “video” we found to follow.
+
+## More Descriptive Plan
+Our plan this week is to experiment on making a little videogame. We are thinking of making a small game involving a square which the player can control, and they have to avoid the moving bullets targeting the square. The plan is to code the arrow keys on the rectangle game so the square can move in all directions, and the red bullets will come from the right moving to the left. The bullets will progressively increase as the game difficulty increases by the second. We plan on using videos on how to make the bullets increase faster. We are also planning to do this by looking up online resources and using ChatGPT to explain the code to us, then we can start working on it.
+
diff --git a/_posts/2023-09-04-dodging_game.md b/_posts/2023-09-04-dodging_game.md
new file mode 100644
index 000000000..7170cf1c8
--- /dev/null
+++ b/_posts/2023-09-04-dodging_game.md
@@ -0,0 +1,317 @@
+---
+toc: true
+comments: false
+layout: post
+title: Dodging Game
+description: A game where you dodge moving bullets as a rectangle!
+type: hacks
+courses: { compsci: {week: 3} }
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## ChatGPT Review
+This code is for a simple browser-based game where you control a blue square (the "player") using arrow keys. The player can move left, right, up, and down within a red-bordered container. The goal is to avoid red bullets that move from right to left across the screen. If a bullet hits the player, the game restarts.
+
+Here's a breakdown of the code in simple terms:
+
+The HTML structure:
+
+There's an HTML structure with a container div and a player div inside it. The player div represents the player's character, and the container is the game area.
+CSS styles:
+
+The CSS code defines the appearance and positioning of the container, player, and bullets.
+The container has a red border and a fixed width and height.
+The player is a blue square, and bullets are red rectangles. They are both positioned absolutely within the container, allowing them to move independently.
+JavaScript code:
+
+The JavaScript code controls the game logic.
+It initializes variables for player position, speed, bullet properties, and manages bullets on the screen.
+The updatePlayerPosition function updates the player's position based on arrow key presses.
+Arrow key presses are detected using an event listener, and the player's position is adjusted accordingly.
+Bullet creation and movement:
+
+The createBullet function generates bullets that move from right to left within the container.
+It limits the number of bullets on the screen to a maximum of 5.
+Bullets start from the right side and have random vertical positions.
+A moveBullet function updates the bullet's position and checks if it goes off-screen or hits the player.
+Restarting the game:
+
+The restartGame function is called when a bullet hits the player or when the game starts.
+It clears intervals, resets the player's position, removes bullets, and starts a new game.
+Starting the game:
+
+The startGame function initializes the game.
+It sets up intervals to create bullets and update the player's position.
+The game begins when the script is loaded, and you can control the blue player square with arrow keys.
+In summary, this code creates a simple game where you control a player to avoid red bullets within a container. If you get hit by a bullet, the game restarts. It's a basic example of how you can create a game using HTML, CSS, and JavaScript.
+
+
+## Our Code
+```
+
+
+
+
+
+
+
+
+
+
+```
\ No newline at end of file
diff --git a/_posts/2023-09-06-image_viewer.ipynb b/_posts/2023-09-06-image_viewer.ipynb
new file mode 100644
index 000000000..a267a3290
--- /dev/null
+++ b/_posts/2023-09-06-image_viewer.ipynb
@@ -0,0 +1,80 @@
+{
+ "cells": [
+ {
+ "cell_type": "markdown",
+ "metadata": {},
+ "source": [
+ "---\n",
+ "comments: false\n",
+ "layout: post\n",
+ "title: Image Viewer\n",
+ "description: View any image\n",
+ "type: hacks\n",
+ "courses: {'compsci': {'week': 3}}\n",
+ "---\n"
+ ]
+ },
+ {
+ "cell_type": "code",
+ "execution_count": null,
+ "metadata": {},
+ "outputs": [],
+ "source": [
+ "import tkinter as tk\n",
+ "from tkinter import filedialog\n",
+ "from PIL import Image, ImageTk\n",
+ "\n",
+ "# Function to open and display an image\n",
+ "def display_image():\n",
+ " # Open a file dialog for the user to select an image\n",
+ " file_path = filedialog.askopenfilename()\n",
+ " \n",
+ " if file_path:\n",
+ " # Open and display the selected image using Pillow (PIL)\n",
+ " img = Image.open(file_path)\n",
+ " img = img.resize((400, 400)) # Resize the image to fit the window\n",
+ " img = ImageTk.PhotoImage(img)\n",
+ " \n",
+ " # Create a label to display the image\n",
+ " img_label.config(image=img)\n",
+ " img_label.image = img\n",
+ "\n",
+ "# Create a GUI window\n",
+ "root = tk.Tk()\n",
+ "root.title('Image Viewer')\n",
+ "\n",
+ "# Create a button to trigger image selection and display\n",
+ "open_button = tk.Button(root, text='Open Image', command=display_image)\n",
+ "open_button.pack(pady=20)\n",
+ "\n",
+ "# Create a label to display the image\n",
+ "img_label = tk.Label(root)\n",
+ "img_label.pack()\n",
+ "\n",
+ "root.mainloop()\n"
+ ]
+ }
+ ],
+ "metadata": {
+ "kernelspec": {
+ "display_name": "Python 3",
+ "language": "python",
+ "name": "python3"
+ },
+ "language_info": {
+ "codemirror_mode": {
+ "name": "ipython",
+ "version": 3
+ },
+ "file_extension": ".py",
+ "mimetype": "text/x-python",
+ "name": "python",
+ "nbconvert_exporter": "python",
+ "pygments_lexer": "ipython3",
+ "version": "3.10.12"
+ },
+ "orig_nbformat": 4
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}
diff --git a/_posts/2023-09-08-wikipediasearch.ipynb b/_posts/2023-09-08-wikipediasearch.ipynb
new file mode 100644
index 000000000..f9c87945d
--- /dev/null
+++ b/_posts/2023-09-08-wikipediasearch.ipynb
@@ -0,0 +1,57 @@
+{
+ "cells": [
+ {
+ "cell_type": "code",
+ "execution_count": 14,
+ "metadata": {},
+ "outputs": [
+ {
+ "ename": "NameError",
+ "evalue": "name 'Term' is not defined",
+ "output_type": "error",
+ "traceback": [
+ "\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
+ "\u001b[0;31mNameError\u001b[0m Traceback (most recent call last)",
+ "\u001b[0;32m\u001b[0m in \u001b[0;36m\u001b[0;34m\u001b[0m\n\u001b[1;32m 3\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m 4\u001b[0m \u001b[0mterms\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0minput\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m----> 5\u001b[0;31m \u001b[0mprint\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m\"Term:\"\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mTerm\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m 6\u001b[0m \u001b[0;31m# Search for a page\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m 7\u001b[0m \u001b[0mresult\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0mwiki\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0msearch\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mterm\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
+ "\u001b[0;31mNameError\u001b[0m: name 'Term' is not defined"
+ ]
+ }
+ ],
+ "source": [
+ "import wikipedia as wiki\n",
+ "from IPython.display import display, Markdown # add for Jupyter\n",
+ "\n",
+ "terms = input()\n",
+ "# Search for a page \n",
+ "result = wiki.search(terms)\n",
+ "# Get the summary of the first result\n",
+ "summary = wiki.summary(result[0])\n",
+ "print(terms) \n",
+ "# print(summary) # console display\n",
+ "display(Markdown(summary)) # Jupyter display"
+ ]
+ }
+ ],
+ "metadata": {
+ "kernelspec": {
+ "display_name": "Python 3",
+ "language": "python",
+ "name": "python3"
+ },
+ "language_info": {
+ "codemirror_mode": {
+ "name": "ipython",
+ "version": 3
+ },
+ "file_extension": ".py",
+ "mimetype": "text/x-python",
+ "name": "python",
+ "nbconvert_exporter": "python",
+ "pygments_lexer": "ipython3",
+ "version": "3.8.10"
+ },
+ "orig_nbformat": 4
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}
diff --git a/_posts/2023-09-09-coinflip.md b/_posts/2023-09-09-coinflip.md
new file mode 100644
index 000000000..cbc7d5027
--- /dev/null
+++ b/_posts/2023-09-09-coinflip.md
@@ -0,0 +1,99 @@
+---
+toc: true
+comments: false
+layout: post
+title: Cursed Coin Flip
+description: Guess and Flip! Avoid the darkness taking over.
+type: tangibles
+courses: { compsci: {week: 3} }
+---
+
+
+ Coin Flip Game
+
+
+
+
+
Coin Flip Game
+
Guess the outcome:
+
+
+
+
+
+
+
+
Try again.
+
+
+
+
+
\ No newline at end of file
diff --git a/_posts/2023-09-09-draganddrop.md b/_posts/2023-09-09-draganddrop.md
new file mode 100644
index 000000000..2f5ae5c49
--- /dev/null
+++ b/_posts/2023-09-09-draganddrop.md
@@ -0,0 +1,109 @@
+---
+toc: true
+comments: false
+layout: post
+title: Drag and Drop Game
+description: A simple game where you drag and drop shapes!
+type: tangibles
+courses: { compsci: {week: 3} }
+---
+
+
+ Drag and Drop Shapes Game
+
+
+
+
Drag and Drop Shapes Game
+
+
+
Circle
+
Triangle
+
Square
+
Rectangle
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/_posts/2023-09-10-Review_Ticket.md b/_posts/2023-09-10-Review_Ticket.md
new file mode 100644
index 000000000..25bf28000
--- /dev/null
+++ b/_posts/2023-09-10-Review_Ticket.md
@@ -0,0 +1,162 @@
+---
+toc: true
+comments: false
+layout: post
+title: Review Ticket
+description: Here is our Week 3 Review Ticket.
+type: tangibles
+courses: { compsci: {week: 3} }
+---
+
+# JS Structure
+
+## Variable Declaration (var, let, const):
+
+- Command: **var, let, const**
+- Explanation: These commands are used to declare variables in JavaScript.
+var (Variable): Used for declaring variables globally or within a function, with function scope.
+- **let** (Block-Scoped Variable): Used for declaring variables within a block (e.g., a loop or an if statement) and has block scope.
+- **const** (Constant): Used for declaring variables with a constant value. It cannot be reassigned after declaration.
+
+## Example
+ var globalVariable = "I'm global";
+ let blockVariable = "I'm in a block";
+ const pi = 3.14159;
+
+ globalVariable = "I can be changed";
+ // blockVariable can only be accessed within its block
+ // pi cannot be reassigned.
+
+## Conditional Statements (if, else, switch):
+
+- Command: **if, else, switch**
+- Explanation: These commands allow you to make decisions in your code based on conditions.
+- **if**: Checks a condition and executes a block of code if the condition is true.
+- **else**: Used in combination with if, it executes a block of code if the condition in if is false.
+- **switch**: Evaluates an expression against multiple possible case values and executes code based on the matching case.
+
+## Example
+
+ let age = 18;
+
+ if (age >= 18) {
+ console.log("You can vote!");
+ } else {
+ console.log("You are too young to vote.");
+ }
+
+ let day = "Monday";
+
+ switch (day) {
+ case "Monday":
+ console.log("It's the start of the week.");
+ break;
+ case "Friday":
+ console.log("Weekend is coming!");
+ break;
+ default:
+ console.log("It's a regular day.");
+ }
+
+## Function Declaration and Invocation:
+
+- Command: **function**
+- Explanation: Functions are reusable blocks of code that can be defined and called with specific inputs (arguments). They encapsulate a task and make your code more organized and maintainable.
+
+## Example
+ // Function declaration
+ function greet(name) {
+ console.log("Hello, " + name + "!");
+ }
+
+ // Function invocation
+ greet("Sri"); // Output: Hello, Sri!
+ greet("Soham"); // Output: Hello, Soham!
+
+# Python Structure
+
+## Variable Assignment
+- Construct: **variable_name = value**
+- Explanation: In Python, you can create variables to store data. Variables are created when you assign a value to them. Python is dynamically typed, meaning you don't need to declare the variable type explicitly.
+
+## Example
+
+ name = "Alice"
+ age = 30
+ pi = 3.14159
+
+## Conditional Statements (if, elif, else):
+- if condition:
+ code to execute if the condition is True
+- elif another_condition:
+ code to execute if the first condition is False and this condition is True
+- else: code to execute if none of the conditions are True
+
+- Explanation: Conditional statements allow you to make decisions in your code based on conditions.
+- **if**: Checks a condition and executes a block of code if the condition is True.
+- **elif** (short for "else if"): Used to check another condition if the previous if or elif condition is False.
+- **else**: Executes a block of code when none of the conditions in if or elif are True.
+
+## Example
+
+ age = 18
+
+ if age >= 18:
+ print("You can vote!")
+ elif age >= 16:
+ print("You can get a driver's license.")
+ else:
+ print("You are too young for voting or driving.")
+
+## Function Definition and Invocation
+Construct:
+- def function_name(parameters):
+ #code inside the function
+ return result
+
+- Explanation: Functions in Python are defined using the **def** keyword, followed by the function name and parameters. They allow you to encapsulate a block of code, make it reusable, and return values if needed.
+
+## Example
+
+ def greet(name):
+ return "Hello, " + name + "!"
+
+ greeting = greet("Alice")
+ print(greeting) # Output: Hello, Sri!
+
+# HTML Structure
+
+## HTML Elements
+- Construct: HTML elements are the building blocks of a web page. They are defined with tags, which are enclosed in angle brackets. Elements can be nested inside other elements, creating a hierarchical structure for web content.
+- Explanation: HTML elements define the structure and content of a web page. Some common elements include **
\ No newline at end of file
diff --git a/_posts/2023-09-27-week6review.md b/_posts/2023-09-27-week6review.md
new file mode 100644
index 000000000..a7d24bf13
--- /dev/null
+++ b/_posts/2023-09-27-week6review.md
@@ -0,0 +1,68 @@
+---
+toc: true
+comments: True
+layout: post
+title: Review Week 6
+description: This is a review of what I did/learned this week
+type: tangibles
+courses: { compsci: {week: 6} }
+---
+
+## GPT REVIEW AND SUMMARY
+
+# Summary of JavaScript Concepts
+
+- JavaScript can be included in HTML or Jupyter cells using `` tags.
+- The output of JavaScript code, such as `console.log` statements, can be viewed in the browser's console.
+- Developers can activate the console through various methods depending on their environment (e.g., VSCode, browsers).
+
+## Referencing HTML Elements Using JavaScript
+
+- To access an HTML element, use `document.getElementById("idTag")`, where the ID corresponds to the HTML element's ID attribute.
+- The retrieved HTML element is stored in a JavaScript variable, allowing developers to manipulate it.
+
+## Getting Data Within HTML Elements
+
+- To access the content within an HTML element, use the `.innerHTML` property of the JavaScript variable representing that element.
+- This property allows developers to retrieve and display the content of an HTML element.
+
+## Setting Data Within HTML Elements
+
+- The `.innerHTML` property can be used to set the content of an HTML element, effectively changing its text or inner HTML.
+
+## Creating HTML Elements Dynamically
+
+- Developers can create new HTML elements using the `document.createElement` function, specifying the type of element to create.
+- These dynamically created elements can be manipulated and added to the HTML page using JavaScript.
+
+## Functions in JavaScript with DOM
+
+- Functions in JavaScript allow developers to encapsulate code into reusable blocks, enhancing code organization and maintainability.
+- Functions can accept parameters as input and return values as output.
+- JavaScript functions can be used in conjunction with the Document Object Model (DOM) to interact with HTML elements.
+
+## OnClick Event
+
+- The `onclick` event allows developers to specify a function to run when a particular HTML element (e.g., a button) is clicked.
+- This event handler can be used to trigger actions based on user interactions.
+
+---
+
+# Summary of HTML Concepts
+
+- HTML is a markup language used to structure the content of web pages.
+- It uses tags to define elements, with opening and closing tags wrapping content (e.g., `content`).
+- HTML elements can have attributes, which provide additional information and usually come in name/value pairs (e.g., `attribute_name="attribute_value"`).
+- Common HTML tags include headings (`
+
+
+
+
+
+## HTML Attributes
+- Construct: HTML attributes provide additional information about an element and are specified within the opening tag of an element. Attributes consist of a name and a value, separated by an equal sign.
+- Explanation: Attributes modify the behavior or appearance of HTML elements. For example, the href attribute in an anchor tag specifies the URL to which the link leads, and the src attribute in an image