diff --git a/images/ff-inspect-menu.png b/images/ff-inspect-menu.png deleted file mode 100644 index a384793..0000000 Binary files a/images/ff-inspect-menu.png and /dev/null differ diff --git a/images/ff-inspect.png b/images/ff-inspect.png deleted file mode 100644 index 9a5b21c..0000000 Binary files a/images/ff-inspect.png and /dev/null differ diff --git a/slides.org b/slides.org index 05fa6f5..955ea8f 100644 --- a/slides.org +++ b/slides.org @@ -125,7 +125,7 @@ #+BEGIN: columnview :hlines 2 :maxlevel 3 :indent t :id slides | ITEM | DURATION | TODO | ENVIRONMENT | |-------------------------------------------------------+----------+----------+-------------| -| Slides | 0:42:58 | LACKING | | +| Slides | 0:42:07 | LACKING | | |-------------------------------------------------------+----------+----------+-------------| | \_ Summary | | | | |-------------------------------------------------------+----------+----------+-------------| @@ -146,11 +146,10 @@ | \_ GUIs of a Feather | 0:00:30 | REVIEWED | fullframe | | \_ Macro-Like Keyboard Instructions | 0:01:00 | REVIEWED | fullframe | |-------------------------------------------------------+----------+----------+-------------| -| \_ A New Perspective | 0:13:39 | REVIEWED | | +| \_ A New Perspective | 0:12:49 | REVIEWED | | | \_ Perspective Topics | | | | | \_ Secrets? | 0:01:10 | REVIEWED | fullframe | -| \_ Lifting the Curtain | 0:00:50 | REVIEWED | frame | -| \_ Web Page Source Code | 0:00:35 | REVIEWED | frame | +| \_ Lifting the Curtain | 0:00:35 | REVIEWED | frame | | \_ Text | 0:00:35 | REVIEWED | fullframe | | \_ Text is a Universal Interface | 0:01:19 | REVIEWED | fullframe | | \_ The Shell Command Prompt | 0:00:40 | REVIEWED | frame | @@ -899,57 +898,6 @@ But ``good enough'' is only good enough until it's not. :BEAMER_env: frame :END: -#+BEAMER: \only<1>{ -#+ATTR_LATEX: :width 2in -[[file:images/ff-inspect-menu.png]] -#+BEAMER: } - -#+BEAMER: \only<2>{ -[[file:images/ff-inspect.png]] -#+BEAMER: } - -# ATTR_LATEX does not appear to work with :trim or :clip -#+BEAMER: \only<3>{\begin{center} -#+BEAMER: \includegraphics[width=0.9\linewidth,trim={0px 0px 350px 375px},clip]{images/ff-inspect.png} -#+BEAMER: \end{center}} - -**** Notes :B_noteNH: -:PROPERTIES: -:BEAMER_env: noteNH -:DURATION: 00:00:50 -:END: - -Let's lift the curtain, - so to speak, - on what's really going on in the web browser. - -Take the LibrePlanet 2019 speaker list page for instance. -If you right-click on my name and click on ``Inspect Element'', - you are presented with the developer tools for this browser which shows - what makes up the webpage. -You'll notice that it has a hierarchical structure made up of nodes - describing how certain data ought to be formatted. -For example, - my name is in an =h2= element, - which represents a heading. -Below that we see the talk title and then the talk abstract in a paragraph - element, - denoted by =p=. - -If we look in that bottom =p= element, - you'll see the exact text that's displayed on the webpage. -And sure enough, - that text contains the term ``free software''. - -But you don't need to use a specialized tool to view the structure of the - initial webpage; - I just did this for visualization. - -*** REVIEWED Web Page Source Code :B_frame: -:PROPERTIES: -:BEAMER_env: frame -:END: - **** Columns :B_columns: :PROPERTIES: :BEAMER_env: columns @@ -977,10 +925,13 @@ But you don't need to use a specialized tool to view the structure of the :DURATION: 00:00:35 :END: -If we instead select "View Page Source" from the context menu, - then we get a new tab that contains a much uglier version of what we just - saw in the DOM inspector. -This is the raw source code of the webpage. +Let's lift the curtain, + so to speak, + on what's really going on in the web browser. + +Right-click on the webpage and select "View Page Source" from the + context menu. +You get a new tab containing the raw code behind the document. Most of it, anyway. It is a document language called HTML. And as you may have noticed,