Skip to content

Commit 1b252da

Browse files
committed
design: adopt R↵ as the app identity everywhere
- Regenerate the device app icon (src/icon.png) as the amber R↵ mark, so the .nwa, README, site and key-map page all share one identity. - Restore the R↵ CSS mark on the landing page and key-map header (drop the data-URI image experiment). - Drop the trailing period on the landing-page slogan where the = is not styled.
1 parent b0a4b10 commit 1b252da

3 files changed

Lines changed: 12 additions & 7 deletions

File tree

docs/index.html

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -44,8 +44,11 @@
4444

4545
header.hero { text-align: center; padding: 72px 20px 48px; }
4646
.logo {
47-
width: 84px; height: 84px; border-radius: 18px; margin: 0 auto 22px;
48-
display: block; box-shadow: var(--shadow);
47+
width: 78px; height: 78px; border-radius: 20px; margin: 0 auto 22px;
48+
background: linear-gradient(150deg, var(--amber), var(--amber-deep));
49+
display: flex; align-items: center; justify-content: center;
50+
font-weight: 800; font-size: 30px; color: #1a1a1e;
51+
box-shadow: var(--shadow); letter-spacing: .5px;
4952
}
5053
h1 { font-size: clamp(32px, 6vw, 48px); margin: 0 0 8px; letter-spacing: -.5px; }
5154
.slogan { font-size: clamp(18px, 3vw, 24px); font-weight: 700; color: var(--amber-deep); margin: 0 0 14px; letter-spacing: -.2px; }
@@ -102,9 +105,9 @@
102105

103106
<header class="hero">
104107
<div class="wrap">
105-
<img class="logo" src="data:image/png;base64,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" alt="RPN app icon">
108+
<div class="logo">R↵</div>
106109
<h1>RPN for NumWorks</h1>
107-
<p class="slogan">No parentheses, no <code>=</code>.</p>
110+
<p class="slogan">No parentheses, no <code>=</code></p>
108111
<p class="tagline">A Reverse Polish Notation calculator for your NumWorks — push to a stack, and keep results exact where it counts.</p>
109112
<div class="cta">
110113
<a class="btn btn-primary" href="https://github.com/1e1/numworks-RPN/releases/latest">Download the app</a>

docs/keymap.html

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -67,8 +67,10 @@
6767
header.top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; }
6868
.brand { display: flex; gap: 13px; align-items: center; }
6969
.mark {
70-
width: 46px; height: 46px; border-radius: 11px; flex: none;
71-
display: block; box-shadow: var(--shadow);
70+
width: 44px; height: 44px; border-radius: 12px; flex: none;
71+
background: linear-gradient(150deg, var(--amber), #e07d0a);
72+
display: grid; place-items: center; color: #1b1d22; font-weight: 800; font-size: 19px;
73+
box-shadow: var(--shadow);
7274
}
7375
h1 { font-size: 20px; margin: 0; letter-spacing: -.2px; }
7476
.sub { color: var(--muted); font-size: 13.5px; margin-top: 2px; }
@@ -231,7 +233,7 @@
231233
<div class="page">
232234
<header class="top">
233235
<div class="brand">
234-
<img class="mark" src="data:image/png;base64,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" alt="RPN app icon">
236+
<div class="mark">R↵</div>
235237
<div>
236238
<h1>Plan de touches RPN — NumWorks N0120</h1>
237239
<div class="sub">Cliquez une touche, une ligne du tableau ou une catégorie. Les touches <b>inutilisées</b> sont hachurées en corail.</div>

src/icon.png

2 Bytes
Loading

0 commit comments

Comments
 (0)