Skip to content

Commit ebbdfaf

Browse files
committed
Color hero Mac accent pink
1 parent 3d456a7 commit ebbdfaf

4 files changed

Lines changed: 24 additions & 16 deletions

File tree

docs/index.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ <h1 class="hero-title">
4848
<span class="hero-word">Monitor</span>
4949
</span>
5050
</span>
51-
<span class="hero-title-fixed">your Mac.</span>
51+
<span class="hero-title-fixed">your <span class="hero-title-accent">Mac.</span></span>
5252
<span class="sr-only">Monitor and track your Mac.</span>
5353
</h1>
5454
</div>
@@ -130,22 +130,22 @@ <h2>Read your hardware at a glance.</h2>
130130
</div>
131131
</section>
132132

133-
<section class="video-section" aria-labelledby="ui-video-title">
133+
<section class="video-section" aria-labelledby="touchbar-video-title">
134134
<div class="section-heading">
135135
<p class="eyebrow">Tour</p>
136-
<h2 id="ui-video-title">Core-Monitor in motion.</h2>
136+
<h2 id="touchbar-video-title">Touch Bar widgets in action.</h2>
137137
</div>
138138
<div class="video-layout">
139139
<div class="video-copy">
140140
<p>
141-
A quick pass through the dashboard, menu bar panel, and system monitoring views.
141+
A short walkthrough of the Touch Bar widgets, layout switching, and customization flow.
142142
</p>
143143
<div class="video-actions">
144-
<a class="button secondary" href="videos/ui-showcase.mp4">Open UI Video</a>
144+
<a class="button secondary" href="videos/touchbar-showcase.mp4">Open Touch Bar Video</a>
145145
</div>
146146
</div>
147147
<video class="install-video" controls preload="metadata">
148-
<source src="videos/ui-showcase.mp4" type="video/mp4">
148+
<source src="videos/touchbar-showcase.mp4" type="video/mp4">
149149
Your browser does not support this video. Use the direct file link instead.
150150
</video>
151151
</div>
@@ -241,11 +241,11 @@ <h2>Watch the install flow before you click anything.</h2>
241241
If you want the shortest path from download to running app, the recorded install walkthrough shows the expected first-run flow and what macOS is going to ask you.
242242
</p>
243243
<div class="video-actions">
244-
<a class="button secondary" href="videos/install-walkthrough.mov">Open Install Video</a>
244+
<a class="button secondary" href="videos/install-walkthrough.mp4">Open Install Video</a>
245245
</div>
246246
</div>
247247
<video class="install-video" controls preload="metadata">
248-
<source src="videos/install-walkthrough.mov" type="video/quicktime">
248+
<source src="videos/install-walkthrough.mp4" type="video/mp4">
249249
Your browser does not support the install video. Use the direct file link instead.
250250
</video>
251251
</div>

docs/styles.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -244,6 +244,10 @@ section {
244244
text-shadow: 0 14px 34px rgba(4, 6, 14, 0.34);
245245
}
246246

247+
.hero-title-fixed .hero-title-accent {
248+
color: #ff73b8;
249+
}
250+
247251
.sr-only {
248252
position: absolute;
249253
width: 1px;

index.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ <h1 class="hero-title">
4848
<span class="hero-word">Monitor</span>
4949
</span>
5050
</span>
51-
<span class="hero-title-fixed">your Mac.</span>
51+
<span class="hero-title-fixed">your <span class="hero-title-accent">Mac.</span></span>
5252
<span class="sr-only">Monitor and track your Mac.</span>
5353
</h1>
5454
</div>
@@ -130,22 +130,22 @@ <h2>Read your hardware at a glance.</h2>
130130
</div>
131131
</section>
132132

133-
<section class="video-section" aria-labelledby="ui-video-title">
133+
<section class="video-section" aria-labelledby="touchbar-video-title">
134134
<div class="section-heading">
135135
<p class="eyebrow">Tour</p>
136-
<h2 id="ui-video-title">Core-Monitor in motion.</h2>
136+
<h2 id="touchbar-video-title">Touch Bar widgets in action.</h2>
137137
</div>
138138
<div class="video-layout">
139139
<div class="video-copy">
140140
<p>
141-
A quick pass through the dashboard, menu bar panel, and system monitoring views.
141+
A short walkthrough of the Touch Bar widgets, layout switching, and customization flow.
142142
</p>
143143
<div class="video-actions">
144-
<a class="button secondary" href="docs/videos/ui-showcase.mp4">Open UI Video</a>
144+
<a class="button secondary" href="docs/videos/touchbar-showcase.mp4">Open Touch Bar Video</a>
145145
</div>
146146
</div>
147147
<video class="install-video" controls preload="metadata">
148-
<source src="docs/videos/ui-showcase.mp4" type="video/mp4">
148+
<source src="docs/videos/touchbar-showcase.mp4" type="video/mp4">
149149
Your browser does not support this video. Use the direct file link instead.
150150
</video>
151151
</div>
@@ -241,11 +241,11 @@ <h2>Watch the install flow before you click anything.</h2>
241241
If you want the shortest path from download to running app, the recorded install walkthrough shows the expected first-run flow and what macOS is going to ask you.
242242
</p>
243243
<div class="video-actions">
244-
<a class="button secondary" href="docs/videos/install-walkthrough.mov">Open Install Video</a>
244+
<a class="button secondary" href="docs/videos/install-walkthrough.mp4">Open Install Video</a>
245245
</div>
246246
</div>
247247
<video class="install-video" controls preload="metadata">
248-
<source src="docs/videos/install-walkthrough.mov" type="video/quicktime">
248+
<source src="docs/videos/install-walkthrough.mp4" type="video/mp4">
249249
Your browser does not support the install video. Use the direct file link instead.
250250
</video>
251251
</div>

styles.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -244,6 +244,10 @@ section {
244244
text-shadow: 0 14px 34px rgba(4, 6, 14, 0.4);
245245
}
246246

247+
.hero-title-fixed .hero-title-accent {
248+
color: #ff73b8;
249+
}
250+
247251
.sr-only {
248252
position: absolute;
249253
width: 1px;

0 commit comments

Comments
 (0)