danabra.mov
An experimental TypeSpec syntax for Lexicon
tweaks
-2
README.md
-2
README.md
+10
-11
packages/website/src/pages/index.astro
+10
-11
packages/website/src/pages/index.astro
···
1
---
2
-
import Playground from '../components/Playground';
3
import { highlightCode } from '../utils/shiki';
4
import { compileToJson } from '../utils/compile';
5
import { createPlaygroundUrl } from '../utils/playground-url';
···
236
<nav class="hero-actions">
237
<a href="#install" class="install-cta">Try It</a>
238
<a href="https://tangled.org/@danabra.mov/typelex/blob/main/DOCS.md" target="_blank" rel="noopener noreferrer" class="star-btn">
239
-
Read Documentation
240
</a>
241
</nav>
242
</header>
···
277
<h2>Install</h2>
278
<div class="install-grid">
279
<div class="install-notice">
280
-
<p class="notice-text">This is an early-stage experiment. It's probably buggy as hell.</p>
281
</div>
282
<div class="install-step playground-step">
283
<div class="step-number">0</div>
···
498
499
header {
500
text-align: center;
501
-
padding: 3rem 1rem 2rem;
502
margin: 0 auto;
503
}
504
···
649
650
.hero-actions {
651
display: flex;
652
-
flex-direction: column;
653
-
gap: 1rem;
654
margin-top: 2.5rem;
655
align-items: center;
656
}
657
658
@media (min-width: 640px) {
659
.hero-actions {
660
-
flex-direction: row;
661
-
justify-content: center;
662
gap: 1rem;
663
}
664
}
···
797
798
.install-notice {
799
padding: 1rem 1.5rem;
800
-
background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
801
-
border: 2px solid #ef4444;
802
border-radius: 10px;
803
text-align: left;
804
}
···
808
font-size: 1.0625rem;
809
line-height: 1.5;
810
font-weight: 700;
811
-
color: #991b1b;
812
}
813
814
.install-grid {
···
1
---
2
import { highlightCode } from '../utils/shiki';
3
import { compileToJson } from '../utils/compile';
4
import { createPlaygroundUrl } from '../utils/playground-url';
···
235
<nav class="hero-actions">
236
<a href="#install" class="install-cta">Try It</a>
237
<a href="https://tangled.org/@danabra.mov/typelex/blob/main/DOCS.md" target="_blank" rel="noopener noreferrer" class="star-btn">
238
+
Read Docs
239
</a>
240
</nav>
241
</header>
···
276
<h2>Install</h2>
277
<div class="install-grid">
278
<div class="install-notice">
279
+
<p class="notice-text">This is an early-stage experiment. Design and syntax may change.</p>
280
</div>
281
<div class="install-step playground-step">
282
<div class="step-number">0</div>
···
497
498
header {
499
text-align: center;
500
+
padding: 3rem 1rem 0.5rem;
501
margin: 0 auto;
502
}
503
···
648
649
.hero-actions {
650
display: flex;
651
+
flex-direction: row;
652
+
flex-wrap: wrap;
653
+
gap: 0.75rem;
654
margin-top: 2.5rem;
655
align-items: center;
656
+
justify-content: center;
657
}
658
659
@media (min-width: 640px) {
660
.hero-actions {
661
gap: 1rem;
662
}
663
}
···
796
797
.install-notice {
798
padding: 1rem 1.5rem;
799
+
background: linear-gradient(135deg, #fefce8 0%, #fef3c7 100%);
800
+
border: 2px solid #f59e0b;
801
border-radius: 10px;
802
text-align: left;
803
}
···
807
font-size: 1.0625rem;
808
line-height: 1.5;
809
font-weight: 700;
810
+
color: #92400e;
811
}
812
813
.install-grid {