Explanation

Video and Pics

1. Tiny Tables: Overview

Use Tiny tables for posts with graphs, and many images

The attached image shows important things: Alt text (what is written in the image), link to media file, caption

Width of all graphs to sizes between 500 and 550 first.

Use wider sizes when there are less words.

Use smaller graphs if there are many words compared to graphs/pics.

Font size in the graph is not too big and not too smal.
Reduce or increase the graph size if needed

Tiny Table with 1 row and 2 columns for both graphs and beauty images. Beauty images only inside tiny table when there are many of them.

HTML  <table class=”tinytable” style=”width: 1000px;”>

Text column (Left ) around 450.
More words need wider column (see width).

Rows: Move all graphs/images into the right column. Each row one.

Text + Pictures with Country

- Click to enlarge

Height of Tiny Tables

Reduce height of tiny table

Reduce Height Tiny Table

- Click to enlarge

Confluence Overview

Tiny Table in Confluence Overview

Tiny Table in Confluence Overview

- Click to enlarge

Split

Tiny Table Split
(no trello card)

Trello Summary: Empty

Layout Improvement

Improve Layout of Tiny Tables

Video Link to Trello

Trello Summary: Empty

We should improve the layout inside the tiny table here:

Task1: Width of image column is too big. Images should have max width of 530. Image column 550

Task2: Improve Spacing

TinyTable Image

- Click to enlarge

TinyTable Width

- Click to enlarge

TinyTable Width

- Click to enlarge

Wide TinyTable

. - Click to enlarge

Pictet Images

Pictet Wide Images Outside Tiny Table

Problem: Pictet Wide Images Outside Tiny Table

- Click to enlarge

2. Left Side: Text

Too much text

No Single Tiny Table when a lot of text

(no trello card)

Trello Summary: Empty

Tiny Table Text

Text Before Tiny Ttable

- Click to enlarge

3. Right Side: Image

Width, Height

Adjust width based on quantity text and readability

Look at attachment.

When a post has little text you can increase width of the graph column and of the economic graph.

This is IMPORTANT when you cannot read the graphics text (see third graph)

Post with little text Increase Graph Width

- Click to enlarge

People Images smaller

Text should have 650, and image column only 350 , if there are no economic graphs.

Example where you should smaller images here

Remember: We only images of politicians (example Trump, Merkel) , but for anybody who could be an author we use the author snippets.

People Image Made Smaller

. Source: People Image Made Smaller - Click to enlarge

Wide Images

Image that are too wide for a tiny table, go separate.

Tiny Table Image Too Wide

. - Click to enlarge

4. Text and Image Sync

Team must Find Media Text inside left side

. - Click to enlarge

5. Keywords for Sync

Keywords words of Media Title and text on left side must be in same row.

General Keywords that lead to a new row in tiny table

• Here
• There
• Graph
• Chart
• Below
• Above
• Right
• Left
• Liability = Debt = Loan = Credit (feeds: Austrian, Gold)

Make Keywords bold: Regular Task

Team must find keywords on left side, which are in media title or in the image

• Use pattern matching, find 1-3 key words on left side and right side.
• Make the keywords bold.
• SNBCHF updated correctly every day
• Confluence updated correctly every day

Bold Keywords

. - Click to enlarge

Tiny Table Sync Left Side

Tiny Table Media Text left side Sync

(no trello checklist)

The video shows how to

• Move text before the tiny table
• Verify that text left and right are in sync

Bold Keywords

Video Link to Trello

Trello Summary: Empty

Keywords Make Bold

Keywords Confluence

Tiny Table Keywords, Make Bold, Confluence

Tiny Table Keywords, Make Bold, Confluence

- Click to enlarge

Keywords Bold in Confluence

Tiny Table Keywords, Make Bold, Confluence

Video Link to Trello

Trello Summary: Empty

6. SNB Pages converted into TinyTables

Swiss Franc History

Converted into Tiny Table

• The Gold Standard and Bretton Woods
• 2000-2007: The sale of the Swiss gold reserves
• From 2004 to 2009: The undervalued franc
• Weak German and Swiss growth between 1996 and 2004
• 1986-1996: Swiss real estate Boom and Bust
• Volcker Shock, Oil Glut and the Breakdown of Gold and Emerging Markets
• 1970s: Due to US Stagflation CHF Strengthens Massively
• From Bretton Woods until the Swiss real estate crisis
• The long-term view and the comparison with gold
• 2012: CHF becomes a “safe” Risk-On Currency
• History of SNB Interventions

• Volckers Attack on Stagflation
• Volcker’s defeat of inflation strengthens dollar, weakens Swiss franc

Other pages to convert

7. Other for Tiny MCE Tables

see also the Layout and How to videos for Tiny Table MCE