Differences

This shows you the differences between two versions of the page.

--- blog:2025-07-30:news_item_example [2025/07/30 16:20] – [News Item Example] va7fi
+++ blog:2025-07-30:news_item_example [2025/07/30 18:49] (current) – [News Item Example] va7fi
@@ Line 1: / Line 1: @@
 ~~NOTOC~~
 /*
-This is a comment that won't show on the page once it's saved.  It's useful to add remarks that only the editors can see.  I'll be adding comments throughout so that it shows in the video but not in the output page
+This is a comment that won't show on the page once it's saved.  It's useful to add remarks that only the editors can see.  I'll be adding comments throughout so that it shows in the video but not in the output page.
 So first comment is: adding ~~NOTOC~~ at the top of the page suppresses the Table of Contents.  On regular pages, we usually want a table of contents, but on News Items, they just add clutter.
@@ Line 7: / Line 7: @@
 Now exiting the comments section and going back to the regular page:
 */
 ====== News Item Example ======
+<WRAP rightalign>
+<wrap tip>This shows where in the video I explain this section -></wrap> <key>06:49</key>
+</WRAP>
 This is an example to show people how to post a news item.  See [[/links/syntax#news_item |here]] for more info and to see a video of how this post was created.  And if you just want to play around and try stuff, use this [[/playground |playground page]].
 Here's a video going through how this page was created:
-{{ youtube>JLy4AIs5xYs? }}
+{{ youtube>AR6cyoyViBw? }}
-====== Six equal signs ======
-===== Lower Level section =====
-==== Even lower ====
-=== Headline ===
-== Headline ==
-=== Headline ===
-==== Headline ====
 ====== Level 1 Headline ======
+<WRAP rightalign><key>15:12</key></WRAP>
+===== Level 2 =====
+==== Level 3 ====
+=== Level 4 ===
+== Level 5 ==
+=== Level 4 ===
+==== Level 3 ====
+===== Text Formatting =====
+<WRAP rightalign><key>18:30</key></WRAP>
-===== Text Type =====
   * **Bold Text**
   * //Italic Text//
@@ Line 37: / Line 49: @@
 /* A nice horizontal line across the screen */
-Ordered List
-  - First Item
+===== Lists =====
+<WRAP rightalign><key>22:26</key></WRAP>
+An Ordered List:
+  - First Item                  /* press enter for the next line */
   - Second Item
-    - A sub item
+    - A sub item                /* press space to indent */
     - another sub item
-      - A sub sub item
+      - A sub sub item          /* press space to indent */
       - second sub sub item
-  - Third Item
+  - Third Item                  /* press backspace to remove each indent */
-Unordered List
+An Unordered List
   * First Item
   * Second Item
   * Third Item
-    * A sub Item under the third     /* press space to indent */
+    * A sub Item under the third
-      * A sub-sub item               /* press space to indent */
+      * A sub-sub item
-  * A Fourth Item                    /* press backspace to remove each indent */
+  * A Fourth Item
 ===== Links =====
-[[:playground|This text links to the playground]].  Internal links are green.
+<WRAP rightalign><key>25:09</key></WRAP>
-[[https://osm.org|OpenStreetMap]].  External links are blue.
+  * [[:playground|This text links to the playground]].  Internal links are green.
+  * [[https://osm.org|OpenStreetMap]].  External links are blue. (with name)
+  * [[https://osm.org]].  External links are blue. (without name)
+  * https://osm.org  External links are blue. (without name)
 ===== Attaching Files =====
-{{ :hambasics:azimuthal1.png?300|Mouse Over Text}}
+<WRAP rightalign><key>28:44</key></WRAP>
-This is a right-aligned picture.
+{{ :hambasics:azimuthal1.png?200|Mouse Over Text}}
+This is a right-aligned picture and the text is showing on the left.  I'm adding a bunch of extra lines after this using ''%%\\%%'' so that the next picture shows below instead of on the left with the text.
+/* adding 3 lines: */
+\\ \\ \\
+Here's a centred picture:
 {{ :blog:2025-07-30:screensize.png?600 |}}
+This is a downloadable PDF that's stored on this website:
 {{:blog:2025-07-30:simple_pdf_file.pdf |This is a really simple PDF file}}
+Here's a preview of a local PDF:
 {{pdfjs 400px > :blog:2025-07-30:simple_pdf_file.pdf}}
-For more information about PDFs, see [[https://scarcs.ca/links/linking_and_viewing_pdfs|this page]]
+This is a downloadable PDF that's stored externally:
+{{https://apc-cap.ic.gc.ca/datafiles/amateur_basic_questions_en.PDF |Basic Qualification Question Bank}}
+Previews of external PDFs don't work.
+For more information about PDFs, see [[/links/linking_and_viewing_pdfs|this page]]
-{{ youtube>hbU6BHIUUM8? }}
 /*
@@ Line 82: / Line 112: @@
 ===== Some Cute Things =====
--) 8-o FIXME
+<WRAP rightalign><key>42:40</key></WRAP>
+m( 8-) 8-o FIXME
 ≅β
- --- //[[va7fi@rbox.me|Patrick, VA7FI]] 2025/07/30 15:33//
-<blockquote>Fancy Quote</blockquote>
+--- //[[va7fi@rbox.me|Patrick, VA7FI]] 2025/07/30 17:26//
+<blockquote>
+Fancy Quote
+</blockquote>
 <hidden>
@@ Line 97: / Line 132: @@
 ===== Tables =====
+<WRAP rightalign><key>46:31</key></WRAP>
 Basic Table
 |One |Two |Three |
@@ Line 119: / Line 155: @@
 ===== \$ \LaTeX{} \$ =====
+<WRAP rightalign><key>49:54</key></WRAP>
 As a whole line using two ''$$'' signs:
-\$$ \frac{\sin{x}}{n} = 6 \qquad \text{("six" get it?)} \$$
+\$$
+\frac{\sin{x}}{n} = 6 \qquad \text{(``six'' get it?)}
+\$$
 Or inline using only one ''$'' sign: \$ \frac{\sin{x}}{n} = 6 \qquad \$