Truett Documentation
latest

πŸŒ€ Projects Background

  • Background

🍱 Web Story Structure

  • Structure β€” Story
    • <head>
      • <head> components
      • <head> <link rel=”preload”>
    • :root color
    • :root spacer
    • cover page
    • slide background β€” text-color β€” text-shadow
    • font combinations
    • font size β€” Story
    • line height
    • text position
    • grid
    • landscape
    • aspect-ratio
    • symbols β€” bullets
    • amp-img
    • pan-zoom
    • attachment
    • document viewer
    • link style
    • outlink
    • quiz
  • Structure β€” Questions and Answers

πŸ”’ Web Story Instances

  • Instances β€” Specification
  • Instances β€” Questions and Answers

βš™οΈ Libraries - JavaScript

  • Manage JavaScript

🎨 Libraries - Color

  • Manage Color

πŸ”  Libraries - Fonts

  • Manage fonts

🏡 Libraries - SVGs

  • Manage SVG

β™’ Transformations

  • Transform HTML to SVG

πŸ“ Data Management

  • Data management

πŸ“š Reference

  • Glossary
Truett Documentation
  • Structure β€” Story
  • <head>
  • <head> <link rel=”preload”>
  • Edit on GitHub

<head> <link rel=”preload”>

<link rel="preload">

preload fonts

preload PDFs

Attention

Based on testing, may need to preload PDFs to work effectively with Google Doc Viewer.

<link rel="preload" as="script"
  href="https://cdn.ampproject.org/v0.js" />
<link rel="preload" as="script"
  href="https://cdn.ampproject.org/v0/amp-story-1.0.js" />

<link rel="preload" as="font" crossorigin
  href="https://s3.amazonaws.com/benetta.net/fonts/robotoflex/RobotoFlex-VariableFont.ttf" />
<link rel="preload" as="font" crossorigin
  href="https://s3.amazonaws.com/benetta.net/fonts/recursive/Recursive-VF.ttf" />

<!-- pdf source: https://stackoverflow.com/questions/62319786/corb-issue-with-pdf-preload -->
<link rel="preload" as="fetch" type="application/pdf" crossorigin
  href="https://s3.amazonaws.com/benetta/16418920171000000061/reference/einstein-riddle-manual-solution.pdf" />
<link rel="preload" as="fetch" type="application/pdf" crossorigin
  href="https://s3.amazonaws.com/benetta/16418920171000000061/reference/solving-construction-machine-allocation-problems.pdf" />
Previous Next

Revision 3285db95. Last updated on 23-12-08 at 17:53 offset -05:00.