diff --git a/exercises/battle_map.livemd b/exercises/battle_map.livemd index 4fb9e4a31..b565dfd3e 100644 --- a/exercises/battle_map.livemd +++ b/exercises/battle_map.livemd @@ -1,3 +1,5 @@ + + # Battle Map ```elixir @@ -35,7 +37,7 @@ Mix.install([ You're developing a 2D tactical combat game. Characters in your game fight on a grid of potentially infinite size. -![](images/battle_map.png) +![](files/battle_map.png) ## Character Attack @@ -80,7 +82,7 @@ Character.can_attack?(%Barbarian{}, {4, 4}, {6, 6}) true ``` -![](images/barbarian_attack.png) +![](files/barbarian_attack.png)
Example Solution @@ -141,7 +143,7 @@ Character.can_attack?(%Wizard{}, {4, 4}, {6, 6}) true ``` -![](images/wizard_attack.png) +![](files/wizard_attack.png)
Example Solution @@ -202,7 +204,7 @@ match the existing characters. For example, you might create an `Archer` who can only attack in a 3 radius square. -![](images/archer_attack.png) +![](files/archer_attack.png) diff --git a/exercises/blog_home_page.livemd b/exercises/blog_home_page.livemd index 72b606251..342980f43 100644 --- a/exercises/blog_home_page.livemd +++ b/exercises/blog_home_page.livemd @@ -1,3 +1,5 @@ + + # Blog: Home Page ```elixir @@ -42,7 +44,7 @@ Here's an example made by an alumni student [Einar Engström](https://github.com -![](images/blog_home_page.png) +![](files/blog_home_page.png) ## Commit Your Progress diff --git a/exercises/blog_search.livemd b/exercises/blog_search.livemd index 062247f23..31846e632 100644 --- a/exercises/blog_search.livemd +++ b/exercises/blog_search.livemd @@ -1,3 +1,5 @@ + + # Blog: Search ```elixir @@ -38,7 +40,7 @@ Your solution does not have to match this example UI as long as it has the requi -![](images/blog_post_search_mock.png) +![](files/blog_post_search_mock.png) diff --git a/exercises/common_components.livemd b/exercises/common_components.livemd index fab10229d..21172b90b 100644 --- a/exercises/common_components.livemd +++ b/exercises/common_components.livemd @@ -1,3 +1,5 @@ + + # Common Components ```elixir @@ -57,7 +59,7 @@ Replicate the following outlined button as closely as you can. -![](images/outline-button.png) +![](files/outline-button.png) @@ -65,7 +67,7 @@ On hover, the button should change the `background-color`. -![](images/outline-button-hover.png) +![](files/outline-button-hover.png) ## Rainbow Boxes @@ -80,7 +82,7 @@ Research `padding`, `margin`, `background-color`, and `border` and consider usin -![](images/rainbow_component.png) +![](files/rainbow_component.png) ## Card Component @@ -103,7 +105,7 @@ You can create a horizontal bar using either the `
` element, or an empt -![](images/card_component_light_mode.png) +![](files/card_component_light_mode.png) ## Commit Your Progress diff --git a/exercises/deprecated_home_page.livemd b/exercises/deprecated_home_page.livemd index 173902dd8..ec68b0736 100644 --- a/exercises/deprecated_home_page.livemd +++ b/exercises/deprecated_home_page.livemd @@ -1,3 +1,5 @@ + + # Home Page ```elixir @@ -36,7 +38,7 @@ You're going to build the home page of an HTML portfolio site similar to the fol -![](images/portfolio_home_page_exercise.png) +![](files/portfolio_home_page_exercise.png) @@ -56,7 +58,7 @@ Include a table of your skills with an associated score. For example: -![](images/skills%20table.png) +![](files/skills%20table.png) diff --git a/exercises/deprecated_math_module_testing.livemd b/exercises/deprecated_math_module_testing.livemd index 8a2288021..1f9a38e00 100644 --- a/exercises/deprecated_math_module_testing.livemd +++ b/exercises/deprecated_math_module_testing.livemd @@ -1,3 +1,5 @@ + + # Math Module Testing ```elixir @@ -82,7 +84,7 @@ There can be a deceptive number of edge cases to consider. For example, we could Here, we've colored happy path tests green and edge-case tests yellow. -![](images/test%20cases.png) +![](files/test%20cases.png) By planning test cases, we can anticipate possible edge cases and ensure we understand the desired behavior of the feature. diff --git a/exercises/deprecated_mix_math.livemd b/exercises/deprecated_mix_math.livemd index bcf6f48f2..47c10b0f7 100644 --- a/exercises/deprecated_mix_math.livemd +++ b/exercises/deprecated_mix_math.livemd @@ -1,3 +1,5 @@ + + # Mix Math ```elixir @@ -97,7 +99,7 @@ to re-run `mix docs` if you wish to update the documentation. -![](images/ex_doc_mix_math_example.png) +![](files/ex_doc_mix_math_example.png) ## Doc Test Cases diff --git a/exercises/deprecated_portfolio.livemd b/exercises/deprecated_portfolio.livemd index b284e59c0..f3d0fc7ed 100644 --- a/exercises/deprecated_portfolio.livemd +++ b/exercises/deprecated_portfolio.livemd @@ -1,3 +1,5 @@ + + # Portfolio ```elixir @@ -65,7 +67,7 @@ The home page should be visible when you visit http://localhost:4000/ You may use the following design for inspiration. -![](images/portfolio_home_page_exercise.png) +![](files/portfolio_home_page_exercise.png) Ensure you include: @@ -84,7 +86,7 @@ You may use the following design for inspiration. -![](images/Portfolio%20Projects%20Mock.png) +![](files/Portfolio%20Projects%20Mock.png) ## Commit Your Progress diff --git a/exercises/deprecated_portfolio_home_page.livemd b/exercises/deprecated_portfolio_home_page.livemd index 784a5285f..52f582596 100644 --- a/exercises/deprecated_portfolio_home_page.livemd +++ b/exercises/deprecated_portfolio_home_page.livemd @@ -1,3 +1,5 @@ + + # Portfolio: Home Page ```elixir @@ -38,7 +40,7 @@ You may take inspiration from the previous [Home Page](./home_page.livemd) exerc -![](images/portfolio_home_page_exercise.png) +![](files/portfolio_home_page_exercise.png) diff --git a/exercises/deprecated_rubber_ducky.livemd b/exercises/deprecated_rubber_ducky.livemd index f6e513ccb..9c5b44c64 100644 --- a/exercises/deprecated_rubber_ducky.livemd +++ b/exercises/deprecated_rubber_ducky.livemd @@ -1,3 +1,5 @@ + + # Rubber Ducky ```elixir @@ -16,7 +18,7 @@ Mix.install([ ## Rubber Ducky -![](images/duck.png) +![](files/duck.png) diff --git a/exercises/deprecated_tailwind_css_components.livemd b/exercises/deprecated_tailwind_css_components.livemd index 7ace2e6f2..b82c80e42 100644 --- a/exercises/deprecated_tailwind_css_components.livemd +++ b/exercises/deprecated_tailwind_css_components.livemd @@ -1,3 +1,5 @@ + + # Tailwind Components ```elixir @@ -56,7 +58,7 @@ Create a button with rounder corners, an underline, the `orange-500` background -![](images/outline-button.png) +![](files/outline-button.png) @@ -64,7 +66,7 @@ On hover, the button should change the background color to `orange-500`. -![](images/outline-button-hover.png) +![](files/outline-button-hover.png) @@ -76,7 +78,7 @@ You can find an example solution here: https://play.tailwindcss.com/fghjDPOp7Y -![](images/tailwind_components_signup_form.png) +![](files/tailwind_components_signup_form.png) ## Rainbow Boxes @@ -84,7 +86,7 @@ Create a series of rainbow colored boxes like the following. -![](images/rainbow_component.png) +![](files/rainbow_component.png) ## Card Component @@ -98,7 +100,7 @@ You can use https://picsum.photos/200/100 to retrieve a fake image: -![](images/card_component_light_mode.png) +![](files/card_component_light_mode.png) diff --git a/exercises/images/DY-Academy_logo.png b/exercises/files/DY-Academy_logo.png similarity index 100% rename from exercises/images/DY-Academy_logo.png rename to exercises/files/DY-Academy_logo.png diff --git a/exercises/images/Portfolio Projects Mock.png b/exercises/files/Portfolio Projects Mock.png similarity index 100% rename from exercises/images/Portfolio Projects Mock.png rename to exercises/files/Portfolio Projects Mock.png diff --git a/exercises/images/archer_attack.png b/exercises/files/archer_attack.png similarity index 100% rename from exercises/images/archer_attack.png rename to exercises/files/archer_attack.png diff --git a/exercises/images/atom_key_maze.png b/exercises/files/atom_key_maze.png similarity index 100% rename from exercises/images/atom_key_maze.png rename to exercises/files/atom_key_maze.png diff --git a/exercises/images/atom_maze.png b/exercises/files/atom_maze.png similarity index 100% rename from exercises/images/atom_maze.png rename to exercises/files/atom_maze.png diff --git a/exercises/images/barbarian_attack.png b/exercises/files/barbarian_attack.png similarity index 100% rename from exercises/images/barbarian_attack.png rename to exercises/files/barbarian_attack.png diff --git a/exercises/images/barbarian_grid.png b/exercises/files/barbarian_grid.png similarity index 100% rename from exercises/images/barbarian_grid.png rename to exercises/files/barbarian_grid.png diff --git a/exercises/images/battle map.png b/exercises/files/battle map.png similarity index 100% rename from exercises/images/battle map.png rename to exercises/files/battle map.png diff --git a/exercises/images/battle_map.png b/exercises/files/battle_map.png similarity index 100% rename from exercises/images/battle_map.png rename to exercises/files/battle_map.png diff --git a/exercises/images/binary.jpg b/exercises/files/binary.jpg similarity index 100% rename from exercises/images/binary.jpg rename to exercises/files/binary.jpg diff --git a/exercises/images/blog_home_page.png b/exercises/files/blog_home_page.png similarity index 100% rename from exercises/images/blog_home_page.png rename to exercises/files/blog_home_page.png diff --git a/exercises/images/blog_post_search_mock.png b/exercises/files/blog_post_search_mock.png similarity index 100% rename from exercises/images/blog_post_search_mock.png rename to exercises/files/blog_post_search_mock.png diff --git a/exercises/images/card_component_example.png b/exercises/files/card_component_example.png similarity index 100% rename from exercises/images/card_component_example.png rename to exercises/files/card_component_example.png diff --git a/exercises/images/card_component_light_mode.png b/exercises/files/card_component_light_mode.png similarity index 100% rename from exercises/images/card_component_light_mode.png rename to exercises/files/card_component_light_mode.png diff --git a/exercises/images/charmander.png b/exercises/files/charmander.png similarity index 100% rename from exercises/images/charmander.png rename to exercises/files/charmander.png diff --git a/exercises/images/counter_controller_is_not_available.png b/exercises/files/counter_controller_is_not_available.png similarity index 100% rename from exercises/images/counter_controller_is_not_available.png rename to exercises/files/counter_controller_is_not_available.png diff --git a/exercises/images/counter_count_page.png b/exercises/files/counter_count_page.png similarity index 100% rename from exercises/images/counter_count_page.png rename to exercises/files/counter_count_page.png diff --git a/exercises/images/counter_page_query_param.png b/exercises/files/counter_page_query_param.png similarity index 100% rename from exercises/images/counter_page_query_param.png rename to exercises/files/counter_page_query_param.png diff --git a/exercises/images/counter_view_is_not_available.png b/exercises/files/counter_view_is_not_available.png similarity index 100% rename from exercises/images/counter_view_is_not_available.png rename to exercises/files/counter_view_is_not_available.png diff --git a/exercises/images/counter_web_counter_view_is_not_available.png b/exercises/files/counter_web_counter_view_is_not_available.png similarity index 100% rename from exercises/images/counter_web_counter_view_is_not_available.png rename to exercises/files/counter_web_counter_view_is_not_available.png diff --git a/exercises/images/custom_atom_maze.png b/exercises/files/custom_atom_maze.png similarity index 100% rename from exercises/images/custom_atom_maze.png rename to exercises/files/custom_atom_maze.png diff --git a/exercises/images/custom_string_maze.png b/exercises/files/custom_string_maze.png similarity index 100% rename from exercises/images/custom_string_maze.png rename to exercises/files/custom_string_maze.png diff --git a/exercises/images/duck.png b/exercises/files/duck.png similarity index 100% rename from exercises/images/duck.png rename to exercises/files/duck.png diff --git a/exercises/images/empty_tic_tac_toe.png b/exercises/files/empty_tic_tac_toe.png similarity index 100% rename from exercises/images/empty_tic_tac_toe.png rename to exercises/files/empty_tic_tac_toe.png diff --git a/exercises/images/ex_doc_mix_math_example.png b/exercises/files/ex_doc_mix_math_example.png similarity index 100% rename from exercises/images/ex_doc_mix_math_example.png rename to exercises/files/ex_doc_mix_math_example.png diff --git a/exercises/images/graph.png b/exercises/files/graph.png similarity index 100% rename from exercises/images/graph.png rename to exercises/files/graph.png diff --git a/exercises/images/home_page_with_navigation.png b/exercises/files/home_page_with_navigation.png similarity index 100% rename from exercises/images/home_page_with_navigation.png rename to exercises/files/home_page_with_navigation.png diff --git a/exercises/images/labeled_battle_map.png b/exercises/files/labeled_battle_map.png similarity index 100% rename from exercises/images/labeled_battle_map.png rename to exercises/files/labeled_battle_map.png diff --git a/exercises/images/madlib.jpg b/exercises/files/madlib.jpg similarity index 100% rename from exercises/images/madlib.jpg rename to exercises/files/madlib.jpg diff --git a/exercises/images/nature_show_madlib.png b/exercises/files/nature_show_madlib.png similarity index 100% rename from exercises/images/nature_show_madlib.png rename to exercises/files/nature_show_madlib.png diff --git a/exercises/images/off.png b/exercises/files/off.png similarity index 100% rename from exercises/images/off.png rename to exercises/files/off.png diff --git a/exercises/images/on.png b/exercises/files/on.png similarity index 100% rename from exercises/images/on.png rename to exercises/files/on.png diff --git a/exercises/images/outline-button-hover.png b/exercises/files/outline-button-hover.png similarity index 100% rename from exercises/images/outline-button-hover.png rename to exercises/files/outline-button-hover.png diff --git a/exercises/images/outline-button.png b/exercises/files/outline-button.png similarity index 100% rename from exercises/images/outline-button.png rename to exercises/files/outline-button.png diff --git a/exercises/images/portfolio_home_page_exercise.png b/exercises/files/portfolio_home_page_exercise.png similarity index 100% rename from exercises/images/portfolio_home_page_exercise.png rename to exercises/files/portfolio_home_page_exercise.png diff --git a/exercises/images/rainbow_component.png b/exercises/files/rainbow_component.png similarity index 100% rename from exercises/images/rainbow_component.png rename to exercises/files/rainbow_component.png diff --git a/exercises/images/rubix.png b/exercises/files/rubix.png similarity index 100% rename from exercises/images/rubix.png rename to exercises/files/rubix.png diff --git a/exercises/images/skills table.png b/exercises/files/skills table.png similarity index 100% rename from exercises/images/skills table.png rename to exercises/files/skills table.png diff --git a/exercises/images/string_maze_small.png b/exercises/files/string_maze_small.png similarity index 100% rename from exercises/images/string_maze_small.png rename to exercises/files/string_maze_small.png diff --git a/exercises/images/tailwind_button_example.png b/exercises/files/tailwind_button_example.png similarity index 100% rename from exercises/images/tailwind_button_example.png rename to exercises/files/tailwind_button_example.png diff --git a/exercises/images/tailwind_components_signup_form.png b/exercises/files/tailwind_components_signup_form.png similarity index 100% rename from exercises/images/tailwind_components_signup_form.png rename to exercises/files/tailwind_components_signup_form.png diff --git a/exercises/images/test cases.png b/exercises/files/test cases.png similarity index 100% rename from exercises/images/test cases.png rename to exercises/files/test cases.png diff --git a/exercises/images/tic_tac_toe.png b/exercises/files/tic_tac_toe.png similarity index 100% rename from exercises/images/tic_tac_toe.png rename to exercises/files/tic_tac_toe.png diff --git a/exercises/images/tic_tac_toe_coordinates.png b/exercises/files/tic_tac_toe_coordinates.png similarity index 100% rename from exercises/images/tic_tac_toe_coordinates.png rename to exercises/files/tic_tac_toe_coordinates.png diff --git a/exercises/images/tic_tac_toe_coordinates_grid.png b/exercises/files/tic_tac_toe_coordinates_grid.png similarity index 100% rename from exercises/images/tic_tac_toe_coordinates_grid.png rename to exercises/files/tic_tac_toe_coordinates_grid.png diff --git a/exercises/images/treasure_hunt.png b/exercises/files/treasure_hunt.png similarity index 100% rename from exercises/images/treasure_hunt.png rename to exercises/files/treasure_hunt.png diff --git a/exercises/images/wizard_attack.png b/exercises/files/wizard_attack.png similarity index 100% rename from exercises/images/wizard_attack.png rename to exercises/files/wizard_attack.png diff --git a/exercises/images/wizard_grid.png b/exercises/files/wizard_grid.png similarity index 100% rename from exercises/images/wizard_grid.png rename to exercises/files/wizard_grid.png diff --git a/exercises/mazes.livemd b/exercises/mazes.livemd index 15f8e20f0..43add21fe 100644 --- a/exercises/mazes.livemd +++ b/exercises/mazes.livemd @@ -1,3 +1,5 @@ + + # Mazes ```elixir @@ -44,7 +46,7 @@ We've created a map that represents the following maze. Each cardinal direction -![](images/atom_key_maze.png) +![](files/atom_key_maze.png) @@ -99,7 +101,7 @@ Use **map[key]** notation to access the maze and retrieve the `"Exit!"` string. -![](images/string_maze_small.png) +![](files/string_maze_small.png) diff --git a/exercises/phoenix_follow_along_counter_app.livemd b/exercises/phoenix_follow_along_counter_app.livemd index 5c4a07408..665c0a394 100644 --- a/exercises/phoenix_follow_along_counter_app.livemd +++ b/exercises/phoenix_follow_along_counter_app.livemd @@ -1,3 +1,5 @@ + + # Follow Along: Phoenix Counter App ```elixir @@ -160,7 +162,7 @@ Visit http://localhost:4000 and you should see our counter initialized to `0`. -![](images/counter_count_page.png) +![](files/counter_count_page.png) ## Connect The Counter diff --git a/exercises/rubix_cube.livemd b/exercises/rubix_cube.livemd index be8e10395..885d6bed4 100644 --- a/exercises/rubix_cube.livemd +++ b/exercises/rubix_cube.livemd @@ -1,3 +1,5 @@ + + # Rubix Cube ```elixir @@ -39,7 +41,7 @@ Players rotate columns and rows on the cube with the goal of having each side wi -![](images/rubix.png) +![](files/rubix.png) diff --git a/exercises/tic-tac-toe.livemd b/exercises/tic-tac-toe.livemd index fbfd1be35..537589ca9 100644 --- a/exercises/tic-tac-toe.livemd +++ b/exercises/tic-tac-toe.livemd @@ -1,3 +1,5 @@ + + # Tic-tac-toe ```elixir @@ -38,7 +40,7 @@ In Tic-tac-toe, players take turns placing either an `X` or an `O` onto a 3 by 3 -![](images/tic_tac_toe.png) +![](files/tic_tac_toe.png) @@ -56,7 +58,7 @@ Usually we say grids have an **x** and a **y** axis. Each location in the grid i -![](images/tic_tac_toe_coordinates_grid.png) +![](files/tic_tac_toe_coordinates_grid.png) diff --git a/reading/big_o_notation.livemd b/reading/big_o_notation.livemd index b748e900f..f9197d492 100644 --- a/reading/big_o_notation.livemd +++ b/reading/big_o_notation.livemd @@ -1,3 +1,5 @@ + + # Performance ```elixir @@ -75,7 +77,7 @@ See the graph below for a general ranking. -![Big O Notation](images/big_o_notation_graph.png) +![Big O Notation](files/big_o_notation_graph.png) diff --git a/reading/code_editors.livemd b/reading/code_editors.livemd index 8955b8b6d..0b8f363ee 100644 --- a/reading/code_editors.livemd +++ b/reading/code_editors.livemd @@ -1,3 +1,5 @@ + + # Code Editors ```elixir @@ -101,7 +103,7 @@ With the curriculum project open in visual studio code, open the Extensions tab -![](images/recommended_extensions.png) +![](files/recommended_extensions.png) @@ -119,7 +121,7 @@ There are lots of useful extensions provided by the community. We've tried to be The Activity Bar contains the Explorer tab. -![](images/explorer_tab.png) +![](files/explorer_tab.png) Open the Explorer tab to see all the files and folders in a project. You can create new files and folders from this tab. @@ -135,7 +137,7 @@ you can search for the name of a file and press Enter to view it in t -![](images/quick_open_search.png) +![](files/quick_open_search.png) @@ -155,13 +157,13 @@ uses Quick Open with a `>` symbol. You could also open Quick Open and then press -![](images/show%20all%20commands.png) +![](files/show%20all%20commands.png) For example, you may wish to use the autosave command to save files automatically. -![](images/auto-save.png) +![](files/auto-save.png) @@ -172,7 +174,7 @@ Specific shortcuts are generally beyond the scope of this course, but you may wi -![](images/keyboard%20shortcuts.png) +![](files/keyboard%20shortcuts.png) ## Integrated Terminal @@ -185,7 +187,7 @@ Open and close the integrated terminal with the `View: Toggle Terminal` command. -![](images/view%20toggle%20terminal.png) +![](files/view%20toggle%20terminal.png) @@ -215,7 +217,7 @@ The search tab is also useful for **search-and-replace**. -![](images/search.png) +![](files/search.png) ## Source Control @@ -223,16 +225,16 @@ The Source Control tab allows you to manage git source control. Instead of with -![](images/source_control_view.png) +![](files/source_control_view.png) You can stage a file by hovering it and pressing the stage button . -![](images/source_control_stage_file.png) +![](files/source_control_stage_file.png) Or stage all files by hovering over **Changes** and pressing the stage all button . -![](images/source_control_stage_all_files.png) +![](files/source_control_stage_all_files.png) @@ -240,13 +242,13 @@ Similarly you can unstage changes or a single file pressing the unstage button < -![](images/unstage_changes.png) +![](files/unstage_changes.png) ## Live Share You can share and join collaborative development sessions with the LiveShare tab. -![](images/live_share_tab.png) +![](files/live_share_tab.png) @@ -269,14 +271,14 @@ flowchart To start a LiveShare session, press the **Share** button. -![](images/initiate_liveshare.png) +![](files/initiate_liveshare.png) This creates a LiveShare session and automatically copies an invitation link that will look like this: `https://prod.liveshare.vsengsaas.visualstudio.com/join?20A7B9A2A82856BC29CE86120852C16E23EB` -![](images/live_share_link_copied.png) +![](files/live_share_link_copied.png) @@ -286,7 +288,7 @@ and enter the URL. -![](images/join_liveshare_url.png) +![](files/join_liveshare_url.png) @@ -302,7 +304,7 @@ DANGER: GRANTING READ/WRITE ACCESS TO YOUR TERMINAL ALLOWS OTHER PARTICIPANTS DA -![](images/live_share_session_running_tab.png) +![](files/live_share_session_running_tab.png) @@ -314,7 +316,7 @@ join the session. -![](images/workspace-trust-dialog.png) +![](files/workspace-trust-dialog.png) ## Commit Your Progress diff --git a/reading/computer_hardware.livemd b/reading/computer_hardware.livemd index 5d2aa558f..8486713ad 100644 --- a/reading/computer_hardware.livemd +++ b/reading/computer_hardware.livemd @@ -1,3 +1,5 @@ + + # Computer Hardware ```elixir @@ -66,13 +68,13 @@ YouTube.new("https://www.youtube.com/watch?v=Z5JC9Ve1sfI") We store information in memory. We can think of memory as a series of cells that can each store some value. -![](images/memory_blank.png) +![](files/memory_blank.png) The string "hello" might be stored in memory like so. -![](images/hello_stored_in_memory.png) +![](files/hello_stored_in_memory.png) Under the hood, memory is stored in electrical signals called bits. @@ -93,7 +95,7 @@ The **stack** holds functions and variables as they execute. The **heap** is a free memory resource where we can put pretty much any value that we want. -![](images/stack_and_heap.png) +![](files/stack_and_heap.png) @@ -104,7 +106,7 @@ on the **stack** and it points to the location of memory in the heap. hello = "world" ``` -![](images/hello_stack_heap.png) +![](files/hello_stack_heap.png) ### Stack Frames @@ -115,14 +117,14 @@ As we execute functions, they are stored in a stack frame. -![](images/stack_frame_steps123.png) +![](files/stack_frame_steps123.png) The last function to be added onto the stack will be the first one executed and removed from the stack. -![](images/stack_frame_steps4567.png) +![](files/stack_frame_steps4567.png) @@ -142,7 +144,7 @@ The stack has a limited amount of memory allocated to it. When we over-allocate overflow. For example, if we continued executing functions in functions eventually the stack would (generally) run out of space. -![Stack Overflow](images/stack-overflow-without-tail-recursion.png) +![Stack Overflow](files/stack-overflow-without-tail-recursion.png) @@ -156,7 +158,7 @@ For example, loading a large file's contents into memory is a performance concer You can see the memory this livebook consumes in the Runtime Settings panel. Press `s` then `r` to open the settings panel. -![](images/memory_consumption_livebook_runtime.png) +![](files/memory_consumption_livebook_runtime.png) @@ -170,7 +172,7 @@ goes down because the `list` is no longer in memory. # list = Enum.to_list(1..1000000) ``` -![](images/memory_consumption_filled_livebook_runtime.png) +![](files/memory_consumption_filled_livebook_runtime.png) diff --git a/reading/deprecated_book_form.livemd b/reading/deprecated_book_form.livemd index 04d20db84..90c13b115 100644 --- a/reading/deprecated_book_form.livemd +++ b/reading/deprecated_book_form.livemd @@ -1,3 +1,5 @@ + + # Phoenix Forms ```elixir @@ -100,7 +102,7 @@ This will create a book form on our main page. When we submit the form, it sends -![](images/phoenix_forms_book_form.png) +![](files/phoenix_forms_book_form.png) ## Form Action @@ -318,7 +320,7 @@ Now when we submit the form with invalid data we'll see an error message. The ch -![](images/phoenix_forms_book_form_failure.png) +![](files/phoenix_forms_book_form_failure.png) ## Error Handling @@ -370,7 +372,7 @@ Failure messages now display on each form input. -![](images/phoenix_forms_book_form_failure_with_error_tags.png) +![](files/phoenix_forms_book_form_failure_with_error_tags.png) ## Further Reading diff --git a/reading/deprecated_book_search_authors.livemd b/reading/deprecated_book_search_authors.livemd index c7ec68a02..a0cf9c6a3 100644 --- a/reading/deprecated_book_search_authors.livemd +++ b/reading/deprecated_book_search_authors.livemd @@ -1,3 +1,5 @@ + + # BookSearch: Authors ```elixir @@ -813,7 +815,7 @@ For example, go to http://localhost:4000/authors/new and create an author. We'll -![](images/show_author_flash_message.png) +![](files/show_author_flash_message.png) @@ -991,7 +993,7 @@ The code above created the following form on http://localhost:4000/authors. -![](images/search_authors_form.png) +![](files/search_authors_form.png) diff --git a/reading/deprecated_book_search_book_form.livemd b/reading/deprecated_book_search_book_form.livemd index 63076ff85..c8a7c22ac 100644 --- a/reading/deprecated_book_search_book_form.livemd +++ b/reading/deprecated_book_search_book_form.livemd @@ -1,3 +1,5 @@ + + # Book Search: Book Form ```elixir @@ -379,7 +381,7 @@ In the previous [BookSearch: Seeds](./book_search_seeding.livemd) reading, we cr -![](images/book_search_book_from_select_author.png) +![](files/book_search_book_from_select_author.png) @@ -433,7 +435,7 @@ Now visit http://localhost:4000/books/new and create a book with an associated a -![](images/book_search_book_form_created_book_with_author.png) +![](files/book_search_book_form_created_book_with_author.png) ## Your Turn: Adding Tests diff --git a/reading/deprecated_book_search_books_constraint.livemd b/reading/deprecated_book_search_books_constraint.livemd index f06994496..25c0965ca 100644 --- a/reading/deprecated_book_search_books_constraint.livemd +++ b/reading/deprecated_book_search_books_constraint.livemd @@ -1,3 +1,5 @@ + + # Book Search: Books ```elixir @@ -939,7 +941,7 @@ However, our test isn't very comprehensive. For example, the route is nested und -![](images/list_books_page.png) +![](files/list_books_page.png) ## BookController.new/2 @@ -1005,7 +1007,7 @@ We should be able to visit http://localhost:4000/authors/1/books/new to view the -![](images/new_book_page.png) +![](files/new_book_page.png) ## BookController.create/2 @@ -1238,7 +1240,7 @@ Now we can visit http://localhost:4000/authors/1/books/new. -![](images/new_book_create_book.png) +![](files/new_book_create_book.png) @@ -1246,7 +1248,7 @@ Then submit the form to create a new book. -![](images/show_book_created_book.png) +![](files/show_book_created_book.png) ## Books.list_books/1 @@ -1394,7 +1396,7 @@ Now we should be able to visit the edit page on http://localhost:4000/authors/1/ -![](images/edit_book_page.png) +![](files/edit_book_page.png) ## BookController.update/2 @@ -1484,7 +1486,7 @@ Now we can visit http://localhost:4000/authors/1/book/1/edit. -![](images/edit_book_page_ready_to_submit.png) +![](files/edit_book_page_ready_to_submit.png) @@ -1492,7 +1494,7 @@ Then submit the form to edit our book. -![](images/show_page_after_update.png) +![](files/show_page_after_update.png) ## BookController.delete/2 @@ -1555,7 +1557,7 @@ Now we can visit http://localhost:4000/authors/1/books and press the **Delete** -![](images/book_deleted.png) +![](files/book_deleted.png) ## List All Books @@ -1723,7 +1725,7 @@ We should be able to visit http://localhost:4000/books to view all books. Consid -![](images/list_book_all_authors.png) +![](files/list_book_all_authors.png) @@ -1770,7 +1772,7 @@ Looking good! That's the power of associating data! -![](images/list_book_all_authors_with_author_name.png) +![](files/list_book_all_authors_with_author_name.png) ## List All Books By Author @@ -1835,7 +1837,7 @@ Now we can visit http://localhost:4000/authors/1/books to view only the books fo -![](images/list_book_by_author.png) +![](files/list_book_by_author.png) ## Search Books @@ -1985,7 +1987,7 @@ Now the form will not display when we visit http://localhost:4000/authors/1/book -![](images/display_form_authors_search.png) +![](files/display_form_authors_search.png) diff --git a/reading/deprecated_book_search_seeding.livemd b/reading/deprecated_book_search_seeding.livemd index 52a017915..f00bd0e42 100644 --- a/reading/deprecated_book_search_seeding.livemd +++ b/reading/deprecated_book_search_seeding.livemd @@ -1,3 +1,5 @@ + + # BookSearch: Seeding ```elixir @@ -368,7 +370,7 @@ Visit http://localhost:4000/books to view the list of books. -![](images/book_search_seeding_book_list.png) +![](files/book_search_seeding_book_list.png) @@ -440,7 +442,7 @@ Visit http://localhost:4000/books to view the list of books with their authors. -![](images/book_search_seeding_book_list_with_authors.png) +![](files/book_search_seeding_book_list_with_authors.png) @@ -450,7 +452,7 @@ Click on the `Show` button for a book, or visit http://localhost:4000/books/1 to -![](images/book_search_seeding_book_show.png) +![](files/book_search_seeding_book_show.png) @@ -495,7 +497,7 @@ Visit http://localhost:4000/books/1 to see Beowulf without an author, and http:/ -![](images/book_search_seeding_book_show_with_author.png) +![](files/book_search_seeding_book_show_with_author.png) @@ -787,7 +789,7 @@ Now we have large amounts of data we can use to test our application if desired. -![](images/book_search_seeding_book_list_large_dataset.png) +![](files/book_search_seeding_book_list_large_dataset.png) @@ -838,7 +840,7 @@ Visit http://localhost:4000/books to see how our UI handles large text content. -![](images/book_search_seeding_book_list_large_text.png) +![](files/book_search_seeding_book_list_large_text.png) diff --git a/reading/deprecated_book_search_tags.livemd b/reading/deprecated_book_search_tags.livemd index 70a6c3a85..275c2d0be 100644 --- a/reading/deprecated_book_search_tags.livemd +++ b/reading/deprecated_book_search_tags.livemd @@ -1,3 +1,5 @@ + + # Book Search: Tags ```elixir @@ -286,7 +288,7 @@ Visit http://localhost:4000/books/new where `1` is the id of an author in your a -![](images/book_search_tags_book_form_no_tags.png) +![](files/book_search_tags_book_form_no_tags.png) @@ -377,7 +379,7 @@ Now that our database is seeded correctly. Start the server again, and we should -![](images/book_search_tags_book_form_with_tags.png) +![](files/book_search_tags_book_form_with_tags.png) ## Controller: Create Book With Tags @@ -579,7 +581,7 @@ end -![](images/book_search_tags_book_show_with_tags.png) +![](files/book_search_tags_book_show_with_tags.png) ## Fix Failing Tests @@ -664,7 +666,7 @@ First, create a book on http://localhost:4000/books/new with some tags. -![](images/book_search_tags_book_create_with_tags.png) +![](files/book_search_tags_book_create_with_tags.png) @@ -702,7 +704,7 @@ Now our edit page pre-selects tags. -![](images/book_search_tags_book_edit_book_pre_select_tags.png) +![](files/book_search_tags_book_edit_book_pre_select_tags.png) @@ -710,7 +712,7 @@ Try to edit this book, and you'll notice it removes any existing tags. -![](images/book_search_tags_book_edit_book_deletes_tags.png) +![](files/book_search_tags_book_edit_book_deletes_tags.png) @@ -758,7 +760,7 @@ Try updating the book's tags and it should work! -![](images/book_search_tags_book_update_book_success.png) +![](files/book_search_tags_book_update_book_success.png) ## Lists Books By Tag @@ -818,7 +820,7 @@ Now we'll see a list of books and their authors if the author exists. -![](images/book_search_tags_show_tag_books.png) +![](files/book_search_tags_show_tag_books.png) diff --git a/reading/deprecated_exdoc.livemd b/reading/deprecated_exdoc.livemd index a0628607b..8f7b5162f 100644 --- a/reading/deprecated_exdoc.livemd +++ b/reading/deprecated_exdoc.livemd @@ -1,3 +1,5 @@ + + # ExDoc ```elixir @@ -73,7 +75,7 @@ Add [ExDoc](https://github.com/elixir-lang/ex_doc) to your `Math` project. When -![](images/mathdocs.png) +![](files/mathdocs.png) ## Commit Your Progress diff --git a/reading/deprecated_exunit_with_mix.livemd b/reading/deprecated_exunit_with_mix.livemd index 88e7a4be3..3fdb6d76c 100644 --- a/reading/deprecated_exunit_with_mix.livemd +++ b/reading/deprecated_exunit_with_mix.livemd @@ -1,3 +1,5 @@ + + # ExUnit With Mix ```elixir @@ -123,7 +125,7 @@ Elixir Test provides several commands which facilitate more straightforward test -![](images/Elixir%20Test%20Commands.png) +![](files/Elixir%20Test%20Commands.png) diff --git a/reading/deprecated_liveview_and_ecto.livemd b/reading/deprecated_liveview_and_ecto.livemd index 2826d761f..ad48556c1 100644 --- a/reading/deprecated_liveview_and_ecto.livemd +++ b/reading/deprecated_liveview_and_ecto.livemd @@ -1,3 +1,5 @@ + + # PicChat: Messages ```elixir @@ -194,7 +196,7 @@ Visit http://localhost:4000 to view your `MessageLive.Index` page. -![](images/pic_chat_index_live.png) +![](files/pic_chat_index_live.png) @@ -284,7 +286,7 @@ You can visit http://localhost:4000/new. or click on the `New` button to see a m -![](images/pic_chat_index_live_new.png) +![](files/pic_chat_index_live_new.png) @@ -481,7 +483,7 @@ Use the form to create a message. It will display on your list of messages. -![](images/pic_chat_index_live_created.png) +![](files/pic_chat_index_live_created.png) ## Your Turn: Updating A Message @@ -491,7 +493,7 @@ Click the `Edit` button and you'll be redirected to http://localhost:4000/1/edit -![](images/pic_chat_index_live_edit.png) +![](files/pic_chat_index_live_edit.png) @@ -541,7 +543,7 @@ Visit http://localhost:4000/1 or click on the `Show` button to visit the `Messag -![](images/pic_chat_show_live.png) +![](files/pic_chat_show_live.png) diff --git a/reading/deprecated_observer.livemd b/reading/deprecated_observer.livemd index 5e01d59f6..56d5deb17 100644 --- a/reading/deprecated_observer.livemd +++ b/reading/deprecated_observer.livemd @@ -1,3 +1,5 @@ + + # Observer ```elixir @@ -61,7 +63,7 @@ You should see a Graphical User Interface (GUI) appear. Open up the `Application -![](images/pic_chat_pub_sub_observer.png) +![](files/pic_chat_pub_sub_observer.png) @@ -110,7 +112,7 @@ Select the process in the observer, then click [File](https://hexdocs.pm/elixir/ -![](images/pic_chat_pub_sub_observer_sending_message.png) +![](files/pic_chat_pub_sub_observer_sending_message.png) diff --git a/reading/deprecated_phoenix_1.6.livemd b/reading/deprecated_phoenix_1.6.livemd index cc304df44..def84511b 100644 --- a/reading/deprecated_phoenix_1.6.livemd +++ b/reading/deprecated_phoenix_1.6.livemd @@ -1,3 +1,5 @@ + + # Phoenix 1.6 ```elixir @@ -107,7 +109,7 @@ Phoenix breaks the complexity of our application into several layers with differ -![](images/phoenix_application_architecture_overview.png) +![](files/phoenix_application_architecture_overview.png) ## Install Phoenix @@ -310,7 +312,7 @@ can visit http://localhost:4000 to view the Phoenix home page. -![](images/phoenix_main_page.png) +![](files/phoenix_main_page.png) @@ -493,7 +495,7 @@ Now when we visit http://localhost:4000/count, we'll see the following error bec -![](images/counter_controller_is_not_available.png) +![](files/counter_controller_is_not_available.png) ## Controllers @@ -637,7 +639,7 @@ We'll see the following error if we visit http://localhost:4000/count. -![](images/counter_view_is_not_available.png) +![](files/counter_view_is_not_available.png) @@ -657,7 +659,7 @@ Now, if we visit http://localhost:4000/count, we'll see the following error. -![](images/could_not_render_index.png) +![](files/could_not_render_index.png) @@ -677,7 +679,7 @@ Now we should see the following page when we visit http://localhost:4000/count. -![](images/phoenix_hello_world.png) +![](files/phoenix_hello_world.png) @@ -742,7 +744,7 @@ Now the response only contains our content. -![](images/phoenix_hello_world_root_ommited.png) +![](files/phoenix_hello_world_root_ommited.png) @@ -892,7 +894,7 @@ Visit http://localhost:4000/count, and you should see the following response. -![](images/the_current_count_is_0.png) +![](files/the_current_count_is_0.png) ## Model (Counter Implementation) @@ -1112,7 +1114,7 @@ Visit http://localhost:4000/count and press the increment button. The count shou -![](images/increment_button_the_current_count_is_1.png) +![](files/increment_button_the_current_count_is_1.png) @@ -1187,7 +1189,7 @@ Now, if you visit http://localhost/count and enter an integer in the number inpu -![](images/increment_input_2_the_current_count_is_3.png) +![](files/increment_input_2_the_current_count_is_3.png) @@ -1199,7 +1201,7 @@ For example, visit http://localhost:4000/count?increment=5, and the number input -![](images/increment_input_5_the_current_count_is_3.png) +![](files/increment_input_5_the_current_count_is_3.png) @@ -1207,7 +1209,7 @@ Currently, Submitting the form resets the number input to a blank value. -![](images/increment_input_0_the_current_count_is_8.png) +![](files/increment_input_0_the_current_count_is_8.png) @@ -1236,7 +1238,7 @@ Now the form's increment value will be preserved when we submit the form. -![](images/increment_input_5_the_current_count_is_13.png) +![](files/increment_input_5_the_current_count_is_13.png) ## Route Helpers diff --git a/reading/deprecated_phoenix_and_ecto_relationships.livemd b/reading/deprecated_phoenix_and_ecto_relationships.livemd index 89185758a..a09130132 100644 --- a/reading/deprecated_phoenix_and_ecto_relationships.livemd +++ b/reading/deprecated_phoenix_and_ecto_relationships.livemd @@ -1,3 +1,5 @@ + + # Phoenix And Ecto Relationships ```elixir @@ -718,7 +720,7 @@ Then visit http://localhost:4000/schools/new and create one school. -![](images/create_new_school.png) +![](files/create_new_school.png) @@ -726,7 +728,7 @@ Now visit http://localhost:4000/schools/1/principals. We want to see an empty li -![](images/principals_index_principal_path_is_undefined.png) +![](files/principals_index_principal_path_is_undefined.png) @@ -825,7 +827,7 @@ To ensure we've correctly fixed the issue, visit http://localhost:4000/schools a -![](images/faculty_manager_new_school.png) +![](files/faculty_manager_new_school.png) @@ -833,7 +835,7 @@ Then visit http://localhost:4000/schools/1/principals and we should see the list -![List Principals](images/faculty_manager_list_principals.png) +![List Principals](files/faculty_manager_list_principals.png) ## New Principal @@ -841,7 +843,7 @@ We have the same `principal_path/2` is undefined issue when we click the **New P -![](images/faculty_manager_new_principals_principal_path_undefined.png) +![](files/faculty_manager_new_principals_principal_path_undefined.png) @@ -913,7 +915,7 @@ http://localhost:4000/schools/1/principals/new should no longer crash. -![](images/faculty_manager_new_principals.png) +![](files/faculty_manager_new_principals.png) ## Create Principal @@ -921,7 +923,7 @@ Now, if we attempt to submit the form on http://localhost:4000/schools/1/princip -![](images/create_new_principal_no_function_clause_error.png) +![](files/create_new_principal_no_function_clause_error.png) @@ -1056,7 +1058,7 @@ When we create a principal from the browser, we'll be successfully redirected to -![](images/show_principal_page_after_creation.png) +![](files/show_principal_page_after_creation.png) ## Edit Principals @@ -1064,7 +1066,7 @@ If we click the **Edit** button to go to http://localhost:4000/schools/1/princip -![](images/edit_principal_page_principal_path_is_undefined.png) +![](files/edit_principal_page_principal_path_is_undefined.png) @@ -1143,7 +1145,7 @@ We should see the following page when we click the **Edit** button to navigate t -![](images/faculty_manager_edit_principals.png) +![](files/faculty_manager_edit_principals.png) ## Update Principal @@ -1151,7 +1153,7 @@ Submitting the form on http://localhost:4000/schools/1/principals/1/edit causes -![](images/faculty_manager_update_principals_principal_path_undefined.png) +![](files/faculty_manager_update_principals_principal_path_undefined.png) @@ -1250,7 +1252,7 @@ We should be able to update a principal when we submit the form on http://localh -![](images/faculty_manager_update_principals.png) +![](files/faculty_manager_update_principals.png) ## Delete Principal @@ -1258,7 +1260,7 @@ On to our last issue! We see the following error when we visit http://localhost: -![](images/faculty_manager_delete_principals_principal_path_undefined.png) +![](files/faculty_manager_delete_principals_principal_path_undefined.png) @@ -1326,7 +1328,7 @@ When we visit http://localhost:schools/1/principals and delete a principal we sh -![](images/faculty_manager_delete_principals.png) +![](files/faculty_manager_delete_principals.png) diff --git a/reading/deprecated_phoenix_journal_project.livemd b/reading/deprecated_phoenix_journal_project.livemd index 7417dbdbb..034b3c6d2 100644 --- a/reading/deprecated_phoenix_journal_project.livemd +++ b/reading/deprecated_phoenix_journal_project.livemd @@ -1,3 +1,5 @@ + + # Phoenix And Ecto ```elixir @@ -154,7 +156,7 @@ Here's a diagram with an overview of that process. -![](images/phoenix_application_architecture_overview.png) +![](files/phoenix_application_architecture_overview.png) @@ -656,7 +658,7 @@ You'll see the following HTML web page. -![](images/journal_index.png) +![](files/journal_index.png) @@ -709,7 +711,7 @@ Click the `"New Entry"` link from the browser to navigate to http://localhost:40 -![](images/journal_new.png) +![](files/journal_new.png) @@ -784,7 +786,7 @@ This form uses the changeset from the `Entry` schema to display validation error -![](images/journal_new_errors.png) +![](files/journal_new_errors.png) @@ -826,7 +828,7 @@ After successfully creating a journal entry, the controller redirects us to http -![](images/journal_show.png) +![](files/journal_show.png) @@ -928,7 +930,7 @@ If we navigate back to http://localhost:4000/ we'll see a list of our entries. -![](images/journal_index_with_entries.png) +![](files/journal_index_with_entries.png) @@ -988,7 +990,7 @@ Click the `"Delete"` link in the browser and see it deleted from the page. -![](images/journal_entry_deleted.png) +![](files/journal_entry_deleted.png) ## Cleanup And Push To GitHub diff --git a/reading/images/Elixir Test Commands.png b/reading/files/Elixir Test Commands.png similarity index 100% rename from reading/images/Elixir Test Commands.png rename to reading/files/Elixir Test Commands.png diff --git a/reading/images/FIFO Double Ended Queue.drawio.png b/reading/files/FIFO Double Ended Queue.drawio.png similarity index 100% rename from reading/images/FIFO Double Ended Queue.drawio.png rename to reading/files/FIFO Double Ended Queue.drawio.png diff --git a/reading/images/FIFO Queue.drawio.png b/reading/files/FIFO Queue.drawio.png similarity index 100% rename from reading/images/FIFO Queue.drawio.png rename to reading/files/FIFO Queue.drawio.png diff --git a/reading/images/Phoenix 1.7 Architecture Diagram.png b/reading/files/Phoenix 1.7 Architecture Diagram.png similarity index 100% rename from reading/images/Phoenix 1.7 Architecture Diagram.png rename to reading/files/Phoenix 1.7 Architecture Diagram.png diff --git a/reading/images/Phoenix.png b/reading/files/Phoenix.png similarity index 100% rename from reading/images/Phoenix.png rename to reading/files/Phoenix.png diff --git a/reading/images/Phoenix1.7Diagram.drawio.png b/reading/files/Phoenix1.7Diagram.drawio.png similarity index 100% rename from reading/images/Phoenix1.7Diagram.drawio.png rename to reading/files/Phoenix1.7Diagram.drawio.png diff --git a/reading/images/Phoenix1.7_Diagram.drawio.png b/reading/files/Phoenix1.7_Diagram.drawio.png similarity index 100% rename from reading/images/Phoenix1.7_Diagram.drawio.png rename to reading/files/Phoenix1.7_Diagram.drawio.png diff --git a/reading/images/Priority_Queue.png b/reading/files/Priority_Queue.png similarity index 100% rename from reading/images/Priority_Queue.png rename to reading/files/Priority_Queue.png diff --git a/reading/images/Route specificity error.png b/reading/files/Route specificity error.png similarity index 100% rename from reading/images/Route specificity error.png rename to reading/files/Route specificity error.png diff --git a/reading/images/Stack.drawio.png b/reading/files/Stack.drawio.png similarity index 100% rename from reading/images/Stack.drawio.png rename to reading/files/Stack.drawio.png diff --git a/reading/images/Test Pyramid.png b/reading/files/Test Pyramid.png similarity index 100% rename from reading/images/Test Pyramid.png rename to reading/files/Test Pyramid.png diff --git a/reading/images/abc_tuple_garbage_collection.png b/reading/files/abc_tuple_garbage_collection.png similarity index 100% rename from reading/images/abc_tuple_garbage_collection.png rename to reading/files/abc_tuple_garbage_collection.png diff --git a/reading/images/auto-save.png b/reading/files/auto-save.png similarity index 100% rename from reading/images/auto-save.png rename to reading/files/auto-save.png diff --git a/reading/images/base2_vs_base10.png b/reading/files/base2_vs_base10.png similarity index 100% rename from reading/images/base2_vs_base10.png rename to reading/files/base2_vs_base10.png diff --git a/reading/images/big_o_notation_graph.png b/reading/files/big_o_notation_graph.png similarity index 100% rename from reading/images/big_o_notation_graph.png rename to reading/files/big_o_notation_graph.png diff --git a/reading/images/bits.png b/reading/files/bits.png similarity index 100% rename from reading/images/bits.png rename to reading/files/bits.png diff --git a/reading/images/body-recursion-process-full.PNG b/reading/files/body-recursion-process-full.PNG similarity index 100% rename from reading/images/body-recursion-process-full.PNG rename to reading/files/body-recursion-process-full.PNG diff --git a/reading/images/book_deleted.png b/reading/files/book_deleted.png similarity index 100% rename from reading/images/book_deleted.png rename to reading/files/book_deleted.png diff --git a/reading/images/book_form_with_tags_preselected.png b/reading/files/book_form_with_tags_preselected.png similarity index 100% rename from reading/images/book_form_with_tags_preselected.png rename to reading/files/book_form_with_tags_preselected.png diff --git a/reading/images/book_search_book_form_created_book_with_author.png b/reading/files/book_search_book_form_created_book_with_author.png similarity index 100% rename from reading/images/book_search_book_form_created_book_with_author.png rename to reading/files/book_search_book_form_created_book_with_author.png diff --git a/reading/images/book_search_book_from_select_author.png b/reading/files/book_search_book_from_select_author.png similarity index 100% rename from reading/images/book_search_book_from_select_author.png rename to reading/files/book_search_book_from_select_author.png diff --git a/reading/images/book_search_deployed_default_home_page.png b/reading/files/book_search_deployed_default_home_page.png similarity index 100% rename from reading/images/book_search_deployed_default_home_page.png rename to reading/files/book_search_deployed_default_home_page.png diff --git a/reading/images/book_search_deployment_cd.png b/reading/files/book_search_deployment_cd.png similarity index 100% rename from reading/images/book_search_deployment_cd.png rename to reading/files/book_search_deployment_cd.png diff --git a/reading/images/book_search_deployment_ci.png b/reading/files/book_search_deployment_ci.png similarity index 100% rename from reading/images/book_search_deployment_ci.png rename to reading/files/book_search_deployment_ci.png diff --git a/reading/images/book_search_deployment_fly_api_token.png b/reading/files/book_search_deployment_fly_api_token.png similarity index 100% rename from reading/images/book_search_deployment_fly_api_token.png rename to reading/files/book_search_deployment_fly_api_token.png diff --git a/reading/images/book_search_deployment_fly_dashboard_monitoring.png b/reading/files/book_search_deployment_fly_dashboard_monitoring.png similarity index 100% rename from reading/images/book_search_deployment_fly_dashboard_monitoring.png rename to reading/files/book_search_deployment_fly_dashboard_monitoring.png diff --git a/reading/images/book_search_deployment_seeded_book_page.png b/reading/files/book_search_deployment_seeded_book_page.png similarity index 100% rename from reading/images/book_search_deployment_seeded_book_page.png rename to reading/files/book_search_deployment_seeded_book_page.png diff --git a/reading/images/book_search_deployment_updated_home_page.png b/reading/files/book_search_deployment_updated_home_page.png similarity index 100% rename from reading/images/book_search_deployment_updated_home_page.png rename to reading/files/book_search_deployment_updated_home_page.png diff --git a/reading/images/book_search_seeding_book_list.png b/reading/files/book_search_seeding_book_list.png similarity index 100% rename from reading/images/book_search_seeding_book_list.png rename to reading/files/book_search_seeding_book_list.png diff --git a/reading/images/book_search_seeding_book_list_large_dataset.png b/reading/files/book_search_seeding_book_list_large_dataset.png similarity index 100% rename from reading/images/book_search_seeding_book_list_large_dataset.png rename to reading/files/book_search_seeding_book_list_large_dataset.png diff --git a/reading/images/book_search_seeding_book_list_large_text.png b/reading/files/book_search_seeding_book_list_large_text.png similarity index 100% rename from reading/images/book_search_seeding_book_list_large_text.png rename to reading/files/book_search_seeding_book_list_large_text.png diff --git a/reading/images/book_search_seeding_book_list_with_authors.png b/reading/files/book_search_seeding_book_list_with_authors.png similarity index 100% rename from reading/images/book_search_seeding_book_list_with_authors.png rename to reading/files/book_search_seeding_book_list_with_authors.png diff --git a/reading/images/book_search_seeding_book_show.png b/reading/files/book_search_seeding_book_show.png similarity index 100% rename from reading/images/book_search_seeding_book_show.png rename to reading/files/book_search_seeding_book_show.png diff --git a/reading/images/book_search_seeding_book_show_with_author.png b/reading/files/book_search_seeding_book_show_with_author.png similarity index 100% rename from reading/images/book_search_seeding_book_show_with_author.png rename to reading/files/book_search_seeding_book_show_with_author.png diff --git a/reading/images/book_search_tags_book_create_with_tags.png b/reading/files/book_search_tags_book_create_with_tags.png similarity index 100% rename from reading/images/book_search_tags_book_create_with_tags.png rename to reading/files/book_search_tags_book_create_with_tags.png diff --git a/reading/images/book_search_tags_book_edit_book_deletes_tags.png b/reading/files/book_search_tags_book_edit_book_deletes_tags.png similarity index 100% rename from reading/images/book_search_tags_book_edit_book_deletes_tags.png rename to reading/files/book_search_tags_book_edit_book_deletes_tags.png diff --git a/reading/images/book_search_tags_book_edit_book_on_replace_failing.png b/reading/files/book_search_tags_book_edit_book_on_replace_failing.png similarity index 100% rename from reading/images/book_search_tags_book_edit_book_on_replace_failing.png rename to reading/files/book_search_tags_book_edit_book_on_replace_failing.png diff --git a/reading/images/book_search_tags_book_edit_book_pre_select_tags.png b/reading/files/book_search_tags_book_edit_book_pre_select_tags.png similarity index 100% rename from reading/images/book_search_tags_book_edit_book_pre_select_tags.png rename to reading/files/book_search_tags_book_edit_book_pre_select_tags.png diff --git a/reading/images/book_search_tags_book_form_no_tags.png b/reading/files/book_search_tags_book_form_no_tags.png similarity index 100% rename from reading/images/book_search_tags_book_form_no_tags.png rename to reading/files/book_search_tags_book_form_no_tags.png diff --git a/reading/images/book_search_tags_book_form_with_tags.png b/reading/files/book_search_tags_book_form_with_tags.png similarity index 100% rename from reading/images/book_search_tags_book_form_with_tags.png rename to reading/files/book_search_tags_book_form_with_tags.png diff --git a/reading/images/book_search_tags_book_show_with_tags.png b/reading/files/book_search_tags_book_show_with_tags.png similarity index 100% rename from reading/images/book_search_tags_book_show_with_tags.png rename to reading/files/book_search_tags_book_show_with_tags.png diff --git a/reading/images/book_search_tags_book_update_book_success.png b/reading/files/book_search_tags_book_update_book_success.png similarity index 100% rename from reading/images/book_search_tags_book_update_book_success.png rename to reading/files/book_search_tags_book_update_book_success.png diff --git a/reading/images/book_search_tags_show_tag_books.png b/reading/files/book_search_tags_show_tag_books.png similarity index 100% rename from reading/images/book_search_tags_show_tag_books.png rename to reading/files/book_search_tags_show_tag_books.png diff --git a/reading/images/book_show_page_with_content.png b/reading/files/book_show_page_with_content.png similarity index 100% rename from reading/images/book_show_page_with_content.png rename to reading/files/book_show_page_with_content.png diff --git a/reading/images/book_show_with_tags.png b/reading/files/book_show_with_tags.png similarity index 100% rename from reading/images/book_show_with_tags.png rename to reading/files/book_show_with_tags.png diff --git a/reading/images/book_tags_not_updated.png b/reading/files/book_tags_not_updated.png similarity index 100% rename from reading/images/book_tags_not_updated.png rename to reading/files/book_tags_not_updated.png diff --git a/reading/images/book_updated_successfully.png b/reading/files/book_updated_successfully.png similarity index 100% rename from reading/images/book_updated_successfully.png rename to reading/files/book_updated_successfully.png diff --git a/reading/images/books_association_not_loaded.png b/reading/files/books_association_not_loaded.png similarity index 100% rename from reading/images/books_association_not_loaded.png rename to reading/files/books_association_not_loaded.png diff --git a/reading/images/box-model-example.png b/reading/files/box-model-example.png similarity index 100% rename from reading/images/box-model-example.png rename to reading/files/box-model-example.png diff --git a/reading/images/box-model-inline-block-example.png b/reading/files/box-model-inline-block-example.png similarity index 100% rename from reading/images/box-model-inline-block-example.png rename to reading/files/box-model-inline-block-example.png diff --git a/reading/images/box-model-inline-example.png b/reading/files/box-model-inline-example.png similarity index 100% rename from reading/images/box-model-inline-example.png rename to reading/files/box-model-inline-example.png diff --git a/reading/images/byte.png b/reading/files/byte.png similarity index 100% rename from reading/images/byte.png rename to reading/files/byte.png diff --git a/reading/images/byte_base2.png b/reading/files/byte_base2.png similarity index 100% rename from reading/images/byte_base2.png rename to reading/files/byte_base2.png diff --git a/reading/images/concatinate_list.png b/reading/files/concatinate_list.png similarity index 100% rename from reading/images/concatinate_list.png rename to reading/files/concatinate_list.png diff --git a/reading/images/copying_abc_tuple.png b/reading/files/copying_abc_tuple.png similarity index 100% rename from reading/images/copying_abc_tuple.png rename to reading/files/copying_abc_tuple.png diff --git a/reading/images/could_not_render_index.png b/reading/files/could_not_render_index.png similarity index 100% rename from reading/images/could_not_render_index.png rename to reading/files/could_not_render_index.png diff --git a/reading/images/create_new_principal_no_function_clause_error.png b/reading/files/create_new_principal_no_function_clause_error.png similarity index 100% rename from reading/images/create_new_principal_no_function_clause_error.png rename to reading/files/create_new_principal_no_function_clause_error.png diff --git a/reading/images/create_new_school.png b/reading/files/create_new_school.png similarity index 100% rename from reading/images/create_new_school.png rename to reading/files/create_new_school.png diff --git a/reading/images/create_pr_github.png b/reading/files/create_pr_github.png similarity index 100% rename from reading/images/create_pr_github.png rename to reading/files/create_pr_github.png diff --git a/reading/images/css_breakdown.png b/reading/files/css_breakdown.png similarity index 100% rename from reading/images/css_breakdown.png rename to reading/files/css_breakdown.png diff --git a/reading/images/delete_list_memory.png b/reading/files/delete_list_memory.png similarity index 100% rename from reading/images/delete_list_memory.png rename to reading/files/delete_list_memory.png diff --git a/reading/images/delete_tuple_memory_diagram.png b/reading/files/delete_tuple_memory_diagram.png similarity index 100% rename from reading/images/delete_tuple_memory_diagram.png rename to reading/files/delete_tuple_memory_diagram.png diff --git a/reading/images/diary_register_login_home_page.png b/reading/files/diary_register_login_home_page.png similarity index 100% rename from reading/images/diary_register_login_home_page.png rename to reading/files/diary_register_login_home_page.png diff --git a/reading/images/diary_user_register_page.png b/reading/files/diary_user_register_page.png similarity index 100% rename from reading/images/diary_user_register_page.png rename to reading/files/diary_user_register_page.png diff --git a/reading/images/display_form_authors_search.png b/reading/files/display_form_authors_search.png similarity index 100% rename from reading/images/display_form_authors_search.png rename to reading/files/display_form_authors_search.png diff --git a/reading/images/edit_book_page.png b/reading/files/edit_book_page.png similarity index 100% rename from reading/images/edit_book_page.png rename to reading/files/edit_book_page.png diff --git a/reading/images/edit_book_page_ready_to_submit.png b/reading/files/edit_book_page_ready_to_submit.png similarity index 100% rename from reading/images/edit_book_page_ready_to_submit.png rename to reading/files/edit_book_page_ready_to_submit.png diff --git a/reading/images/edit_principal_page_principal_path_is_undefined.png b/reading/files/edit_principal_page_principal_path_is_undefined.png similarity index 100% rename from reading/images/edit_principal_page_principal_path_is_undefined.png rename to reading/files/edit_principal_page_principal_path_is_undefined.png diff --git a/reading/images/enum_eager_evaluation.png b/reading/files/enum_eager_evaluation.png similarity index 100% rename from reading/images/enum_eager_evaluation.png rename to reading/files/enum_eager_evaluation.png diff --git a/reading/images/example_does_not_mutate.png b/reading/files/example_does_not_mutate.png similarity index 100% rename from reading/images/example_does_not_mutate.png rename to reading/files/example_does_not_mutate.png diff --git a/reading/images/explorer_tab.png b/reading/files/explorer_tab.png similarity index 100% rename from reading/images/explorer_tab.png rename to reading/files/explorer_tab.png diff --git a/reading/images/extensions_vsc.png b/reading/files/extensions_vsc.png similarity index 100% rename from reading/images/extensions_vsc.png rename to reading/files/extensions_vsc.png diff --git a/reading/images/faculty_manager_create_principals_principal_path_undefined.png b/reading/files/faculty_manager_create_principals_principal_path_undefined.png similarity index 100% rename from reading/images/faculty_manager_create_principals_principal_path_undefined.png rename to reading/files/faculty_manager_create_principals_principal_path_undefined.png diff --git a/reading/images/faculty_manager_delete_principals.png b/reading/files/faculty_manager_delete_principals.png similarity index 100% rename from reading/images/faculty_manager_delete_principals.png rename to reading/files/faculty_manager_delete_principals.png diff --git a/reading/images/faculty_manager_delete_principals_principal_path_undefined.png b/reading/files/faculty_manager_delete_principals_principal_path_undefined.png similarity index 100% rename from reading/images/faculty_manager_delete_principals_principal_path_undefined.png rename to reading/files/faculty_manager_delete_principals_principal_path_undefined.png diff --git a/reading/images/faculty_manager_edit_principals.png b/reading/files/faculty_manager_edit_principals.png similarity index 100% rename from reading/images/faculty_manager_edit_principals.png rename to reading/files/faculty_manager_edit_principals.png diff --git a/reading/images/faculty_manager_edit_principals_principal_path_undefined.png b/reading/files/faculty_manager_edit_principals_principal_path_undefined.png similarity index 100% rename from reading/images/faculty_manager_edit_principals_principal_path_undefined.png rename to reading/files/faculty_manager_edit_principals_principal_path_undefined.png diff --git a/reading/images/faculty_manager_list_principals.png b/reading/files/faculty_manager_list_principals.png similarity index 100% rename from reading/images/faculty_manager_list_principals.png rename to reading/files/faculty_manager_list_principals.png diff --git a/reading/images/faculty_manager_new_principals.png b/reading/files/faculty_manager_new_principals.png similarity index 100% rename from reading/images/faculty_manager_new_principals.png rename to reading/files/faculty_manager_new_principals.png diff --git a/reading/images/faculty_manager_new_principals_principal_path_undefined.png b/reading/files/faculty_manager_new_principals_principal_path_undefined.png similarity index 100% rename from reading/images/faculty_manager_new_principals_principal_path_undefined.png rename to reading/files/faculty_manager_new_principals_principal_path_undefined.png diff --git a/reading/images/faculty_manager_new_school.png b/reading/files/faculty_manager_new_school.png similarity index 100% rename from reading/images/faculty_manager_new_school.png rename to reading/files/faculty_manager_new_school.png diff --git a/reading/images/faculty_manager_principal_list_principal_path_undefined.png b/reading/files/faculty_manager_principal_list_principal_path_undefined.png similarity index 100% rename from reading/images/faculty_manager_principal_list_principal_path_undefined.png rename to reading/files/faculty_manager_principal_list_principal_path_undefined.png diff --git a/reading/images/faculty_manager_show_principals.png b/reading/files/faculty_manager_show_principals.png similarity index 100% rename from reading/images/faculty_manager_show_principals.png rename to reading/files/faculty_manager_show_principals.png diff --git a/reading/images/faculty_manager_show_principals_principal_path_undefined.png b/reading/files/faculty_manager_show_principals_principal_path_undefined.png similarity index 100% rename from reading/images/faculty_manager_show_principals_principal_path_undefined.png rename to reading/files/faculty_manager_show_principals_principal_path_undefined.png diff --git a/reading/images/faculty_manager_update_principals.png b/reading/files/faculty_manager_update_principals.png similarity index 100% rename from reading/images/faculty_manager_update_principals.png rename to reading/files/faculty_manager_update_principals.png diff --git a/reading/images/faculty_manager_update_principals_principal_path_undefined.png b/reading/files/faculty_manager_update_principals_principal_path_undefined.png similarity index 100% rename from reading/images/faculty_manager_update_principals_principal_path_undefined.png rename to reading/files/faculty_manager_update_principals_principal_path_undefined.png diff --git a/reading/images/faker_hex.png b/reading/files/faker_hex.png similarity index 100% rename from reading/images/faker_hex.png rename to reading/files/faker_hex.png diff --git a/reading/images/faker_hex_pm.png b/reading/files/faker_hex_pm.png similarity index 100% rename from reading/images/faker_hex_pm.png rename to reading/files/faker_hex_pm.png diff --git a/reading/images/git_clone_button.png b/reading/files/git_clone_button.png similarity index 100% rename from reading/images/git_clone_button.png rename to reading/files/git_clone_button.png diff --git a/reading/images/git_clone_https_github.png b/reading/files/git_clone_https_github.png similarity index 100% rename from reading/images/git_clone_https_github.png rename to reading/files/git_clone_https_github.png diff --git a/reading/images/github_clone_ssh.png b/reading/files/github_clone_ssh.png similarity index 100% rename from reading/images/github_clone_ssh.png rename to reading/files/github_clone_ssh.png diff --git a/reading/images/github_create_repo.png b/reading/files/github_create_repo.png similarity index 100% rename from reading/images/github_create_repo.png rename to reading/files/github_create_repo.png diff --git a/reading/images/github_create_repo_form.png b/reading/files/github_create_repo_form.png similarity index 100% rename from reading/images/github_create_repo_form.png rename to reading/files/github_create_repo_form.png diff --git a/reading/images/github_desktop_clone_example.png b/reading/files/github_desktop_clone_example.png similarity index 100% rename from reading/images/github_desktop_clone_example.png rename to reading/files/github_desktop_clone_example.png diff --git a/reading/images/github_desktop_pull.png b/reading/files/github_desktop_pull.png similarity index 100% rename from reading/images/github_desktop_pull.png rename to reading/files/github_desktop_pull.png diff --git a/reading/images/github_pushed_changes.png b/reading/files/github_pushed_changes.png similarity index 100% rename from reading/images/github_pushed_changes.png rename to reading/files/github_pushed_changes.png diff --git a/reading/images/heading_elements.png b/reading/files/heading_elements.png similarity index 100% rename from reading/images/heading_elements.png rename to reading/files/heading_elements.png diff --git a/reading/images/headings_and_paragraphs.png b/reading/files/headings_and_paragraphs.png similarity index 100% rename from reading/images/headings_and_paragraphs.png rename to reading/files/headings_and_paragraphs.png diff --git a/reading/images/hello_html_document.png b/reading/files/hello_html_document.png similarity index 100% rename from reading/images/hello_html_document.png rename to reading/files/hello_html_document.png diff --git a/reading/images/hello_stack_heap.png b/reading/files/hello_stack_heap.png similarity index 100% rename from reading/images/hello_stack_heap.png rename to reading/files/hello_stack_heap.png diff --git a/reading/images/hello_stored_in_memory.png b/reading/files/hello_stored_in_memory.png similarity index 100% rename from reading/images/hello_stored_in_memory.png rename to reading/files/hello_stored_in_memory.png diff --git a/reading/images/hello_web_router_no_route.png b/reading/files/hello_web_router_no_route.png similarity index 100% rename from reading/images/hello_web_router_no_route.png rename to reading/files/hello_web_router_no_route.png diff --git a/reading/images/hello_world_controller_is_undefined.png b/reading/files/hello_world_controller_is_undefined.png similarity index 100% rename from reading/images/hello_world_controller_is_undefined.png rename to reading/files/hello_world_controller_is_undefined.png diff --git a/reading/images/hello_world_html.png b/reading/files/hello_world_html.png similarity index 100% rename from reading/images/hello_world_html.png rename to reading/files/hello_world_html.png diff --git a/reading/images/hello_world_html_document.png b/reading/files/hello_world_html_document.png similarity index 100% rename from reading/images/hello_world_html_document.png rename to reading/files/hello_world_html_document.png diff --git a/reading/images/hello_world_html_green_text.png b/reading/files/hello_world_html_green_text.png similarity index 100% rename from reading/images/hello_world_html_green_text.png rename to reading/files/hello_world_html_green_text.png diff --git a/reading/images/hello_world_index_undefined_function_error.png b/reading/files/hello_world_index_undefined_function_error.png similarity index 100% rename from reading/images/hello_world_index_undefined_function_error.png rename to reading/files/hello_world_index_undefined_function_error.png diff --git a/reading/images/hex_counting.png b/reading/files/hex_counting.png similarity index 100% rename from reading/images/hex_counting.png rename to reading/files/hex_counting.png diff --git a/reading/images/html_element_diagram.png b/reading/files/html_element_diagram.png similarity index 100% rename from reading/images/html_element_diagram.png rename to reading/files/html_element_diagram.png diff --git a/reading/images/html_element_diagram_breakdown.png b/reading/files/html_element_diagram_breakdown.png similarity index 100% rename from reading/images/html_element_diagram_breakdown.png rename to reading/files/html_element_diagram_breakdown.png diff --git a/reading/images/increment_button_the_current_count_is_1.png b/reading/files/increment_button_the_current_count_is_1.png similarity index 100% rename from reading/images/increment_button_the_current_count_is_1.png rename to reading/files/increment_button_the_current_count_is_1.png diff --git a/reading/images/increment_by_5_query_params.png b/reading/files/increment_by_5_query_params.png similarity index 100% rename from reading/images/increment_by_5_query_params.png rename to reading/files/increment_by_5_query_params.png diff --git a/reading/images/increment_by_saved.png b/reading/files/increment_by_saved.png similarity index 100% rename from reading/images/increment_by_saved.png rename to reading/files/increment_by_saved.png diff --git a/reading/images/increment_input_0_the_current_count_is_8.png b/reading/files/increment_input_0_the_current_count_is_8.png similarity index 100% rename from reading/images/increment_input_0_the_current_count_is_8.png rename to reading/files/increment_input_0_the_current_count_is_8.png diff --git a/reading/images/increment_input_2_the_current_count_is_3.png b/reading/files/increment_input_2_the_current_count_is_3.png similarity index 100% rename from reading/images/increment_input_2_the_current_count_is_3.png rename to reading/files/increment_input_2_the_current_count_is_3.png diff --git a/reading/images/increment_input_5_the_current_count_is_13.png b/reading/files/increment_input_5_the_current_count_is_13.png similarity index 100% rename from reading/images/increment_input_5_the_current_count_is_13.png rename to reading/files/increment_input_5_the_current_count_is_13.png diff --git a/reading/images/increment_input_5_the_current_count_is_3.png b/reading/files/increment_input_5_the_current_count_is_3.png similarity index 100% rename from reading/images/increment_input_5_the_current_count_is_3.png rename to reading/files/increment_input_5_the_current_count_is_3.png diff --git a/reading/images/increment_preserved.png b/reading/files/increment_preserved.png similarity index 100% rename from reading/images/increment_preserved.png rename to reading/files/increment_preserved.png diff --git a/reading/images/initial_count_liveview.png b/reading/files/initial_count_liveview.png similarity index 100% rename from reading/images/initial_count_liveview.png rename to reading/files/initial_count_liveview.png diff --git a/reading/images/initiate_liveshare.png b/reading/files/initiate_liveshare.png similarity index 100% rename from reading/images/initiate_liveshare.png rename to reading/files/initiate_liveshare.png diff --git a/reading/images/insert_linked_list_memory.png b/reading/files/insert_linked_list_memory.png similarity index 100% rename from reading/images/insert_linked_list_memory.png rename to reading/files/insert_linked_list_memory.png diff --git a/reading/images/inserting_tuples_memory.png b/reading/files/inserting_tuples_memory.png similarity index 100% rename from reading/images/inserting_tuples_memory.png rename to reading/files/inserting_tuples_memory.png diff --git a/reading/images/inspector-elements-example.png b/reading/files/inspector-elements-example.png similarity index 100% rename from reading/images/inspector-elements-example.png rename to reading/files/inspector-elements-example.png diff --git a/reading/images/inspector-right-click.png b/reading/files/inspector-right-click.png similarity index 100% rename from reading/images/inspector-right-click.png rename to reading/files/inspector-right-click.png diff --git a/reading/images/join_liveshare_url.png b/reading/files/join_liveshare_url.png similarity index 100% rename from reading/images/join_liveshare_url.png rename to reading/files/join_liveshare_url.png diff --git a/reading/images/journal_entry_deleted.png b/reading/files/journal_entry_deleted.png similarity index 100% rename from reading/images/journal_entry_deleted.png rename to reading/files/journal_entry_deleted.png diff --git a/reading/images/journal_index.png b/reading/files/journal_index.png similarity index 100% rename from reading/images/journal_index.png rename to reading/files/journal_index.png diff --git a/reading/images/journal_index_with_entries.png b/reading/files/journal_index_with_entries.png similarity index 100% rename from reading/images/journal_index_with_entries.png rename to reading/files/journal_index_with_entries.png diff --git a/reading/images/journal_new.png b/reading/files/journal_new.png similarity index 100% rename from reading/images/journal_new.png rename to reading/files/journal_new.png diff --git a/reading/images/journal_new_errors.png b/reading/files/journal_new_errors.png similarity index 100% rename from reading/images/journal_new_errors.png rename to reading/files/journal_new_errors.png diff --git a/reading/images/journal_show.png b/reading/files/journal_show.png similarity index 100% rename from reading/images/journal_show.png rename to reading/files/journal_show.png diff --git a/reading/images/key_book_author_not_found_in_tags.png b/reading/files/key_book_author_not_found_in_tags.png similarity index 100% rename from reading/images/key_book_author_not_found_in_tags.png rename to reading/files/key_book_author_not_found_in_tags.png diff --git a/reading/images/key_book_not_found_in_tags.png b/reading/files/key_book_not_found_in_tags.png similarity index 100% rename from reading/images/key_book_not_found_in_tags.png rename to reading/files/key_book_not_found_in_tags.png diff --git a/reading/images/key_tags_not_found.png b/reading/files/key_tags_not_found.png similarity index 100% rename from reading/images/key_tags_not_found.png rename to reading/files/key_tags_not_found.png diff --git a/reading/images/keyboard shortcuts.png b/reading/files/keyboard shortcuts.png similarity index 100% rename from reading/images/keyboard shortcuts.png rename to reading/files/keyboard shortcuts.png diff --git a/reading/images/layered-rainbow.png b/reading/files/layered-rainbow.png similarity index 100% rename from reading/images/layered-rainbow.png rename to reading/files/layered-rainbow.png diff --git a/reading/images/letter_h_binary.png b/reading/files/letter_h_binary.png similarity index 100% rename from reading/images/letter_h_binary.png rename to reading/files/letter_h_binary.png diff --git a/reading/images/linked_list_cons_cells.png b/reading/files/linked_list_cons_cells.png similarity index 100% rename from reading/images/linked_list_cons_cells.png rename to reading/files/linked_list_cons_cells.png diff --git a/reading/images/list_book_all_authors.png b/reading/files/list_book_all_authors.png similarity index 100% rename from reading/images/list_book_all_authors.png rename to reading/files/list_book_all_authors.png diff --git a/reading/images/list_book_all_authors_with_author_name.png b/reading/files/list_book_all_authors_with_author_name.png similarity index 100% rename from reading/images/list_book_all_authors_with_author_name.png rename to reading/files/list_book_all_authors_with_author_name.png diff --git a/reading/images/list_book_by_author.png b/reading/files/list_book_by_author.png similarity index 100% rename from reading/images/list_book_by_author.png rename to reading/files/list_book_by_author.png diff --git a/reading/images/list_books_page.png b/reading/files/list_books_page.png similarity index 100% rename from reading/images/list_books_page.png rename to reading/files/list_books_page.png diff --git a/reading/images/live_share_link_copied.png b/reading/files/live_share_link_copied.png similarity index 100% rename from reading/images/live_share_link_copied.png rename to reading/files/live_share_link_copied.png diff --git a/reading/images/live_share_session_running_tab.png b/reading/files/live_share_session_running_tab.png similarity index 100% rename from reading/images/live_share_session_running_tab.png rename to reading/files/live_share_session_running_tab.png diff --git a/reading/images/live_share_tab.png b/reading/files/live_share_tab.png similarity index 100% rename from reading/images/live_share_tab.png rename to reading/files/live_share_tab.png diff --git a/reading/images/livebook_example_markdown_cell.png b/reading/files/livebook_example_markdown_cell.png similarity index 100% rename from reading/images/livebook_example_markdown_cell.png rename to reading/files/livebook_example_markdown_cell.png diff --git a/reading/images/livebook_runtime.PNG b/reading/files/livebook_runtime.PNG similarity index 100% rename from reading/images/livebook_runtime.PNG rename to reading/files/livebook_runtime.PNG diff --git a/reading/images/markdown_cell_controls.png b/reading/files/markdown_cell_controls.png similarity index 100% rename from reading/images/markdown_cell_controls.png rename to reading/files/markdown_cell_controls.png diff --git a/reading/images/mathdocs.png b/reading/files/mathdocs.png similarity index 100% rename from reading/images/mathdocs.png rename to reading/files/mathdocs.png diff --git a/reading/images/memory_blank.png b/reading/files/memory_blank.png similarity index 100% rename from reading/images/memory_blank.png rename to reading/files/memory_blank.png diff --git a/reading/images/memory_consumption_filled_livebook_runtime.png b/reading/files/memory_consumption_filled_livebook_runtime.png similarity index 100% rename from reading/images/memory_consumption_filled_livebook_runtime.png rename to reading/files/memory_consumption_filled_livebook_runtime.png diff --git a/reading/images/memory_consumption_livebook_runtime.png b/reading/files/memory_consumption_livebook_runtime.png similarity index 100% rename from reading/images/memory_consumption_livebook_runtime.png rename to reading/files/memory_consumption_livebook_runtime.png diff --git a/reading/images/merge_pull_request.png b/reading/files/merge_pull_request.png similarity index 100% rename from reading/images/merge_pull_request.png rename to reading/files/merge_pull_request.png diff --git a/reading/images/mount hello world.png b/reading/files/mount hello world.png similarity index 100% rename from reading/images/mount hello world.png rename to reading/files/mount hello world.png diff --git a/reading/images/new repository.png b/reading/files/new repository.png similarity index 100% rename from reading/images/new repository.png rename to reading/files/new repository.png diff --git a/reading/images/new_book_create_book.png b/reading/files/new_book_create_book.png similarity index 100% rename from reading/images/new_book_create_book.png rename to reading/files/new_book_create_book.png diff --git a/reading/images/new_book_page.png b/reading/files/new_book_page.png similarity index 100% rename from reading/images/new_book_page.png rename to reading/files/new_book_page.png diff --git a/reading/images/new_book_with_seeded_tags.png b/reading/files/new_book_with_seeded_tags.png similarity index 100% rename from reading/images/new_book_with_seeded_tags.png rename to reading/files/new_book_with_seeded_tags.png diff --git a/reading/images/new_book_with_tag_blank_form.png b/reading/files/new_book_with_tag_blank_form.png similarity index 100% rename from reading/images/new_book_with_tag_blank_form.png rename to reading/files/new_book_with_tag_blank_form.png diff --git a/reading/images/no_route_found.png b/reading/files/no_route_found.png similarity index 100% rename from reading/images/no_route_found.png rename to reading/files/no_route_found.png diff --git a/reading/images/no_route_found_for_get_increment.png b/reading/files/no_route_found_for_get_increment.png similarity index 100% rename from reading/images/no_route_found_for_get_increment.png rename to reading/files/no_route_found_for_get_increment.png diff --git a/reading/images/no_template_compiled.png b/reading/files/no_template_compiled.png similarity index 100% rename from reading/images/no_template_compiled.png rename to reading/files/no_template_compiled.png diff --git a/reading/images/not_null_violation_school_id.png b/reading/files/not_null_violation_school_id.png similarity index 100% rename from reading/images/not_null_violation_school_id.png rename to reading/files/not_null_violation_school_id.png diff --git a/reading/images/off.png b/reading/files/off.png similarity index 100% rename from reading/images/off.png rename to reading/files/off.png diff --git a/reading/images/on.png b/reading/files/on.png similarity index 100% rename from reading/images/on.png rename to reading/files/on.png diff --git a/reading/images/open weather api key.png b/reading/files/open weather api key.png similarity index 100% rename from reading/images/open weather api key.png rename to reading/files/open weather api key.png diff --git a/reading/images/phoenix_1.7_counter_header.png b/reading/files/phoenix_1.7_counter_header.png similarity index 100% rename from reading/images/phoenix_1.7_counter_header.png rename to reading/files/phoenix_1.7_counter_header.png diff --git a/reading/images/phoenix_1.7_counter_hello_world.png b/reading/files/phoenix_1.7_counter_hello_world.png similarity index 100% rename from reading/images/phoenix_1.7_counter_hello_world.png rename to reading/files/phoenix_1.7_counter_hello_world.png diff --git a/reading/images/phoenix_application_architecture_overview.png b/reading/files/phoenix_application_architecture_overview.png similarity index 100% rename from reading/images/phoenix_application_architecture_overview.png rename to reading/files/phoenix_application_architecture_overview.png diff --git a/reading/images/phoenix_diary_cookie.png b/reading/files/phoenix_diary_cookie.png similarity index 100% rename from reading/images/phoenix_diary_cookie.png rename to reading/files/phoenix_diary_cookie.png diff --git a/reading/images/phoenix_forms_book_form.png b/reading/files/phoenix_forms_book_form.png similarity index 100% rename from reading/images/phoenix_forms_book_form.png rename to reading/files/phoenix_forms_book_form.png diff --git a/reading/images/phoenix_forms_book_form_failure.png b/reading/files/phoenix_forms_book_form_failure.png similarity index 100% rename from reading/images/phoenix_forms_book_form_failure.png rename to reading/files/phoenix_forms_book_form_failure.png diff --git a/reading/images/phoenix_forms_book_form_failure_with_error_tags.png b/reading/files/phoenix_forms_book_form_failure_with_error_tags.png similarity index 100% rename from reading/images/phoenix_forms_book_form_failure_with_error_tags.png rename to reading/files/phoenix_forms_book_form_failure_with_error_tags.png diff --git a/reading/images/phoenix_hello_world.png b/reading/files/phoenix_hello_world.png similarity index 100% rename from reading/images/phoenix_hello_world.png rename to reading/files/phoenix_hello_world.png diff --git a/reading/images/phoenix_hello_world_root_ommited.png b/reading/files/phoenix_hello_world_root_ommited.png similarity index 100% rename from reading/images/phoenix_hello_world_root_ommited.png rename to reading/files/phoenix_hello_world_root_ommited.png diff --git a/reading/images/phoenix_main_page.png b/reading/files/phoenix_main_page.png similarity index 100% rename from reading/images/phoenix_main_page.png rename to reading/files/phoenix_main_page.png diff --git a/reading/images/pic_chat_index_live.png b/reading/files/pic_chat_index_live.png similarity index 100% rename from reading/images/pic_chat_index_live.png rename to reading/files/pic_chat_index_live.png diff --git a/reading/images/pic_chat_index_live_created.png b/reading/files/pic_chat_index_live_created.png similarity index 100% rename from reading/images/pic_chat_index_live_created.png rename to reading/files/pic_chat_index_live_created.png diff --git a/reading/images/pic_chat_index_live_edit.png b/reading/files/pic_chat_index_live_edit.png similarity index 100% rename from reading/images/pic_chat_index_live_edit.png rename to reading/files/pic_chat_index_live_edit.png diff --git a/reading/images/pic_chat_index_live_new.png b/reading/files/pic_chat_index_live_new.png similarity index 100% rename from reading/images/pic_chat_index_live_new.png rename to reading/files/pic_chat_index_live_new.png diff --git a/reading/images/pic_chat_new_message_drag_and_drop_image.png b/reading/files/pic_chat_new_message_drag_and_drop_image.png similarity index 100% rename from reading/images/pic_chat_new_message_drag_and_drop_image.png rename to reading/files/pic_chat_new_message_drag_and_drop_image.png diff --git a/reading/images/pic_chat_new_message_drag_and_drop_styled.png b/reading/files/pic_chat_new_message_drag_and_drop_styled.png similarity index 100% rename from reading/images/pic_chat_new_message_drag_and_drop_styled.png rename to reading/files/pic_chat_new_message_drag_and_drop_styled.png diff --git a/reading/images/pic_chat_pub_sub_observer.png b/reading/files/pic_chat_pub_sub_observer.png similarity index 100% rename from reading/images/pic_chat_pub_sub_observer.png rename to reading/files/pic_chat_pub_sub_observer.png diff --git a/reading/images/pic_chat_pub_sub_observer_sending_message.png b/reading/files/pic_chat_pub_sub_observer_sending_message.png similarity index 100% rename from reading/images/pic_chat_pub_sub_observer_sending_message.png rename to reading/files/pic_chat_pub_sub_observer_sending_message.png diff --git a/reading/images/pic_chat_show_live.png b/reading/files/pic_chat_show_live.png similarity index 100% rename from reading/images/pic_chat_show_live.png rename to reading/files/pic_chat_show_live.png diff --git a/reading/images/prepend_linked_list_memory.png b/reading/files/prepend_linked_list_memory.png similarity index 100% rename from reading/images/prepend_linked_list_memory.png rename to reading/files/prepend_linked_list_memory.png diff --git a/reading/images/prepending_tuples.png b/reading/files/prepending_tuples.png similarity index 100% rename from reading/images/prepending_tuples.png rename to reading/files/prepending_tuples.png diff --git a/reading/images/principals_index_principal_path_is_undefined.png b/reading/files/principals_index_principal_path_is_undefined.png similarity index 100% rename from reading/images/principals_index_principal_path_is_undefined.png rename to reading/files/principals_index_principal_path_is_undefined.png diff --git a/reading/images/query_params_reset_in_form.png b/reading/files/query_params_reset_in_form.png similarity index 100% rename from reading/images/query_params_reset_in_form.png rename to reading/files/query_params_reset_in_form.png diff --git a/reading/images/quick_open.png b/reading/files/quick_open.png similarity index 100% rename from reading/images/quick_open.png rename to reading/files/quick_open.png diff --git a/reading/images/quick_open_search.png b/reading/files/quick_open_search.png similarity index 100% rename from reading/images/quick_open_search.png rename to reading/files/quick_open_search.png diff --git a/reading/images/rainbow-circles.png b/reading/files/rainbow-circles.png similarity index 100% rename from reading/images/rainbow-circles.png rename to reading/files/rainbow-circles.png diff --git a/reading/images/rainbow.png b/reading/files/rainbow.png similarity index 100% rename from reading/images/rainbow.png rename to reading/files/rainbow.png diff --git a/reading/images/rebinding_stack_heep_garbage_collection.png b/reading/files/rebinding_stack_heep_garbage_collection.png similarity index 100% rename from reading/images/rebinding_stack_heep_garbage_collection.png rename to reading/files/rebinding_stack_heep_garbage_collection.png diff --git a/reading/images/recommended_extensions.png b/reading/files/recommended_extensions.png similarity index 100% rename from reading/images/recommended_extensions.png rename to reading/files/recommended_extensions.png diff --git a/reading/images/reset_count_back_to_empty.png b/reading/files/reset_count_back_to_empty.png similarity index 100% rename from reading/images/reset_count_back_to_empty.png rename to reading/files/reset_count_back_to_empty.png diff --git a/reading/images/resolve_conflicts_vsc.png b/reading/files/resolve_conflicts_vsc.png similarity index 100% rename from reading/images/resolve_conflicts_vsc.png rename to reading/files/resolve_conflicts_vsc.png diff --git a/reading/images/root_ommited.png b/reading/files/root_ommited.png similarity index 100% rename from reading/images/root_ommited.png rename to reading/files/root_ommited.png diff --git a/reading/images/rounded-rainbow.png b/reading/files/rounded-rainbow.png similarity index 100% rename from reading/images/rounded-rainbow.png rename to reading/files/rounded-rainbow.png diff --git a/reading/images/search.png b/reading/files/search.png similarity index 100% rename from reading/images/search.png rename to reading/files/search.png diff --git a/reading/images/search_authors_form.png b/reading/files/search_authors_form.png similarity index 100% rename from reading/images/search_authors_form.png rename to reading/files/search_authors_form.png diff --git a/reading/images/select_new_repository.png b/reading/files/select_new_repository.png similarity index 100% rename from reading/images/select_new_repository.png rename to reading/files/select_new_repository.png diff --git a/reading/images/setup git remote.png b/reading/files/setup git remote.png similarity index 100% rename from reading/images/setup git remote.png rename to reading/files/setup git remote.png diff --git a/reading/images/show all commands.png b/reading/files/show all commands.png similarity index 100% rename from reading/images/show all commands.png rename to reading/files/show all commands.png diff --git a/reading/images/show_author_flash_message.png b/reading/files/show_author_flash_message.png similarity index 100% rename from reading/images/show_author_flash_message.png rename to reading/files/show_author_flash_message.png diff --git a/reading/images/show_book_created_book.png b/reading/files/show_book_created_book.png similarity index 100% rename from reading/images/show_book_created_book.png rename to reading/files/show_book_created_book.png diff --git a/reading/images/show_page_after_update.png b/reading/files/show_page_after_update.png similarity index 100% rename from reading/images/show_page_after_update.png rename to reading/files/show_page_after_update.png diff --git a/reading/images/show_page_tags_association_not_loaded.png b/reading/files/show_page_tags_association_not_loaded.png similarity index 100% rename from reading/images/show_page_tags_association_not_loaded.png rename to reading/files/show_page_tags_association_not_loaded.png diff --git a/reading/images/show_principal_page_after_creation.png b/reading/files/show_principal_page_after_creation.png similarity index 100% rename from reading/images/show_principal_page_after_creation.png rename to reading/files/show_principal_page_after_creation.png diff --git a/reading/images/source_control_stage_all_files.png b/reading/files/source_control_stage_all_files.png similarity index 100% rename from reading/images/source_control_stage_all_files.png rename to reading/files/source_control_stage_all_files.png diff --git a/reading/images/source_control_stage_file.png b/reading/files/source_control_stage_file.png similarity index 100% rename from reading/images/source_control_stage_file.png rename to reading/files/source_control_stage_file.png diff --git a/reading/images/source_control_view.png b/reading/files/source_control_view.png similarity index 100% rename from reading/images/source_control_view.png rename to reading/files/source_control_view.png diff --git a/reading/images/stack-overflow-without-tail-recursion.png b/reading/files/stack-overflow-without-tail-recursion.png similarity index 100% rename from reading/images/stack-overflow-without-tail-recursion.png rename to reading/files/stack-overflow-without-tail-recursion.png diff --git a/reading/images/stack_and_heap.png b/reading/files/stack_and_heap.png similarity index 100% rename from reading/images/stack_and_heap.png rename to reading/files/stack_and_heap.png diff --git a/reading/images/stack_frame_steps123.png b/reading/files/stack_frame_steps123.png similarity index 100% rename from reading/images/stack_frame_steps123.png rename to reading/files/stack_frame_steps123.png diff --git a/reading/images/stack_frame_steps4567.png b/reading/files/stack_frame_steps4567.png similarity index 100% rename from reading/images/stack_frame_steps4567.png rename to reading/files/stack_frame_steps4567.png diff --git a/reading/images/swoosh_mailbox_preview.png b/reading/files/swoosh_mailbox_preview.png similarity index 100% rename from reading/images/swoosh_mailbox_preview.png rename to reading/files/swoosh_mailbox_preview.png diff --git a/reading/images/tail-recursion-optimized-stack.png b/reading/files/tail-recursion-optimized-stack.png similarity index 100% rename from reading/images/tail-recursion-optimized-stack.png rename to reading/files/tail-recursion-optimized-stack.png diff --git a/reading/images/tailwind_button_example.png b/reading/files/tailwind_button_example.png similarity index 100% rename from reading/images/tailwind_button_example.png rename to reading/files/tailwind_button_example.png diff --git a/reading/images/tailwind_button_html.png b/reading/files/tailwind_button_html.png similarity index 100% rename from reading/images/tailwind_button_html.png rename to reading/files/tailwind_button_html.png diff --git a/reading/images/tailwind_play_heading_3.png b/reading/files/tailwind_play_heading_3.png similarity index 100% rename from reading/images/tailwind_play_heading_3.png rename to reading/files/tailwind_play_heading_3.png diff --git a/reading/images/tailwind_quick_search.png b/reading/files/tailwind_quick_search.png similarity index 100% rename from reading/images/tailwind_quick_search.png rename to reading/files/tailwind_quick_search.png diff --git a/reading/images/the_current_count_is_0.png b/reading/files/the_current_count_is_0.png similarity index 100% rename from reading/images/the_current_count_is_0.png rename to reading/files/the_current_count_is_0.png diff --git a/reading/images/the_current_count_is_0_increment.png b/reading/files/the_current_count_is_0_increment.png similarity index 100% rename from reading/images/the_current_count_is_0_increment.png rename to reading/files/the_current_count_is_0_increment.png diff --git a/reading/images/the_currrent_count_is_0.png b/reading/files/the_currrent_count_is_0.png similarity index 100% rename from reading/images/the_currrent_count_is_0.png rename to reading/files/the_currrent_count_is_0.png diff --git a/reading/images/tuple_concatination.png b/reading/files/tuple_concatination.png similarity index 100% rename from reading/images/tuple_concatination.png rename to reading/files/tuple_concatination.png diff --git a/reading/images/tuple_storage_contiguously.png b/reading/files/tuple_storage_contiguously.png similarity index 100% rename from reading/images/tuple_storage_contiguously.png rename to reading/files/tuple_storage_contiguously.png diff --git a/reading/images/unstage_changes.png b/reading/files/unstage_changes.png similarity index 100% rename from reading/images/unstage_changes.png rename to reading/files/unstage_changes.png diff --git a/reading/images/update_linked_list.png b/reading/files/update_linked_list.png similarity index 100% rename from reading/images/update_linked_list.png rename to reading/files/update_linked_list.png diff --git a/reading/images/update_tuples.png b/reading/files/update_tuples.png similarity index 100% rename from reading/images/update_tuples.png rename to reading/files/update_tuples.png diff --git a/reading/images/view toggle terminal.png b/reading/files/view toggle terminal.png similarity index 100% rename from reading/images/view toggle terminal.png rename to reading/files/view toggle terminal.png diff --git a/reading/images/vsc_source_control_tab.png b/reading/files/vsc_source_control_tab.png similarity index 100% rename from reading/images/vsc_source_control_tab.png rename to reading/files/vsc_source_control_tab.png diff --git a/reading/images/whoami.png b/reading/files/whoami.png similarity index 100% rename from reading/images/whoami.png rename to reading/files/whoami.png diff --git a/reading/images/workspace-trust-dialog.png b/reading/files/workspace-trust-dialog.png similarity index 100% rename from reading/images/workspace-trust-dialog.png rename to reading/files/workspace-trust-dialog.png diff --git a/reading/git.livemd b/reading/git.livemd index a4839da5c..2db74724a 100644 --- a/reading/git.livemd +++ b/reading/git.livemd @@ -1,3 +1,5 @@ + + # Git ```elixir @@ -190,7 +192,7 @@ More practically, it's the easiest method for the command line however the downs you to enter your GitHub credentials every time you use a `git` command. We use `git clone` with the URL provided by GitHub to clone the repo with HTTPS. -![](images/git_clone_https_github.png) +![](files/git_clone_https_github.png) ```sh $ git clone https://github.com/BrooklinJazz/github_example.git @@ -230,7 +232,7 @@ You'll want to follow the instructions for: Then you can use the `git clone` with the SSH URL provided. -![](images/github_clone_ssh.png) +![](files/github_clone_ssh.png) ```sh $ git clone git@github.com:BrooklinJazz/github_example.git @@ -468,7 +470,7 @@ or with Visual Studio Code. -![](images/resolve_conflicts_vsc.png) +![](files/resolve_conflicts_vsc.png) ## Further Reading diff --git a/reading/html_css.livemd b/reading/html_css.livemd index 1c6c549b6..aa7024203 100644 --- a/reading/html_css.livemd +++ b/reading/html_css.livemd @@ -1,3 +1,5 @@ + + # HTML & CSS ```elixir @@ -54,7 +56,7 @@ An HTML element generally includes an opening tag, content, and closing tag. -![](images/html_element_diagram_breakdown.png) +![](files/html_element_diagram_breakdown.png) @@ -99,7 +101,7 @@ Here's a breakdown of our CSS rule. -![](images/css_breakdown.png) +![](files/css_breakdown.png) @@ -130,7 +132,7 @@ Open this file in the browser and see the following web page. -![](images/hello_world_html.png) +![](files/hello_world_html.png) @@ -167,7 +169,7 @@ Now when we reload the browser, we should see the same web page but with bold gr -![](images/hello_world_html_green_text.png) +![](files/hello_world_html_green_text.png) ## CSS Files @@ -705,7 +707,7 @@ Open `hello.html` in your browser, right-click and select **inspect** on the par -![](images/inspector-right-click.png) +![](files/inspector-right-click.png) @@ -715,7 +717,7 @@ Select the paragraph tag and view the **Styles** tab. From here, you can see the -![](images/inspector-elements-example.png) +![](files/inspector-elements-example.png) ## CSS Box Model @@ -879,7 +881,7 @@ We can view the box model of any HTML elements using the inspector. For example, -![](images/box-model-example.png) +![](files/box-model-example.png) @@ -920,7 +922,7 @@ Use the inspector to view the computed box model. Notice the height and width do -![](images/box-model-inline-example.png) +![](files/box-model-inline-example.png) @@ -937,7 +939,7 @@ Use the inspector to view the computed box model. Notice the margin no longer ta -![](images/box-model-inline-block-example.png) +![](files/box-model-inline-block-example.png) ## CSS Position diff --git a/reading/lists.livemd b/reading/lists.livemd index f63fee530..5e9502fd3 100644 --- a/reading/lists.livemd +++ b/reading/lists.livemd @@ -1,3 +1,5 @@ + + # Lists ```elixir @@ -176,7 +178,7 @@ We can see that [2, 3] is actually syntax sugar for `[2 | [3 | []]]` which uses [2 | [3 | []]] ``` -![](images/linked_list_cons_cells.png) +![](files/linked_list_cons_cells.png) diff --git a/reading/lists_vs_tuples.livemd b/reading/lists_vs_tuples.livemd index 03d4f4de7..5ec1d0859 100644 --- a/reading/lists_vs_tuples.livemd +++ b/reading/lists_vs_tuples.livemd @@ -1,3 +1,5 @@ + + # Lists Vs Tuples ```elixir @@ -67,7 +69,7 @@ Notice below, that each element in the list is stored as a pair in the **heap**. element of the pair is the value, and the second element of the pair is the location of the next element. -![](images/linked_list_cons_cells.png) +![](files/linked_list_cons_cells.png) In fact, `[2, 3]` can also be written as pairs like so `[2 | [3 | []]]`, where each cell is written as `[head | tail]`. The head is the value, and the tail is the reference to the rest of the list. @@ -79,7 +81,7 @@ Tuples are stored contiguously in memory. Contiguously means that each element i shares a common border. For example, the tuple `{1, 2, 3}` could be stored like so. -![](images/tuple_storage_contiguously.png) +![](files/tuple_storage_contiguously.png) ## Lists Vs Tuples @@ -130,7 +132,7 @@ and point it to the head of the existing list. Let's prepend `1` to `[2, 3]` as [1 | [2, 3]] ``` -![](images/prepend_linked_list_memory.png) +![](files/prepend_linked_list_memory.png) Therefore, prepending an element to a list is $O(1)$ complexity. This holds true no matter the size of the list, because the work done remains the same. @@ -145,7 +147,7 @@ Let's prepend `0` to `{1, 2, 3}` as an example. To prepend a value we can use ei Tuple.insert_at({1, 2, 3}, 0, 0) ``` -![](images/prepending_tuples.png) +![](files/prepending_tuples.png) @@ -281,7 +283,7 @@ in the second tuple. -![](images/tuple_concatination.png) +![](files/tuple_concatination.png) @@ -307,7 +309,7 @@ For example, [1, 2, 3] ++ [4, 5] ``` -![](images/concatinate_list.png) +![](files/concatinate_list.png) @@ -344,7 +346,7 @@ list = [1, 2, 3, 4, 5] List.replace_at(list, 2, 7) ``` -![](images/update_linked_list.png) +![](files/update_linked_list.png) @@ -360,7 +362,7 @@ tuple = {1, 2, 3, 4, 5} put_elem(tuple, 2, 7) ``` -![](images/update_tuples.png) +![](files/update_tuples.png) @@ -414,7 +416,7 @@ list = [1, 2, 3, 4, 5] List.insert_at(list, 3, 7) ``` -![](images/insert_linked_list_memory.png) +![](files/insert_linked_list_memory.png) @@ -425,7 +427,7 @@ tuple = {1, 2, 3, 4, 5} Tuple.insert_at(tuple, 3, 7) ``` -![](images/inserting_tuples_memory.png) +![](files/inserting_tuples_memory.png) @@ -460,13 +462,13 @@ list = [1, 2, 3, 4, 5] List.delete_at(list, 3) ``` -![](images/delete_list_memory.png) +![](files/delete_list_memory.png) Deleting a tuple requires copying over every non-deleted element. -![](images/delete_tuple_memory_diagram.png) +![](files/delete_tuple_memory_diagram.png) @@ -589,7 +591,7 @@ In memory, that might look like the following. -![](images/copying_abc_tuple.png) +![](files/copying_abc_tuple.png) ## Garbage Collection @@ -612,7 +614,7 @@ Below we use `b` and `b2` to represent rebinding the `b` variable. -![](images/abc_tuple_garbage_collection.png) +![](files/abc_tuple_garbage_collection.png) ## Conclusion diff --git a/reading/phoenix_1.7.livemd b/reading/phoenix_1.7.livemd index 3cbf6fcf7..f5d09cbf5 100644 --- a/reading/phoenix_1.7.livemd +++ b/reading/phoenix_1.7.livemd @@ -1,3 +1,5 @@ + + # Phoenix 1.7 ```elixir @@ -146,7 +148,7 @@ Phoenix generates the following layers of our architecture by default. -![](images/Phoenix%201.7%20Architecture%20Diagram.png) +![](files/Phoenix%201.7%20Architecture%20Diagram.png) diff --git a/reading/phoenix_authentication.livemd b/reading/phoenix_authentication.livemd index e786d693b..840ac50eb 100644 --- a/reading/phoenix_authentication.livemd +++ b/reading/phoenix_authentication.livemd @@ -1,3 +1,5 @@ + + # Phoenix Authentication ```elixir @@ -369,7 +371,7 @@ end You might encounter weird looking errors like the following if you run into this issue. -![](images/Route%20specificity%20error.png) +![](files/Route%20specificity%20error.png) ## Accessing The Current User In The Assigns diff --git a/reading/phoenix_deployment.livemd b/reading/phoenix_deployment.livemd index e3543802c..08f991bd2 100644 --- a/reading/phoenix_deployment.livemd +++ b/reading/phoenix_deployment.livemd @@ -1,3 +1,5 @@ + + # Phoenix Deployment ```elixir @@ -232,7 +234,7 @@ This file sets triggers our workflow to run our tests on every pull request. It -![](images/book_search_deployment_ci.png) +![](files/book_search_deployment_ci.png) @@ -252,7 +254,7 @@ You can add this token in your GitHub repository from the `Settings` section. Na -![](images/book_search_deployment_fly_api_token.png) +![](files/book_search_deployment_fly_api_token.png) @@ -292,7 +294,7 @@ For example, you can select your application from the Dashboard and go to **Moni -![](images/book_search_deployment_fly_dashboard_monitoring.png) +![](files/book_search_deployment_fly_dashboard_monitoring.png) diff --git a/reading/queues.livemd b/reading/queues.livemd index 437cfa9e0..234a32518 100644 --- a/reading/queues.livemd +++ b/reading/queues.livemd @@ -1,3 +1,5 @@ + + # Queues ```elixir @@ -48,7 +50,7 @@ Elements in a queue are inserted (enqueued) to the **back** (also called the rea -![](images/FIFO%20Queue.drawio.png) +![](files/FIFO%20Queue.drawio.png) @@ -60,7 +62,7 @@ We **push** elements onto the top of the stack and **pop** them off of the top o -![](images/Stack.drawio.png) +![](files/Stack.drawio.png) @@ -70,7 +72,7 @@ A Double-Ended Queue (Deque) is a type of data structure that allows the perform -![](images/FIFO%20Double%20Ended%20Queue.drawio.png) +![](files/FIFO%20Double%20Ended%20Queue.drawio.png) @@ -84,7 +86,7 @@ For example, a doctors office might be considered a priority queue, as patients -![](images/Priority_Queue.png) +![](files/Priority_Queue.png) diff --git a/reading/recursion.livemd b/reading/recursion.livemd index 3670517bd..625c3cea3 100644 --- a/reading/recursion.livemd +++ b/reading/recursion.livemd @@ -1,3 +1,5 @@ + + # Recursion ```elixir @@ -113,7 +115,7 @@ the stack, and causes a stack overflow. -![](images/stack-overflow-without-tail-recursion.png) +![](files/stack-overflow-without-tail-recursion.png) @@ -128,7 +130,7 @@ and jumps back to the top of the stack frame. This avoids additional memory cons -![](images/tail-recursion-optimized-stack.png) +![](files/tail-recursion-optimized-stack.png) ## Body Recursion @@ -142,7 +144,7 @@ Press `s` then `r` to open the settings panel. There you can see the current mem -![](images/livebook_runtime.PNG) +![](files/livebook_runtime.PNG) @@ -166,7 +168,7 @@ Make sure you comment out the code above, otherwise Livebook will keep disconnec -![](images/body-recursion-process-full.PNG) +![](files/body-recursion-process-full.PNG) ## Using Recursion diff --git a/reading/strings_and_binaries.livemd b/reading/strings_and_binaries.livemd index 60aa1bddb..214ff6e8d 100644 --- a/reading/strings_and_binaries.livemd +++ b/reading/strings_and_binaries.livemd @@ -1,3 +1,5 @@ + + # Strings And Binaries ```elixir @@ -56,14 +58,14 @@ Here we see a visual representation of a byte in memory. -![](images/byte.png) +![](files/byte.png) Bytes can represent integers with a base2 counting system where each bit represents the next placeholder. -![](images/byte_base2.png) +![](files/byte_base2.png) This means the maximum integer a single byte can represent is `255`. @@ -77,7 +79,7 @@ Integers are represented using a base 10 counting system compared to the base 2 for binary numbers. As the value in the rightmost placeholder grows, it shifts to the left when it reaches `10` in base 10 or `2` in base 2. -![](images/base2_vs_base10.png) +![](files/base2_vs_base10.png) Here's a table of binary numbers and their corresponding integer values. @@ -133,7 +135,7 @@ To represent strings as binaries, each byte in the binary represents a code poin For example, the code point for the the character `h` is `104` or `01101000` in a byte. -![](images/letter_h_binary.png) +![](files/letter_h_binary.png) ```elixir 64 + 32 + 8 @@ -267,7 +269,7 @@ Hexadecimal uses decimal symbols from `1` to `9`. Then switches to using the let ``` As the rightmost placeholder grows, it shifts to the left when it reaches `16`. -![](images/hex_counting.png) +![](files/hex_counting.png) diff --git a/reading/tailwind.livemd b/reading/tailwind.livemd index 56ca0501f..c596909ed 100644 --- a/reading/tailwind.livemd +++ b/reading/tailwind.livemd @@ -1,3 +1,5 @@ + + # Tailwind ```elixir @@ -106,7 +108,7 @@ Go to [Tailwind Play](https://play.tailwindcss.com/) and enter the following HTM -![](images/tailwind_play_heading_3.png) +![](files/tailwind_play_heading_3.png) @@ -132,7 +134,7 @@ We can find all available Tailwind utility classes from the [Tailwind Documentat -![](images/tailwind_quick_search.png) +![](files/tailwind_quick_search.png) @@ -142,7 +144,7 @@ Use the [Tailwind Documentation](https://tailwindcss.com/docs/installation) to c -![](images/tailwind_button_example.png) +![](files/tailwind_button_example.png) @@ -371,7 +373,7 @@ We're also able to set margin and padding to automatically fill the available sp Create a series of rainbow boxes in the center of the page. Each box should be `3/4` of the page width. -![](images/layered-rainbow.png) +![](files/layered-rainbow.png)
Example Solution @@ -473,7 +475,7 @@ We can also set the radius of a specific border corner using `t`, `r`, `b`, `l`, Create a rounded rainbow using `border` styles and `padding`. -![](images/rounded-rainbow.png) +![](files/rounded-rainbow.png)
Example Solution