entry_types/scrolled/config/locales/en.yml
en:
pageflow:
datawrapper_chart_embed_opt_in:
feature_name: Opt-in for Datawrapper embeds
defaultNavigation:
widget_type_name: Default navigation
editor:
file_types:
audio_files:
name:
one: Audio
other: Audios
image_files:
name:
one: Image
other: Images
other_files:
name:
one: Other
other: Other
video_files:
name:
one: Video
other: Videos
widgets:
attributes:
defaultNavigation:
fixedOnDesktop:
inline_help: |
By default, the navigation are hidden when the page is
scrolled. Use this option to prevent hiding the
navigation bar in desktop layout. To safe space, the
navigation is still always hidden when the page is
scrolled in phone layout.
label: Keep expanded in desktop layout
hideSharingButton:
label: Hide share button
hideToggleMuteButton:
label: Hide unmute button
frontend_v2:
feature_name: Frontend v2
hls_instead_of_dash:
feature_name: Use HLS instead of DASH for videos
iconInlineFileRights:
widget_type_name: Copyright icons
iframe_embed_content_element:
feature_name: iframe embed content element
scrolled_entry_fragment_caching:
feature_name: Pageflow Next Fragment Caching
textInlineFileRights:
widget_type_name: Text at element
ui:
configuration_editor:
tabs:
defaultNavigation: Default navigation
widgets:
roles:
inlineFileRights: Inline file rights
pageflow_scrolled:
editor:
backdrop_effects:
autoZoom:
label: Auto Zoom
blur:
label: Blur
brightness:
label: Brightness
contrast:
label: Contast
grayscale:
label: Grayscale
saturate:
label: Saturate
scrollParallax:
label: Scroll Parallax
sepia:
label: Sepia
blank_entry:
create_chapter: Click <em>New chapter</em> to create your first chapter.
create_content_element: Use the <em>Plus buttons</em> inside the preview to add text blocks and other elements.
create_section: Click <em>New section</em> within the chapter to add a section.
header: This is an empty Pageflow.
intro: Pageflows consist of chapters and sections. The sidebar on the right shows the outline of your story.
outro: In this area, a live preview will be shown.
browser_not_supported:
heading: The browser or device you are using is not supported
text: While Pageflow stories work on all modern browsers and devices, the Pageflow editor requires a desktop computer running a recent version of Chrome, Firefox, Safari or Edge.
chapter_item:
add_section: New section
drag_hint: Drag to move chapter
save_error: There was an error while saving this chapter.
common_content_element_attributes:
caption:
inline_help: The caption of the element will be displayed directly underneath the element.
label: Caption
palette_color:
blank: "(Auto)"
position:
inline_help: |-
Control the position of the element in relation to
surrounding text blocks.
item_inline_help_texts:
inline: |-
Anchor in the text and scroll along with the rest of the
section's content.
left: Indent element on the left and let it be surrounded by the section's text.
right: Indent element on the right and let it be surrounded by the section's text.
standAlone: |-
Briefly stay in the middle of the viewport while
scrolling. This gives the reader a stable position to
fully view the element. Smaller elements can be given
more weight that way.
sticky: |-
Place beside the text while scrolling. In mobile view,
sticky elements are automatically turned into inline
elements. Sticky elements work particularly well in
desktop view in combination with long text passages.
label: Position
values:
full: Full Width
inline: Inline
left: Floated left
right: Floated right
standAlone: Stand alone
sticky: Sticky
wide: Wide
typographyVariant:
blank: "(Default)"
label: Variant
variant:
blank: "(Default)"
label: Variant
width:
inline_help: |-
Drag the slider to change the width of the element. Wider
elements interrupt the text flow and stand prominently on
their own.
label: Width
content_element_categories:
basic:
name: Basic
data:
name: Data and Diagrams
interactive:
name: Interactive
links:
name: Links
media:
name: Media
content_elements:
counter:
attributes:
countingSpeed:
inline_help: Determine the speed of the counting animation.
label: Counting animation
values:
fast: Fast
medium: Medium
none: "(None)"
slow: Slow
decimalPlaces:
inline_help: Determine how many decimal places shall be visible.
label: Decimal places
entranceAnimation:
inline_help: Determine how the number becomes visible once it reaches the center of the viewport
label: Entrance Animation
values:
fadeIn: Fade in
fadeInFromAbove: Fade in from above
fadeInFromBelow: Fade in from below
fadeInScaleDown: Fade in and scale down
fadeInScaleUp: Fade in and scale up
none: "(None)"
numberColor:
label: Color
startValue:
inline_help: The counting animation starts with this value
label: Start value
targetValue:
inline_help: Value to display. Final value for counting animation.
label: Target value
textSize:
inline_help: Determine the font size of the number.
label: Text size
values:
large: Large
medium: Medium
small: Small
verySmall: Very small
unit:
inline_help: Display a text before or after the number.
label: Unit
unitPlacement:
inline_help: Place the unit before or after the text.
label: Unit placement
values:
leading: Leading ($100)
trailing: Trailing (100%)
description: Animated metrics
name: Counter
tabs:
general: Counter
dataWrapperChart:
attributes:
backgroundColor:
inline_help: Color of box containing the diagram. Especially for charts with transparent background, readability can be improved by choosing an appropriate background.
label: Background Color
create_chart:
label: Create new Datawrapper chart
title:
inline_help: Used by screen readers to describe the chart as a whole.
label: Title
url:
inline_help: URL of a chart published via Datawrapper. Datawrapper offers a special 'Pageflow' layout selectable on the 'Design' tab for optimal display inside Pageflow.
label: Chart URL
description: Embedded chart created with Datawrapper
name: DataWrapper Chart
tabs:
general: Chart
externalLinkList:
add: Add
attributes:
description:
inline_help: Link-description for display in entry.
label: Description
open_in_new_tab:
label: Open in new tab
thumbnail:
inline_help: Link thumbnail image for display in entry.
label: Thumbnail
title:
inline_help: Link-title for display in entry.
label: Title
url:
inline_help: Absolute URL (inkluding http:// oder https://) of Link.
label: URL
back: Back
confirm_delete: Are you sure you want to delete this element?
confirm_delete_link: Are you sure you want to delete this link?
description: A collection of links to external websites
destroy: Delete
name: External links
outline: Outline
tabs:
edit_link: Edit Link
general: External Links
heading:
attributes:
children:
label: Text
color:
label: Color
entranceAnimation:
inline_help: Determine how the heading becomes visible once it reaches the center of the viewport
label: Entrance Animation
values:
fadeIn: Fade in
fadeInFast: Fade in (Fast)
fadeInSlow: Fade in (Slow)
none: "(None)"
hyphens:
inline_help: |
With manual hyphenation, words are only ever separated
at positions that have been marked with a soft
hyphen. This helps prevent separating words at
unwanted positions. Without soft hyphens, long words
will be continued to the next line without a hyphen.
Therefore, always double check mobile display when
using manual hyphenation.
label: Hyphenation
values:
auto: Automatic
manual: Manual
textSize:
inline_help: |
By default, a heading in the first section of the
entry is large. Headings in later sections have small
text size.
label: Text size
values:
auto: "(Auto)"
large: Large
medium: Medium
small: Small
description: Entry or chapter title
help_texts:
shortcuts: |
<dl class="shortcuts">
<dt>
<span class="shortcut">
<kbd>Alt</kbd> + <kbd>Enter</kbd>
</span>
<span class="inline_help">
Specify potential line break points within long words
to control hyphenation.
</span>
</dt>
<dd>
Insert soft hyphen
</dd>
</dl>
name: Heading
tabs:
general: Heading
iframeEmbed:
attributes:
aspectRatio:
label: Aspect Ratio
values:
narrow: Landscape (4:3)
portrait: Portrait (9:16)
square: Square (1:1)
wide: Landscape (16:9)
portraitAspectRatio:
blank: "(Default)"
label: Aspect Ratio (Portrait)
values:
narrow: Landscape (4:3)
portrait: Portrait (9:16)
square: Square (1:1)
wide: Landscape (16:9)
requireConsent:
inline_help: |
Only load iframe after the visitor has given
consent to the data processing by the embedded page.
label: Display privacy opt-in
scale:
label: Scale
values:
p100: 100%
p33: 33%
p50: 50%
p75: 75%
source:
label: URL
title:
inline_help: Used by screen readers to describe the chart as a whole.
label: Title
description: Embed externally hosted websites
help_texts:
missingConsentVendor: |-
No privacy policy information available for the provider
of the given URL.
name: iframe Embed
tabs:
general: iframe Embed
imageGallery:
attributes:
enableFullscreenOnDesktop:
inline_help: |-
Allow expanding the gallery to fullscreen mode on
desktop browsers. On mobile devices images are already
displayed as large as possible by default.
inline_help_disabled: Not available if position "Full width" has been selected.
label: Enable fullscreen on desktop
description: A series of images to flip through
items:
add: Add
label: Items
name: Image Gallery
tabs:
general: Image Gallery
inlineAudio:
attributes:
atmoDuringPlayback:
inline_help: Choose which way the atmo shall behave during playback of this audio element.
label: Atmo During Playback
values:
mute: Mute
play: Keep playing
turnDown: Keep playing at lower volume
id:
label: Audio
playerControlVariant:
inline_help: Choose the style of player controls.
label: Waveform Style
values:
classic: Classic
waveform: Waveform (Fein)
waveformBars: Waveform (Bars)
waveformLines: Waveform (Lines)
posterId:
label: Poster
waveformColor:
inline_help: Color of the waveform's parts that represents the already played part of the audio.
label: Waveform Color
description: Player or waveform with controls
inlineBeforeAfter:
attributes:
after_id:
inline_help: Shown to the right of divider.
label: After Image
after_label:
inline_help: 'Set the text of a short label for the After image. Examples: ''After'', ''January 2040'''
label: After Label
before_id:
inline_help: Shown to the left of divider.
label: Before Image
before_label:
inline_help: 'Set the text of a short label for the Before image. Examples: ''Before'', ''January 2000'''
label: Before Label
initial_slider_position:
inline_help: In case the divider shouldn't be in the middle at the start, its start position can be set here.
label: Divider start position
slider_color:
inline_help: You can configure slider color (incl. slider handle) freely. Make sure that the slider can be seen clearly on every position over the entire Before/After area.
label: Slider Color
description: Compare to images using a slider
name: Before/After
tabs:
general: Before/After
inlineImage:
attributes:
enableFullscreen:
inline_help: Enlarge image on click
inline_help_disabled: Not available if position "Full width" has been selected.
label: Enable Fullscreen
id:
label: Image
portraitId:
inline_help: Displayed when the browser viewport is taller than wide, for example on phones or tablets in portrait orientation. Can be used to provide an alternative to a landscape image that would otherwise be displayed too small.
label: Image (Portrait)
description: Display an image
inlineVideo:
attributes:
atmoDuringPlayback:
inline_help: Choose which way the atmo shall behave during playback of this video element.
label: Atmo During Playback
values:
mute: Mute
play: Keep playing
turnDown: Keep playing at lower volume
hideControlBar:
inline_help: For short videos where there is no need to seek.
inline_help_disabled: Controls are always hidden for videos with playback mode "Loop".
label: Hide controls
id:
label: Video
playbackMode:
inline_help_html: Determines how the video starts:<ul><li><strong>Manual:</strong> When the user clicks the video.</li><li><strong>Autoplay:</strong> When the video is scrolled to the center of the browser viewport.</li><li><strong>Loop:</strong> In an endless loop soon as it becomes visible.</li></ul>
label: Playback Mode
values:
autoplay: Autoplay
loop: Loop
manual: Manual
portraitId:
inline_help: |
Displayed when the browser viewport is taller than
wide, for example on phones or tablets in portrait
orientation. Can be used to supply an alternative to a
landscape video that makes better use of the available
space.
label: Video (Portrait)
portraitPosterId:
inline_help: Poster image displayed for the alternative portrait video.
label: Poster (Portrait)
posterId:
label: Poster
rewindOnUnmute:
inline_help_html: Prevent users from missing important content when videos are autoplayed without sound.<br /><br />Alternatively, you can add an audio replacement text track to the video. It will be displayed automatically as long as the entry is muted.
label: "...and play from the beginning"
unmute:
inline_help_html: The click is used to activate sound for the whole entry.<br /><br />After the click, atmo audios and audio of following video elements can then immediately be played.<br /><br />If this option is active, the video element displays an animated indicator icon when autoplaying without sound.
label: "...when user clicks video"
unmuteLabel:
inline_help_html: By default browsers only allow autoplaying videos with sound after a user interaction. To still be able to autoplay videos, entries therefore start muted.<br /><br />Sound can be activated using the speaker icon in the navigation bar or via an "Audio notice" element that has been placed in the entry.
label: Unmute entry
description: Player with controls
question:
attributes:
expandByDefault:
inline_help: Display answer initially.
label: Expand by default
description: Expand to reveal an answer
name: Question/Answer
tabs:
general: Question/Answer
quote:
attributes:
color:
label: Color
textSize:
label: Text size
values:
large: Large
medium: Medium
small: Small
verySmall: Very Small
description: Stand-alone quote with attribution
name: Quote
tabs:
general: Quote
soundDisclaimer:
description: Make sure users unmute before continuing
name: Audio Notice
tabs:
general: Audio Notice
textBlock:
attributes:
color:
label: Color
description: Text with lists, block quotes and sub-headings
help_texts:
shortcuts: |
<dl class="shortcuts">
<dt>
<span class="shortcut">
<kbd>Shift</kbd> + <kbd>Enter</kbd>
</span>
<span class="inline_help">
Insert a new line without beginning a new paragraph.
</span>
</dt>
<dd>
Insert soft break/new line
</dd>
<dt>
<span class="shortcut">
<kbd>Alt</kbd> + <kbd>Enter</kbd>
</span>
<span class="inline_help">
Specify potential line break points within long words
to control hyphenation.
</span>
</dt>
<dd>
Insert soft hyphen
</dd>
</dl>
name: Text Block
tabs:
general: Text Block
twitterEmbed:
attributes:
hideConversation:
label: Hide Conversation
hideMedia:
label: Hide Media
url:
label: Tweet URL
description: Embed content from Twitter
name: Tweet
tabs:
general: Twitter Embed
videoEmbed:
attributes:
aspectRatio:
label: Aspect ratio of video
values:
narrow: Landscape 4:3
portrait: Portrait (9:16)
square: Square
wide: Landscape 16:9
atmoDuringPlayback:
inline_help: Choose which way the atmo shall behave during playback of the video embed.
label: Atmo During Playback
values:
mute: Mute
play: Keep playing
turnDown: Keep playing at lower volume
hideControls:
inline_help: Hides the player controls if possible (depends on the videos provider and configuration). The video can be played and paused via click.
label: Hide controls
hideInfo:
inline_help: Hides the video title and author info inside the embed if possible (depends on the videos provider and configuration).
label: Hide title in embed
posterId:
label: Poster
videoSource:
label: Video-URL
description: Embed a video from YouTube, Vimeo or Facebook
name: Video Embed
tabs:
general: Video-Embed
vrImage:
attributes:
image:
label: 360° Image
initialPitch:
label: Initial Pitch
initialYaw:
label: Initial Yaw
description: Interactive panorama using an image with rectangular projection
name: 360° Image
edit_chapter:
attributes:
summary:
inline_help: Summary of the chapter for display in the navigation bar. Only chapters with both title and summary set will get added as menu items to the navigation.
label: Summary
title:
inline_help: The chapter title will be displayed in the editor overview and the navigation bar of the entry. Only chapters with both title and summary set will get added as menu items to the navigation.
label: Title
confirm_destroy: |-
Really delete this chapter including ALL its sections?
This operation cannot be undone.
save_error: There was an error while saving this chapter.
tabs:
chapter: Chapter
edit_motif_area:
blank_slate: No area selected.
cancel: Cancel
header: Motif area
help_link: What is this used for?
hint: Drag to select the most important part of the image.
reset: Reset
save: Save
edit_section:
attributes:
appearance:
inline_help: This setting controls how the scrolling foreground should get dimmed to increase contrast from the background. The option "Cards" adds a box with rounded corners to the foreground, with "Shadow" you can add a light or dark shadow to increase readability.
label: Text-Background
values:
cards: Card
shadow: Shadow
transparent: Transparent
atmoAudioFileId:
inline_help: Choose an audio file, that shall be played in the background. If you want this audio to continue playing on following sections, just choose the same file again there.
label: Atmo Audio
backdropColor:
label: Background-Color
backdropImage:
label: Background-Image
backdropImageMobile:
inline_help: Displayed when the browser viewport is taller than wide, for example on phones or tablets in portrait orientation. Can be used to supply an alternative to a landscape background image that would otherwise have important parts cropped off.
label: Background-Image (Portrait)
backdropType:
inline_help: The section background can either display an image, a color or a video loop.
label: Background-Type
values:
color: Color
image: Image
video: Video
backdropVideo:
label: Background-Video
backdropVideoMobile:
inline_help: Displayed when the browser viewport is taller than wide, for example on phones or tablets in portrait orientation. Can be used to supply an alternative to a landscape background video that would otherwise have important parts cropped off.
label: Background-Video (Portrait)
dynamicShadowOpacity:
inline_help: Intensity of the shadow which is faded in behind the text to ensure contrast when content is scrolled to intersect with the motif area. Note that this shadow is only visible if motif area and section content do not fit side by side. It's best to switch to phone preview when adjusting this value.
inline_help_disabled: Activate "Expose motif area" above to use this setting.
label: Dynamic shadow
exposeMotifArea:
inline_help: Ensure the selected motif area of the background asset is visible and not covered by other elements when first reaching the section. If motif area and section content do not fit side by side, extra space will be inserted at the top of the section to move content down.
inline_help_disabled: Click "Select motif area" in the "three dots" menu of the background image/video field above to use this feature. It let's you make sure important parts of the backdrop asset won't be hidden by other elements.
label: Expose motif area
fullHeight:
inline_help: Activate this option if the background of this section (e.g. image, color or video) is supposed to be enlarged such that the whole browser window (the so called viewport) is covered. Deactivate this option to create a short section. The height of the section and its background is then determined only by the content of the section. Multiple sections with different backgrounds can then be visible at once on the user's screen. This option needs to be activated for two adjacent sections to be able to use a fade transition between them.
label: Use Full Viewport-Height
invert:
label: Invert Text Colors
layout:
inline_help: This setting controls the position of the scrolling foreground layer of the section on desktop devices. On mobile devices the foreground layer will automatically become centered.
label: Content alignment
values:
center: Centered
centerRagged: Centered (Ragged)
left: Left
right: Right
staticShadowOpacity:
inline_help: Intensity of the shadow displayed behind text when section content and motif area fit side by side or no motif area has been specified. For left or right aligned content, the shadow has the form of a horizontal gradient. When "Content alignment" is set to "Center", the shadow is displayed as a translucent layer behind the text.
label: Static shadow
width:
label: Width
values:
narrow: Narrow
wide: Wide
tabs:
section: Section
edit_section_transition:
attributes:
transition:
default_transition: Used as default for new sections
inline_help: This setting defines the transition when scrolling from the previous section to the current. The different settings have specific effects concerning the behaviors of background and foreground. The effects "Cross-Fade All" and "Cross-Fade Backgrounds" are only available if the "Use Full Viewport-Height" option has been enabled in the settings of both adjacent sections.
label: Effect
mark_as_default_transition: Use as default for new sections
values:
beforeAfter: Scrolling with static Backgrounds
fade: Cross Fade
reveal: Reveal
scroll: Scroll
scrollOver: Scroll Over
variants:
fade: Also fade content of sections
fadeBg: Fade only section backgrounds
confirm_destroy: |-
Really delete this section including ALL its elements?
This operation cannot be undone.
save_error: There was an error while saving this section.
tabs:
transition: Transition
effect_list_input:
add: Add effect...
remove: Remove
entry_outline:
add_chapter: New chapter
header: Outline
inline_file_rights_menu_item:
label: Hide rights information here
insert_content_element:
cancel: Cancel
header: Insert element
no_options: No options available
section_item:
drag_hint: Drag to move section
duplicate: Duplicate
insert_section_above: Insert section above
insert_section_below: Insert section below
save_error: There was an error while saving this section.
transitions:
beforeAfter: Static Backgrounds
fade: Cross fade (incl. content)
fadeBg: Cross fade
reveal: Reveal
scroll: Scroll
scrollOver: Scroll over
select_link_destination:
cancel: Cancel
create: Create
enter_url: Use external URL as destination
header: Create link
open_in_new_tab: Open in new tab
or: or
select_chapter_or_section: Select chapter or section as destination
select_file: Provide file download
select_file_description: Let readers download a file when they click the link.
select_in_sidebar: Select file
selectable_chapter_item:
title: Select chapter
selectable_section_item:
title: Select section
help_entries:
content_elements:
menu_item: Content Elements
text: |
# Content Elements
In each section, any number of content elements can be
inserted and positioned against a background. The position
of the content elements on wide screen aspect ratios is
determined by the foreground **positioning of the section**
(left, right, center). In portrait mode on smartphones
(upright) the content elements are always displayed one
below the other for space reasons.
To add a new content element, click on the **plus button**
above or below an existing one and then insert text blocks,
media, embeds or external links.
Click on a content element to select it. The sidebar then
displays options for **positioning the content element** and
other options, such as activating **autoplay for audio and
video**.
For display on wide screen aspect ratios (desktop, notebook,
tablet, smartphone landscape), individual content elements
such as videos, audios, video embeds, 360° images can also
be arranged separately from the text flow as **sticky**
elements. Sticky elements remain static in the middle of the
viewport alongside the text until either the section is
scrolled out of the viewport or they get pushed upwards by
the next sticky element of the section.
If a section is aligned centrally, content elements can also
be **indented to the left or right**. In this case, the
content element is reduced in size so that the text can be
displayed next to, instead of below the content element."
meta_data:
menu_item: Title and Options
text: |
# Title and Options
General settings for the entry. Please select a sub item on the left.
motif_area:
menu_item: Motif areas
text: |
# Motif areas
By specifying a motif area of an image, you can tell
Pageflow which part of the image is most important. For
example, for a portrait this could be the face of the
depicted person.
When the image is then used as the background of a section,
Pageflow tries to make sure the reader has an undisturbed view can actually see this
part of the image.
1. If the image cannot be displayed uncropped (e.g. because
it has landscape format while the entry is being viewed
on a phone in portrait orientation), the background is
positioned in a way to center the motif area in the
available space.
2. If the section contains text or other content elements,
empty space is inserted at the beginning of the section
to make sure the motif area is not covered by other
content when first reaching the section. The content
starts intersecting with the motif area only when the
reader continues scrolling.
Layout responds intelligently in such cases: If, for
example, the text of the section is positioned on the
left such that the motif area of the image can be
displayed completely on the right, no additional space
will be inserted at the beginning of the section.
You can edit the motif area of a background image via the
"Select motif area" menu item of the "Background image"
field in the section settings.
outline:
menu_item: Chapter, Sections, Content Elements
text: "# Chapter, Sections, Content Elements\n\nA Pageflow consists of one or more **chapters**, which\ncan contain several **sections** each. For each section\na background (e.g. a picture or a video loop) can be used\nwhich is displayed while the reader is within the section.\n\nSections contain **content elements**, which\ncan be of different types (e.g. text, images,\nvideos, charts). They build the actual\ncontent of the entry through which the reader scrolls.\n\nTo insert content elements, first click on **\"New\nChapter \"** to create a first chapter. If you click on the\nchapter header, you can specify the title and a description\nthat should appear in the navigation bar.\n\nNext, click **\"New Section \"** to add a section to the chapter. \nIn the preview on the left side a selection rectangle is now shown \naround the new section. In the sidebar you can edit the options \nof the section. Here you can set a picture or a colour as background for the section.\n\nDetails can be found under: [Section Options](#pageflow_scrolled.help_entries.sections)\n\nThe section already contains a text block. Click on the text to edit it. With a click in the empty area next to the text, you can select the section again.\n\nWhen the section is selected, a plus button with the caption **\"Add new element \"** is displayed below the last element. If you click on it, you can choose what type of content element you want to insert. When a content element is selected by clicking on it, its settings can be edited. For details on the available content elements, see: [Content Elements](#pageflow_scrolled.help_entries.content_elements)\n\nAt the top and bottom of the selection rectangle around a content element there are also plus buttons, which can be used to insert further elements before or after the selected element.."
overview:
menu_item: Overview
text: |-
# Overview
This is the editor for editing pageflows. With its split screen it allows direct preview during editing, shows changes to the text or newly selected files immediately and saves them automatically.
## Title and options
Under "Title and options" you can set basic parameters of the appearance, as well as title, language, imprint etc. For this purpose, you can define texts that are to be displayed when sharing the article via social media services.
Details can be found under: [Title and Options](#pageflow_scrolled.help_entries.meta_data)
## Manage files
Under "Manage files" you upload the media files to be used in the pageflow. You can also reuse already uploaded videos, photos and audios here.
Details can be found under: [Manage Files](#pageflow.help_entries.files)
## Outline
Via the "Outline" you can add chapters and sections, i.e. edit the actual content. You can also re-sort sections and chapters at any time using drag & drop.
Details can be found under: [Chapters and Sections](#pageflow_scrolled.help_entries.outline)
## Phone Preview
The switch at the bottom of the sidebar next to the help button can be used to switch to the phone preview. This allows you to test how your entry looks and works in portrait format.
sections:
menu_item: Section Options
text: "# Section Options\n\nA click in an empty area of a section will display a selection rectangle around the section. On the right side of the selection rectangle you will find a button with a pencil icon that allows you to edit the options of the section in the sidebar.\n\n## Layout\n\nThe **Foreground Positioning** option allows you to select how the contents of the section should be arranged horizontally. For example, if the background of the section is on the right side, text and content elements can be positioned on the left side and vice versa. For backgrounds in the total or a centred motif, the content elements can be positioned in the middle.\n\nBy selecting a **gradient function**, a sufficient contrast between text and background can be ensured. With the **shadow**, the background is darkened or lightened with a colour gradient. With the **Card** setting, the content elements are displayed on a surface with rounded corners.\n\n## Background\n\nEither an **image**, a **colour** or a **video loop** can be displayed in the background of the section. For background images and video, the important (to be emphasised, essential) part of the image can be marked. This motif area is then initially not covered by the scrolling foreground in both desktop and mobile device displays. Further information about the \"motif areas\" here.\n\nThe **Background image (portrait)** option can be used to optionally specify an alternative image to be used if the screen aspect ratio of a terminal device is higher than wide, for example on smartphones and tablets in portrait mode. The image can be configured as an alternative to the background image in landscape mode, from which otherwise important parts might be cut off.\n\n## Atmo Audio\n\nWith the **\"Atmo\"**, each section can play sound in the background, regardless of the content element. It can be determined whether a sound can only be heard in one section or continues over several sections without interruption. Simply select the same audio file for the following sections under **Options** as Atmo. In this way chapters can be acoustically separated from each other and coherent pages can be interwoven more strongly.\n\nWhen playing audio and video, you can also select whether the background sound should continue to play normally or more quietly during media playback, or whether it should fade out completely. The setting of the ambience sounds can be accessed on each page via the **Options** tab. If the atmosphere disturbs you while editing your entry in the editor, you can temporarily mute it with the key combination **Alt + a**. To reactivate the Atmo, simply press **Alt + a** again.\n\n\n## Transitions\n\nA **transition effect** can be selected between every two sections. \nClick in the background of a section to select it. On the right side \nof the selection rectangle, buttons with two interlocking arrows as \nsymbols appear at the borders of the neighbouring sections. \n\nClick on one of the buttons to select the transition effect for the section \nborder in the sidebar.\n\nThe **Fade** effect is only available between sections for which the \n**Full Viewport Height** option has been activated.\n"
inline_editing:
add_caption: Add caption
add_content_element: Add new element
cancel: Cancel
drag_content_element: Drag to move element
edit_section_transition_after: Edit section transition
edit_section_transition_before: Edit section transition
external_links:
open_in_new_tab: Open in new tab
open_in_new_tab_message: Opening in same tab is disabled inside the editor
formats:
block_quote: Block quote
bold: Bold
bulleted_list: Bulleted list
heading: Heading
italic: Italic
ordered_list: Ordered list
paragraph: Paragraph
strikethrough: Strikethrough
underline: Underline
insert_content_element:
after: Insert new element below
before: Insert new element above
insert_link: Insert link
link_tooltip:
chapter_number: Chapter %{number}
deleted_chapter: Deleted chapter
deleted_file: Deleted file
opens_in_new_tab: Opens in new tab
opens_in_same_tab: Outside editor, will open in same tab
visit_chapter: Go to chapter
visit_section: Go to section
remove_link: Remove link
select_content_element: Select element
select_section: Select section
type_answer: Type answer text
type_attribution: Type a name
type_description: Type description
type_heading: Heading
type_question: Type question text
type_quote: Type quote text
type_subtitle: Type subtitle
type_tagline: Type tagline
type_text: Type some text
type_title: Title
url_placeholder: Type or paste URL