Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -257,7 +257,7 @@ Help shape our roadmap by [creating issues](https://github.com/rivet-gg/actor-co
- [X] Vitest Integration
- [X] Non-serialized state
- [X] `create-actor`
- [X] `actor-core dev` command
- [X] `actor-core dev`
- [X] Hono Integration

## License
Expand Down
47 changes: 45 additions & 2 deletions docs/snippets/landing-tech.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -184,13 +184,16 @@

<div className="tech-section-row">
<div className="tech-header">
<h2 className="tech-section-heading">What's In Store For 2025</h2>
<h2 className="tech-section-heading">Roadmap For 2025</h2>
<p className="tech-section-text">We ship fast, so we want to share what you can expect to see before the end of the year.</p>
<p className="tech-section-text">Help shape our roadmap by <a href="https://github.com/rivet-gg/actor-core/issues" target="_blank" rel="noopener noreferrer">creating issues</a> and <a href="https://rivet.gg/discord" target="_blank" rel="noopener noreferrer">joining our Discord</a>.</p>
</div>

<div className="tech-content">
<div className="tech-buttons-grid">
<div className="tech-button">
SQLite Support
</div>
<div className="tech-button">
Oodles Of Examples
</div>
Expand Down Expand Up @@ -242,7 +245,47 @@
<div className="tech-button">
OpenTelemetry
</div>
<div className="tech-button tech-button-completed">
Studio
<span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
</div>
<div className="tech-button tech-button-completed">
File system driver
<span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
</div>
<div className="tech-button tech-button-completed">
React client
<span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
</div>
<div className="tech-button tech-button-completed">
Rust client
<span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
</div>
<div className="tech-button tech-button-completed">
Resend Integration
<span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
</div>
<div className="tech-button tech-button-completed">
Vitest Integration
<span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
</div>
<div className="tech-button tech-button-completed">
Non-serialized state
<span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
</div>
<div className="tech-button tech-button-completed">
create-actor
<span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
</div>
<div className="tech-button tech-button-completed">
actor-core dev
<span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
</div>
<div className="tech-button tech-button-completed">
Hono Integration
<span className="tech-completed-icon"><Icon icon="check" color="#888" size={12} /></span>
</div>
</div>
</div>
</div>
</div>
</div>
28 changes: 28 additions & 0 deletions docs/styles/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -1116,6 +1116,34 @@
border-color: rgba(255, 255, 255, 0.2);
}

.tech-button-completed {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.05);
color: rgba(255, 255, 255, 0.5);
position: relative;
text-decoration: line-through;
opacity: 0.7;
}

.tech-button-completed:hover {
background: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.6);
}

.tech-completed-icon {
position: absolute;
top: -4px;
right: -4px;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
}

.tech-icon {
width: 20px;
height: 20px;
Expand Down