added hacking notes including today wip

app/resources/templates/md/posts/2018-04-02-live-hacking-web-visuals.md

@@ -0,0 +1,23 @@
+{:title "Hacking: Web Tech - Visuals" 
+ :tags ["video" "live"]
+ :layout :video
+ :video-yt-id "_UyL81wbxck"
+ :video-yt-additional-ids [] ; TODO, add to template.
+ :video-description "Created visualizer for software engineering portfolio."
+}
+
+
+
+### Notes
+
+Created visualizer for software engineering portfolio.
+
+### Links
+
+* [https://harlanji.com/software-engineering.html](https://harlanji.com/software-engineering.html)
+* [https://d3js.org/ - pure JS library that I've used for analytics dashboard](https://d3js.org/ - pure JS library that I've used for analytics dashboard)
+* [https://github.com/nybbles/cljs-d3 - cljs wrapper (cljs idomatic style)](https://github.com/nybbles/cljs-d3 - cljs wrapper (cljs idomatic style))
+* [https://keminglabs.com/c2/ - cljs-d3 is deprecated, recommends c2](https://keminglabs.com/c2/ - cljs-d3 is deprecated, recommends c2)
+* [http://c3js.org/ - pure JS library for charts, uses D3](http://c3js.org/ - pure JS library for charts, uses D3)
+* [https://stackoverflow.com/questions/26935101/clojurescript-interoperability-with-javascript#26935889 - CLJS interops with JS nicely via dot form.](https://stackoverflow.com/questions/26935101/clojurescript-interoperability-with-javascript#26935889 - CLJS interops with JS nicely via dot form.)
+* [http://cljs.info/cheatsheet/ - cljs + js interop](http://cljs.info/cheatsheet/ - cljs + js interop)

app/resources/templates/md/posts/2018-04-03-live-hacking.md

@@ -0,0 +1,218 @@
+{:title "Hacking"
+ :tags ["video" "live" "hacking"]
+ :layout :video
+ :video-yt-id "LqE5wL6sUmY"
+ :video-yt-additional-ids []
+ :video-description "Tour of SwEng chart changes, ideas. Thoughts about pre-flight ops: notes split into headsup, ideas, todo; live."
+}
+
+
+
+## Log
+
+pre-flight meta
+
+
+went through links
+
+opinion:  cuts off what I hammock-driven developed in the morning
+
+feels constraining
+
+
+eating... intermittent fasting (IF)
+
+
+xmpp4js testing
+
+YUI / ExtJS 
+
+soashable overlay
+
+create summary from video + notes
+
+haven't watched twitch / yt startup times
+
+created new hacking panel at bottom right, separate from ideas. also separated ideas from todo.
+
+need to catalog this stuff
+
+1:10 3 way test with ispooge live, twitch, youtube...  ispl, twitch close, yt live is on medium so mb faster.
+
+we should get to transcoding soon
+
+talked about tanscoding workload
+
+1:11 slice videos script
+
+1:12:25 record log items idea
+
+working conditions - 90 minutes, moving around
+
+90 minutes is long for a stream... many of my streams are +4 hours
+
+need a better way to keep track of what's in an episode
+
+1:30 roughly, adding date to recent posts. we could cross reference git commits
+
+"in the beginner's mind there are many possibilities, in the expert's mind there are few." -Suzuki Roshen
+
+    Shoshin
+    Shoshin is a word from Zen Buddhism meaning "beginner's mind." It refers to having an attitude of openness, eagerness, and lack of preconceptions when studying a subject, even when studying at an advanced level, just as a beginner would. The term is especially used in the study of Zen Buddhism and Japanese martial arts.
+
+1:35 roughly added date (ux) to ispooge
+
+1:40
+
+media session feature for ispooge:
+
+the power of adhd
+
+did YT add it recently?
+
+
+
+
+## Notes
+
+
+### ideas
+
+
+- [x] explore JS for SWE skill visuals
+- finish Roles by time visual
+- iSpooge Live product page
+  - made ~3m "What's iSpooge Live?" video
+  - what is TDC
+- write about testing experience
+  - styles... unit: xmpp4js, integration: minikube on travis, DSL
+- glossary
+- write about vlogging experience
+- create ux log: https://harlanji.com/tag/ux.html, https://harlanj.com/ux.xml (RSS)
+- create new ispooge repo
+  - POSSE: gitlab and mirror to github
+
+
+### todo
+
+
+* SwEng
+
+- [ ] project details
+
+
+- visuals
+
+  - get back up to speed with d3
+
+  - [ ] roles by project over time
+
+  - extract data from html table (to sample model)
+  - make chart for extracted data
+
+  - [ ] technologies over time
+
+  - third, for a prominent project
+
+    - favorite cafes in each city... with "is the sun up?" check
+
+    - map demo with solar position overlayed
+
+- [ ] publish 1 essay 1-3000 words harlanji.com
+
+
+* [ ] TInyDC
+
+- [ ] get glossary together
+
+- integrate chat moar
+
+
+- take off twitter from page
+
+- make calendar not require google login
+
+
+- ops for stream titles
+
+
+
+* [ ] Demo React Native + CLJS App
+
+  - [ ] navigation (react router)
+    - add feeds
+  - [ ] login (auth0 / passwordless)
+    - for voting, etc
+    - maintain between page changes
+  - [x] integrate into subscription page
+   - [ ] packaging
+     shadow-cljs could help by giving us layered/modular builds... but we only have one module now.
+
+
+* [ ] expolore monetization
+
+LIFE IS A GAME
+MONEY IS THE POINTS
+
+IF IT DONT MAKE DOLLAS
+IT DONT MAKE SENSE
+
+- MIN 90k total
+
+- [ ] gardener
+65k + apprenticeship, then 75k when completed . With liabilities, 7500/mo.
+
+  - add to patreon
+
+- [ ] affilliate program (eg. amazon, newegg) -- probably not.
+
+   - not exctited about selling what I use to build... want to remain impartial/unbiased
+
+  - [ ] steemit est. return. beneficiary is interesting... cashout time.
+
+
+
+
+
+
+
+
+
+
+
+
+
+/// transcode live
+ - raspi3 rpi-omx avconv/ffmpeg
+ - [x] for now use YT live if mobile
+ - [ ] scripting for ffmpeg + nginx-rtmp
+
+
+
+
+[/] TDC live cam (raspi cam 1.3)
+  - pipe to ffmpeg / rtmp
+  - integrate with home page
+  - OR ispooge.com/live switch
+    - CORS
+ - [x] OR replace home page with short loop
+
+
+
+* [https://raspberrypi.stackexchange.com/questions/23182/how-to-stream-video-from-raspberry-pi-camera-and-watch-it-live](https://raspberrypi.stackexchange.com/questions/23182/how-to-stream-video-from-raspberry-pi-camera-and-watch-it-live)
+
+
+
+
+
+
+
+
+## Links
+
+* [https://harlanji.com/software-engineering.html](https://harlanji.com/software-engineering.html)
+* [https://github.com/harlanji/xmpp4js/blob/master/src/test/javascript/MUC_JoinTest.html](https://github.com/harlanji/xmpp4js/blob/master/src/test/javascript/MUC_JoinTest.html)
+* [https://github.com/harlanji/concordion-js](https://github.com/harlanji/concordion-js)
+* [https://www.youtube.com/watch?v=Acgc3wfdVhU](https://www.youtube.com/watch?v=Acgc3wfdVhU)
+* [https://tinydatacenter.com/principles.html](https://tinydatacenter.com/principles.html)
+

app/resources/templates/md/posts/2018-04-04-live-hacking.md

@@ -0,0 +1,67 @@
+{:title "Hacking"
+ :tags ["video" "live" "hacking"]
+ :layout :video
+ :video-yt-id "LqE5wL6sUmY"
+ :video-yt-additional-ids []
+ :video-description "Tour of SwEng chart changes, ideas. Thoughts about pre-flight ops: notes split into headsup, ideas, todo; live."
+}
+
+
+
+## Log
+
+
+0:00 Setup
+
+10:00 Preflight
+
+daily broadcasting steps:
+
+- start up streaming software
+- set metadata on syndicates: twitch, youtube
+- start streaming
+- create event page on site from template
+- add YT video id
+
+
+livestremaing shows, preflight:
+
+- hammock driven develop new ideas
+- iterate over yesterday's notes
+- come up with new priorities
+
+14:00
+
+
+48:45 thumbsup because we moved the video in the fresh page. last ~20 min were that
+
+In the markdown place a header `# WHATS ISPOOGE LIVE VIDEO`; ID is derived from title.
+
+```
+  var el = document.getElementById('whats_ispooge_live_video');
+  var newEl = document.getElementById('whats-ispooge-live-video-yt');
+  
+  el.parentElement.replaceChild(newEl, el);
+```
+
+56:00 works, confirmed... maybe forgot to remove function declaration before getting excited
+
+
+
+1:00 centering video... 
+
+"what's ispooge live?" should be self hosted... do transcode
+
+
+
+## Notes
+
+
+### ideas
+
+
+### todo
+
+
+
+## Links

scripts/env.sh

@@ -16,5 +16,5 @@ HOSTS=ispooge.com
 
 
 NAME_STATIC=ispooge.com-static
-IMAGE_STATIC=docker-registry.local:5000/ispooge.com/ispooge-static:19
+IMAGE_STATIC=docker-registry.local:5000/ispooge.com/ispooge-static:22
 IMAGE_STATIC_LOCAL=ispooge-static