skills/pbakaus_impeccable
1
0
Fork 0
mirror of https://github.com/pbakaus/impeccable.git synced 2026-09-12 06:06:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improve Neon Mirai manifesto artwork

Browse Source
This commit is contained in:
Paul Bakaus
2026-04-24 23:10:34 -07:00
parent 7de610c620
commit d340f075e8
3 changed files with 7 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/neon-mirai/assets/manifesto-fuji-regenerated.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 427 KiB

public/neon-mirai/index.html
+2 -3
View File
@@ -9,7 +9,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;500;600;700&family=Chakra+Petch:wght@300;400;500;600&family=Zen+Old+Mincho:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./styles.css?v=20260424-speaker-dots-left">
<link rel="stylesheet" href="./styles.css?v=20260424-manifesto-regenerated">
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
@@ -56,7 +56,6 @@
</div>
<div class="hero-copy" data-reveal>
<p class="kicker">新しい未来デザインカンファレンス</p>
<h1 id="hero-title">
<span>NEO MIRAI</span>
<span>AI DESIGN</span>
@@ -270,7 +269,7 @@
<a class="text-action text-action-light" href="#tickets">The NEO MIRAI manifesto <span aria-hidden="true">→</span></a>
</div>
<figure class="manifesto-art" data-reveal>
<img src="./assets/manifesto-fuji-clean.webp" alt="Mount Fuji and a golden future city beneath a red sun.">
<img src="./assets/manifesto-fuji-regenerated.webp" alt="Mount Fuji and a golden future city beneath a red sun.">
</figure>
</section>
public/neon-mirai/styles.css
+5 -23
View File
@@ -305,6 +305,8 @@ section[id] {
.vertical-poem span {
writing-mode: vertical-rl;
line-height: 1.18;
text-orientation: mixed;
animation: ink-settle 900ms var(--ease) 260ms both;
}
@@ -331,17 +333,6 @@ section[id] {
padding: clamp(2.6rem, 4.6vw, 4.2rem) 0 0 clamp(5.8rem, 9vw, 8rem);
}
.kicker {
position: absolute;
left: clamp(2.1rem, 3.3vw, 3.2rem);
top: clamp(0.8rem, 1.4vw, 1.3rem);
margin: 0;
color: var(--ink-soft);
font-family: var(--font-serif);
font-size: 1rem;
writing-mode: vertical-rl;
}
.hero h1 {
max-width: 5.75em;
margin: 0;
@@ -1094,9 +1085,10 @@ section[id] {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 43%;
object-position: center 48%;
mix-blend-mode: multiply;
transform: scale(1.075);
filter: saturate(1.02) contrast(1.02);
transform: scale(1.015);
transform-origin: center;
}
@@ -1738,16 +1730,6 @@ section[id] {
--reveal-scale: 1;
}
.kicker {
position: static;
display: block;
max-width: 100%;
margin-bottom: 1.5rem;
writing-mode: horizontal-tb;
line-break: strict;
overflow-wrap: anywhere;
}
.hero h1 {
max-width: 7em;
font-size: clamp(2.8rem, 13vw, 5rem);