From e38ba839a73510d432822214fc4200bdf812f5a0 Mon Sep 17 00:00:00 2001 From: Matt Mascarenhas Date: Fri, 23 Mar 2018 17:37:42 +0000 Subject: [PATCH] Annotate bitwise000 Also add its style and stubs for all current episodes --- pervognsen/bitwise/bitwise/bitwise000.hmml | 58 ++++++ pervognsen/bitwise/bitwise/bitwise001.hmml | 2 + pervognsen/bitwise/bitwise/bitwise002.hmml | 2 + pervognsen/bitwise/bitwise/bitwise003.hmml | 2 + pervognsen/bitwise/bitwise/bitwise004_1.hmml | 2 + pervognsen/bitwise/bitwise/bitwise004_2.hmml | 2 + pervognsen/bitwise/bitwise/bitwise005.hmml | 2 + pervognsen/bitwise/bitwise/bitwise006.hmml | 2 + pervognsen/bitwise/cinera__bitwise.css | 196 +++++++++++++++++++ 9 files changed, 268 insertions(+) create mode 100644 pervognsen/bitwise/bitwise/bitwise000.hmml create mode 100644 pervognsen/bitwise/bitwise/bitwise001.hmml create mode 100644 pervognsen/bitwise/bitwise/bitwise002.hmml create mode 100644 pervognsen/bitwise/bitwise/bitwise003.hmml create mode 100644 pervognsen/bitwise/bitwise/bitwise004_1.hmml create mode 100644 pervognsen/bitwise/bitwise/bitwise004_2.hmml create mode 100644 pervognsen/bitwise/bitwise/bitwise005.hmml create mode 100644 pervognsen/bitwise/bitwise/bitwise006.hmml create mode 100644 pervognsen/bitwise/cinera__bitwise.css diff --git a/pervognsen/bitwise/bitwise/bitwise000.hmml b/pervognsen/bitwise/bitwise/bitwise000.hmml new file mode 100644 index 0000000..a6ad631 --- /dev/null +++ b/pervognsen/bitwise/bitwise/bitwise000.hmml @@ -0,0 +1,58 @@ +[video member=pervognsen stream_platform=twitch project=bitwise medium=speech title="Overview and Q&A" vod_platform=youtube id=ZjwvMcP3Nf0 annotator=Miblo] +[0:02][Welcome to the inaugural stream for ~Bitwise] +[0:55][Links to the Repository[ref + site=GitHub + page="pervognsen / bitwise" + url=https://github.com/pervognsen/bitwise/], Overview, with Links[ref + site=GitHub + page="pervognsen / bitwise / Announcing Bitwise" + url=https://github.com/pervognsen/bitwise/blob/master/README.md] and FAQ[ref + site=GitHub + page="pervognsen / bitwise / FAQ" + url=https://github.com/pervognsen/bitwise/blob/master/FAQ.md]] +[2:41][Major FAQ items, Q: What is Bitwise?] +[9:08][Q: Who are you?] +[10:39][Q: What license is it released under?] +[11:27][Q: What do I need to know in advance to follow along?] +[13:11][Q: Do I need to spend money on :hardware?] +[15:44][Q: How much time should I expect to spend per week to keep up?] +[19:56][Q: What languages will we be using?][:language] +[23:42][Q: What major supporting software is required?[ref + site="Visual Studio Community" + url=https://www.visualstudio.com/downloads/][ref + site=Conda + url=https://conda.io/miniconda.html]] +[26:00][Feasibility, sustainability and burnout, and the phases of the project] +[32:58][Next steps, starting on the compiler] +[33:28][Q&A] +[34:33][Do you have an idea of the kind of OS you will be making?][:authored] +[36:41][You mention that fluency in C is a requirement. Presumably very little will be syntax dependent and you just mean fluency in systems level programming, and I'll just be able to coast by with fluency in Rust instead?][:authored :language] +[37:37][For the compiler, are you going to use an existing RV32I emulator for testing?][:authored] +[38:32][Have you looked at JAI from [@jon Jon Blow] very much?][:authored :language] +[39:47][Any specific reason to using Verilog over VHDL for compile target? VHDL seems to be a bit more popular with FPGAs][:authored :language] +[40:45][Will you be supporting UEFI?][:authored :firmware] +[41:01][How long until I can write some small graphics demos for the computer, e.g. ray tracers? Would it be possible to get a max perf mode without :memory virtualisation page tables preemption?][:authored :rendering] +[42:25][Do you plan for the CPU and OS to be multicore?][:authored :hardware] +[43:49][Really excited for this project! If you don't attend university, it's hard to break into things like compiler design and :firmware programming, so this could be a great resource for people who didn't go to university][:authored] +[44:51][What's your personal timezone?][:authored :trivia] +[45:22][Do you intend to include the community in development, e.g. discussion groups on some interfaces, taking pull requests?][:authored] +[47:45][What HDL will we use to create the CPU?][:authored :hardware :language] +[48:44][As the project progresses do you foresee any problems with backwards compatibility, e.g. breaking changes for community-driven projects?][:authored] +[50:15][How long do you think the stream will go on for?][:authored] +[51:24][How do we support you?][:authored] +[53:25][How often will you stream, every day?][:authored] +[54:05][Is the project supposed to be mimicking state-of-the-art but with corners cut, or just an example way to do things? For example, is the compiler planned with the SSAIR the way compilers seem to prefer, or more something like the Dragon Book?][:authored] +[57:16][By targeting a :hardware description :language, the OS will be virtualised, right? I'll be able to run it within VirtualBox or something similar?][:authored] +[58:38][Will you code your own DDR3 controller or will you use the FPGA's one?][:authored] +[59:38][You're on Windows. Can folks on Linux be assured to find these tools that are needed?][:authored] +[1:00:48][I designed an SDRAM controller, but I had to add an additional cycle of latency. Do you have an oscilloscope to look at the :memory signals?][:authored] +[1:02:11][Audio issues][:authored] +[1:02:31][Have you already decided what FPGA will be used?][:authored :hardware] +[1:03:24][You can actually rent high-end oscilloscopes on a short-term basis][:authored] +[1:04:03][Will you stick around in the chat after the Q&A?][:authored] +[1:04:24][Did you use high-end oscilloscopes at Occulus][:authored] +[1:05:37][Will we cover printed circuit design?][:authored :hardware] +[1:06:14][Are FPGAs considered for prototyping or is it meant to be used in finished products?][:authored :fabrication :hardware] +[1:08:59][Would you consider doing an upfront brain-dump doc of some of the references, books and such that you found worth the time related to the topics within the scope of the project?][:authored] +[1:09:45][Stop the stream now] +[/video] diff --git a/pervognsen/bitwise/bitwise/bitwise001.hmml b/pervognsen/bitwise/bitwise/bitwise001.hmml new file mode 100644 index 0000000..7264761 --- /dev/null +++ b/pervognsen/bitwise/bitwise/bitwise001.hmml @@ -0,0 +1,2 @@ +[video member=pervognsen stream_platform=twitch project=bitwise title="Introducing Ion" vod_platform=youtube id=T6TyvsKo_KI annotator=] +[/video] \ No newline at end of file diff --git a/pervognsen/bitwise/bitwise/bitwise002.hmml b/pervognsen/bitwise/bitwise/bitwise002.hmml new file mode 100644 index 0000000..a3ad728 --- /dev/null +++ b/pervognsen/bitwise/bitwise/bitwise002.hmml @@ -0,0 +1,2 @@ +[video member=pervognsen stream_platform=twitch project=bitwise title="C Programming & Parsing" vod_platform=youtube id=0woxSWjWsb8 annotator=] +[/video] \ No newline at end of file diff --git a/pervognsen/bitwise/bitwise/bitwise003.hmml b/pervognsen/bitwise/bitwise/bitwise003.hmml new file mode 100644 index 0000000..a1da344 --- /dev/null +++ b/pervognsen/bitwise/bitwise/bitwise003.hmml @@ -0,0 +1,2 @@ +[video member=pervognsen stream_platform=twitch project=bitwise title="More Programming & Parsing" vod_platform=youtube id=L4P98pGhpnE annotator=] +[/video] \ No newline at end of file diff --git a/pervognsen/bitwise/bitwise/bitwise004_1.hmml b/pervognsen/bitwise/bitwise/bitwise004_1.hmml new file mode 100644 index 0000000..f1ced46 --- /dev/null +++ b/pervognsen/bitwise/bitwise/bitwise004_1.hmml @@ -0,0 +1,2 @@ +[video member=pervognsen stream_platform=twitch project=bitwise title="Ion Grammar & AST" vod_platform=youtube id=bM_JOa-dadY annotator=] +[/video] diff --git a/pervognsen/bitwise/bitwise/bitwise004_2.hmml b/pervognsen/bitwise/bitwise/bitwise004_2.hmml new file mode 100644 index 0000000..5f4cf64 --- /dev/null +++ b/pervognsen/bitwise/bitwise/bitwise004_2.hmml @@ -0,0 +1,2 @@ +[video member=pervognsen stream_platform=twitch project=bitwise title="Ion Grammar & AST (Extra)" vod_platform=youtube id=t0YAOfZcSfw annotator=] +[/video] diff --git a/pervognsen/bitwise/bitwise/bitwise005.hmml b/pervognsen/bitwise/bitwise/bitwise005.hmml new file mode 100644 index 0000000..5844eb3 --- /dev/null +++ b/pervognsen/bitwise/bitwise/bitwise005.hmml @@ -0,0 +1,2 @@ +[video member=pervognsen stream_platform=twitch project=bitwise title="Ion Parser/AST Code Review" vod_platform=youtube id=YvoyKQYNy20 annotator=] +[/video] \ No newline at end of file diff --git a/pervognsen/bitwise/bitwise/bitwise006.hmml b/pervognsen/bitwise/bitwise/bitwise006.hmml new file mode 100644 index 0000000..554873b --- /dev/null +++ b/pervognsen/bitwise/bitwise/bitwise006.hmml @@ -0,0 +1,2 @@ +[video member=pervognsen stream_platform=twitch project=bitwise title="Order-Independent Declarations" vod_platform=youtube id=0WpCnd9E-eg annotator=] +[/video] \ No newline at end of file diff --git a/pervognsen/bitwise/cinera__bitwise.css b/pervognsen/bitwise/cinera__bitwise.css new file mode 100644 index 0000000..f3fe96b --- /dev/null +++ b/pervognsen/bitwise/cinera__bitwise.css @@ -0,0 +1,196 @@ +/* + * Base colours: + * background-color: #212121; + * color: #F8F8F8; + * + * :hover + background-color: #0F0F0F; + * + * .progress + background-color: #252241; + color: #FFF; + * + * .faded + background-color: #181623; + * + * border-color: #8EB08F; + */ + +.cineraQueryContainer.bitwise .inputContainer #query, +#cineraResults .dayContainer.bitwise, +#cineraIndex.bitwise #cineraIndexEntries div, + +.cineraMenus.bitwise, +.cineraMenus.bitwise > .menu > .refs, +.cineraMenus.bitwise > .menu > .filter_container, +.cineraMenus.bitwise > .menu > .refs .ref, +.cineraMenus.bitwise > .menu > .filter_container .filter_mode, +.cineraMenus.bitwise > .menu > .credits_container, +.cineraMenus.bitwise > .menu > .credits_container .credit, +.cineraMenus.bitwise > .menu > .view, +.cineraMenus.bitwise > .menu > .views_container .view, +.cineraPlayerContainer .markers_container.bitwise, +.cineraPlayerContainer .markers_container.bitwise > .episodeMarker, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker { + background-color: #212121; +} + +.cineraDefaultMediumIndicator { + color: #FEF697; +} + +.cineraQueryContainer.bitwise .inputContainer #query:focus, +#cineraResults .dayContainer:nth-child(2n).bitwise, +#cineraIndex.bitwise #cineraIndexSort, +#cineraIndex.bitwise #cineraIndexEntries div:nth-child(2n) { + background-color: #1E1E1E; +} + +#cineraResults .markerList.bitwise > .marker, + +.cineraMenus.bitwise, +.cineraMenus.bitwise > .menu > .refs, +.cineraMenus.bitwise > .menu > .filter_container, +.cineraMenus.bitwise > .menu > .refs .ref, +.cineraMenus.bitwise > .menu > .filter_container .filter_mode, +.cineraMenus.bitwise > .menu > .credits_container, +.cineraMenus.bitwise > .menu > .credits_container .credit, +.cineraMenus.bitwise > .menu > .views_container, +.cineraPlayerContainer .markers_container.bitwise, +.cineraPlayerContainer .markers_container.bitwise > .episodeMarker, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker { + border-color: #8EB08F; +} + +.cineraQueryContainer.bitwise .inputContainer #query, +#cineraResults .dayContainer.bitwise > .dayName, +#cineraResults .markerList.bitwise > .marker, +#cineraIndex.bitwise #cineraIndexSort, +#cineraIndex.bitwise #cineraIndexEntries div a, + +.cineraMenus.bitwise, +.cineraMenus.bitwise > .menu > .refs .ref, +.cineraMenus.bitwise > .menu > .refs .ref .timecode.focused:before, +.cineraMenus.bitwise > .menu > .filter_container .filter_content .cineraText, +.cineraMenus.bitwise > .menu > .credits_container .credit .name, +.cineraPlayerContainer .markers_container.bitwise > .episodeMarker, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker > .cineraContent, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker > .cineraContent .categoryMedium { + color: #F4F7FE; +} + +/* Visited Indicator */ +#cineraIndex.bitwise #cineraIndexEntries div a::before { + color: #212121; +} + +#cineraIndex.bitwise #cineraIndexEntries div:nth-child(2n) a::before { + color: #1E1E1E; +} + +#cineraIndex.bitwise #cineraIndexEntries div a:visited::before { + color: #33FF33; +} +/**/ + +/* NOTE(matt): Somehow use this to colour the "Default Medium" when .off */ +.cineraMenus.bitwise > .menu > .filter_container .filter_content.off .cineraText { + color: #3A3936; +} + +.cineraMenus.bitwise > .menu { + transition: box-shadow 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + box-shadow: inset 0 0 0 #7ABDE8; +} + +.cineraMenus.bitwise .menu.current { + box-shadow: inset 0px 0px 30px #7ABDE8; +} + +.cineraMenus.bitwise > .menu > .refs .ref .ref_indices .timecode.focused, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker.current > .cineraContent { + color: #7ABDE8; +} + +.cineraMenus.bitwise > .menu > .refs .ref.current .ref_indices .timecode.focused { + color: #37D341; /* Colour when hovering over the ref that is currently playing */ +} + +#cineraResults .markerList.bitwise > .marker:hover, +#cineraIndex.bitwise #cineraIndexSort:hover, +#cineraIndex.bitwise #cineraIndexEntries div:hover, + +.cineraMenus.bitwise > .menu.visible, +.cineraMenus.bitwise > .menu > .quotes_container .ref.focused, +.cineraMenus.bitwise > .menu > .references_container .ref.focused, +.cineraMenus.bitwise > .menu > .filter_container .filter_mode:hover, +.cineraMenus.bitwise > .menu > .filter_container .filter_content.focused, +.cineraMenus.bitwise > .menu > .credits_container .credit *.focused, +.cineraMenus.bitwise > .menu > .view:hover, +.cineraMenus.bitwise > .menu > .views_container .view:hover, +.cineraPlayerContainer .markers_container.bitwise > a.episodeMarker:hover, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker:hover > .cineraContent { + background-color: #0F0F0F; +} + +.cineraMenus.bitwise > .menu > .refs .ref.current .source, +.cineraMenus.bitwise > .menu > .refs .ref.current .quote_byline, +.cineraMenus.bitwise > .menu > .refs .ref.current .ref_indices .timecode.focused:before { + color: #BBB; /* Colour of "site" when hovering over the ref that is currently playing */ +} + +#cineraResults .markerList.bitwise > .marker b, + +.cineraMenus.bitwise > .menu > .refs .ref.current, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker > .progress .cineraContent, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker > .progress .cineraContent .categoryMedium { + background-color: #252241; + color: #FFF; +} + +.cineraPlayerContainer .markers_container.bitwise > .markers .marker:hover > .faded .cineraContent { + background-color: #181623; +} + +.cineraMenus.bitwise > .menu > .refs .ref .source, +.cineraMenus.bitwise > .menu > .refs .ref .quote_byline, +.cineraMenus.bitwise > .menu > .credits_container .credit .role { + color: #EC608D; +} + + +/* + * Custom Media + * + * base colour(s) == untinted + * :hover == 64% opacity untinted background on default colours + * .off == 16% opacity untinted on default colours + * .progress == 64% opacity untinted on .progress colours + * .faded == 64% opacity untinted on .faded colours + * + */ + + +/* Run */ + +.cineraMenus.bitwise > .menu > .filter_container .filter_content.run, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker.run > .cineraContent { + background-color: #000; +} + +.cineraMenus.bitwise > .menu > .filter_container .filter_content.focused.run, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker:hover.run > .cineraContent { + background-color: #0F0F0F; +} + +.cineraMenus.bitwise > .menu > .filter_container .filter_content.run .cineraText, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker.run > .cineraContent, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker.run > .progress .cineraContent, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker:hover.run > .faded .cineraContent { + color: #37D341; +} + +.cineraMenus.bitwise > .menu > .filter_container .filter_content.run.off .cineraText, +.cineraPlayerContainer .markers_container.bitwise > .markers .marker.off_run > .cineraContent { + color: #345D35; +}