Skip to content

Commit 4c23a67

Browse files
committed
Refresh dark README screenshots and balance teleprompter text
1 parent b45354f commit 4c23a67

File tree

12 files changed

+131
-0
lines changed

12 files changed

+131
-0
lines changed

AGENTS.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,8 @@ Rule format:
7878

7979
- Use `PrompterOne` as the canonical product, solution, namespace, and folder name across code, docs, tests, and build paths; do not reintroduce legacy product-name variants after the rename.
8080
- Repo-owned docs, README, ADRs, and AGENTS files must not contain local usernames, home-directory paths, or personal machine-specific references; use repo-relative paths or neutral wording instead.
81+
- Public-facing screenshots and any screenshot-generating or screenshot-asserting tests must use English-visible content so README, docs, and release assets stay globally readable and consistent.
82+
- Public-facing screenshots that include camera or preview feeds must not ship mirrored or reversed readable text; choose or configure the capture so visible text reads correctly in the final asset.
8183

8284
## Rules to Follow (Mandatory)
8385

docs/screenshots/readme/editor.png

-10.6 KB
Loading
38.8 KB
Loading

docs/screenshots/readme/learn.png

24 KB
Loading
-329 KB
Loading
21.7 KB
Loading
4.55 KB
Loading

src/PrompterOne.Shared/Teleprompter/Pages/TeleprompterPage.ReaderRendering.cs

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,9 @@ public partial class TeleprompterPage
1111
private const string ReaderCardCssClass = "rd-card";
1212
private const string ReaderCardNextCssClass = "rd-card-next";
1313
private const string ReaderCardPreviousCssClass = "rd-card-prev";
14+
private const int ReaderComfortableContentMaxWidth = 940;
15+
private const int ReaderComfortablePortraitContentMaxWidth = 760;
16+
private const string ReaderContentMaxWidthVariableName = "--rd-content-max-width";
1417
private const string ReaderControlButtonCssClass = "rd-ctrl-btn";
1518
private const string ReaderCountdownCssClass = "rd-countdown";
1619
private const string ReaderGradientCssClass = "rd-gradient";
@@ -124,9 +127,11 @@ private string BuildWidthGuideStyle(bool isLeft)
124127

125128
private string BuildClusterWrapStyle()
126129
{
130+
var contentMaxWidth = ResolveReaderContentMaxWidth();
127131
var styleParts = new List<string>
128132
{
129133
$"max-width:{_readerTextWidth.ToString(CultureInfo.InvariantCulture)}px",
134+
$"{ReaderContentMaxWidthVariableName}:{contentMaxWidth.ToString(CultureInfo.InvariantCulture)}px",
130135
$"--rd-font-size:{_readerFontSize.ToString(CultureInfo.InvariantCulture)}px"
131136
};
132137
var readerTransform = BuildReaderTransform();
@@ -140,6 +145,14 @@ private string BuildClusterWrapStyle()
140145
return string.Join(';', styleParts) + ';';
141146
}
142147

148+
private int ResolveReaderContentMaxWidth()
149+
{
150+
var contentMaxWidth = Math.Min(_readerTextWidth, ReaderComfortableContentMaxWidth);
151+
return _readerTextOrientation == ReaderTextOrientation.Portrait
152+
? Math.Min(contentMaxWidth, ReaderComfortablePortraitContentMaxWidth)
153+
: contentMaxWidth;
154+
}
155+
143156
private string BuildReaderTransform()
144157
{
145158
var transforms = new List<string>();

src/PrompterOne.Shared/wwwroot/design/modules/reader/10-reading-states.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,13 +87,17 @@
8787

8888
.rd-cluster-text {
8989
font-size: var(--rd-font-size, 36px);
90+
max-width: min(100%, var(--rd-content-max-width, 940px));
9091
font-weight: 700;
9192
line-height: 1.9;
9293
color: rgba(242,230,204,.34);
9394
letter-spacing: 0.01em;
9495
word-spacing: 0.08em;
96+
margin-inline: auto;
9597
overflow-wrap: break-word;
9698
hyphens: none;
99+
text-align: center;
100+
text-wrap: balance;
97101
font-kerning: normal;
98102
font-feature-settings: "kern" 1;
99103
-webkit-font-smoothing: antialiased;

tests/PrompterOne.App.UITests/Library/LibraryScreenFlowTests.cs

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,16 @@ await Expect(page.GetByTestId(UiTestIds.Header.LibraryBreadcrumbCurrent))
1919
await Expect(page.GetByTestId(UiTestIds.Header.GoLive))
2020
.ToHaveClassAsync(BrowserTestConstants.Regexes.GoLiveHeaderClass);
2121
await Expect(page.GetByTestId(UiTestIds.Library.FolderChips)).ToHaveCountAsync(0);
22+
23+
var presentationsFolder = page.GetByTestId(BrowserTestConstants.Elements.PresentationsFolder);
24+
await presentationsFolder.ClickAsync();
25+
await Expect(page.GetByTestId(UiTestIds.Header.LibraryBreadcrumbCurrent))
26+
.ToHaveTextAsync(BrowserTestConstants.Folders.PresentationsName);
2227
UiScenarioArtifacts.ResetScenario(StartupScenarioName);
2328
await UiScenarioArtifacts.CapturePageAsync(page, StartupScenarioName, StartupScenarioStep);
29+
30+
await page.GetByTestId(UiTestIds.Library.FolderAll).ClickAsync();
31+
2432
var demoCard = page.GetByTestId(BrowserTestConstants.Elements.DemoCard);
2533
await Expect(demoCard).ToContainTextAsync(BrowserTestConstants.Scripts.ProductLaunchTitle);
2634
await Expect(demoCard.Locator(BrowserTestConstants.Selectors.CardCoverMeta))

0 commit comments

Comments
 (0)