Skip to content

Commit d2d77f7

Browse files
udzuraudzura
authored
Merge pull request #1 from mrubyedge/copilot/create-mock-html-document
Add mock documentation landing page
2 parents cfcf47a + 5f21307 commit d2d77f7

File tree

1 file changed

+180
-0
lines changed

1 file changed

+180
-0
lines changed

‎docs/index.html‎

Lines changed: 180 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,180 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="SheetRuby - mruby VM in your spreadsheet">
7+
<title>SheetRuby Documentation</title>
8+
<style>
9+
* {
10+
margin: 0;
11+
padding: 0;
12+
box-sizing: border-box;
13+
}
14+
15+
body {
16+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
17+
line-height: 1.6;
18+
color: #333;
19+
background: #f5f5f5;
20+
}
21+
22+
header {
23+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
24+
color: white;
25+
padding: 2rem 0;
26+
text-align: center;
27+
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
28+
}
29+
30+
header h1 {
31+
font-size: 2.5rem;
32+
margin-bottom: 0.5rem;
33+
}
34+
35+
header p {
36+
font-size: 1.2rem;
37+
opacity: 0.9;
38+
}
39+
40+
.container {
41+
max-width: 1200px;
42+
margin: 2rem auto;
43+
padding: 0 2rem;
44+
}
45+
46+
.card {
47+
background: white;
48+
border-radius: 8px;
49+
padding: 2rem;
50+
margin-bottom: 2rem;
51+
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
52+
}
53+
54+
.card h2 {
55+
color: #667eea;
56+
margin-bottom: 1rem;
57+
font-size: 1.8rem;
58+
}
59+
60+
.card p {
61+
margin-bottom: 1rem;
62+
}
63+
64+
.features {
65+
display: grid;
66+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
67+
gap: 1.5rem;
68+
margin-top: 2rem;
69+
}
70+
71+
.feature-card {
72+
background: white;
73+
border-radius: 8px;
74+
padding: 1.5rem;
75+
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
76+
transition: transform 0.3s ease;
77+
}
78+
79+
.feature-card:hover {
80+
transform: translateY(-5px);
81+
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
82+
}
83+
84+
.feature-card h3 {
85+
color: #667eea;
86+
margin-bottom: 0.5rem;
87+
}
88+
89+
.cta {
90+
text-align: center;
91+
margin: 3rem 0;
92+
}
93+
94+
.btn {
95+
display: inline-block;
96+
padding: 0.8rem 2rem;
97+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
98+
color: white;
99+
text-decoration: none;
100+
border-radius: 5px;
101+
font-weight: bold;
102+
transition: transform 0.3s ease;
103+
}
104+
105+
.btn:hover {
106+
transform: scale(1.05);
107+
}
108+
109+
footer {
110+
background: #333;
111+
color: white;
112+
text-align: center;
113+
padding: 2rem 0;
114+
margin-top: 4rem;
115+
}
116+
117+
code {
118+
background: #f4f4f4;
119+
padding: 0.2rem 0.5rem;
120+
border-radius: 3px;
121+
font-family: 'Courier New', monospace;
122+
}
123+
</style>
124+
</head>
125+
<body>
126+
<header>
127+
<h1>🔷 SheetRuby</h1>
128+
<p>Bring the power of mruby VM to your spreadsheets</p>
129+
</header>
130+
131+
<div class="container">
132+
<div class="card">
133+
<h2>Welcome to SheetRuby</h2>
134+
<p>
135+
SheetRuby is an innovative project that embeds the <strong>mruby Virtual Machine</strong>
136+
into spreadsheet applications, enabling you to write Ruby code directly in your spreadsheets.
137+
</p>
138+
<p>
139+
This documentation provides everything you need to get started with SheetRuby,
140+
from installation to advanced usage patterns.
141+
</p>
142+
</div>
143+
144+
<div class="features">
145+
<div class="feature-card">
146+
<h3>🚀 Fast & Lightweight</h3>
147+
<p>Built on mruby, designed for embedded systems with minimal overhead.</p>
148+
</div>
149+
<div class="feature-card">
150+
<h3>💎 Ruby Syntax</h3>
151+
<p>Write elegant Ruby code in your spreadsheet cells and formulas.</p>
152+
</div>
153+
<div class="feature-card">
154+
<h3>🔧 Extensible</h3>
155+
<p>Add custom functions and integrate with your existing tools.</p>
156+
</div>
157+
<div class="feature-card">
158+
<h3>📊 Data Processing</h3>
159+
<p>Process complex data transformations with Ruby's powerful features.</p>
160+
</div>
161+
</div>
162+
163+
<div class="card">
164+
<h2>Quick Example</h2>
165+
<p>Write Ruby directly in your spreadsheet cells:</p>
166+
<p><code>=(1..10).map { |n| n * 2 }.sum</code></p>
167+
<p>This Ruby expression calculates the sum of the first 10 even numbers!</p>
168+
</div>
169+
170+
<div class="cta">
171+
<a href="https://github.com/mrubyedge/sheetruby" class="btn">View on GitHub</a>
172+
</div>
173+
</div>
174+
175+
<footer>
176+
<p>&copy; 2026 mruby/edge. Licensed under BSD 3-Clause License.</p>
177+
<p>SheetRuby - Making spreadsheets programmable with Ruby</p>
178+
</footer>
179+
</body>
180+
</html>

0 commit comments

Comments
 (0)