Skip to content

Commit 8ed1887

Browse files
nikoschamnikoscham
committed
Add FEAScript Studio page and update references from Platform to Studio
1 parent b58a706 commit 8ed1887

14 files changed

Lines changed: 193 additions & 60 deletions

feascript-platform.html renamed to feascript-studio.html

Lines changed: 73 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -11,16 +11,16 @@
1111

1212
<html>
1313
<head>
14-
<title>FEAScript Platform Visual Editor</title>
14+
<title>FEAScript Studio</title>
1515
<link rel="icon" type="image/x-icon" href="https://feascript.com/assets/favicon.ico" />
1616
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
1717
<meta
1818
name="description"
19-
content="FEAScript Platform is browser-based visual editor designed for the FEAScript finite element simulation library. It empowers users to create and run finite element simulations directly in their browser."
19+
content="FEAScript Studio is a browser-based visual editor with an integrated code editor, project saving/sharing and version control."
2020
/>
2121
<meta
2222
name="keywords"
23-
content="finite elements, fem, galerkin, cfd, computational mechanics, javascript, visual platform, no-code"
23+
content="finite elements, fem, galerkin, cfd, computational mechanics, javascript, FEAScript Studio, visual editor, no-code, cloud, monaco editor, version control"
2424
/>
2525
<meta name="viewport" content="width=device-width" />
2626

@@ -45,7 +45,7 @@
4545
<h1 class="top">
4646
<a href="index.html">
4747
<img
48-
src="./assets/feascript-platform-logo.png"
48+
src="./assets/feascript-studio-logo.png"
4949
alt="FEAScript Logo"
5050
id="responsive-logo"
5151
style="vertical-align: middle"
@@ -114,12 +114,14 @@ <h1 class="top">
114114
</div>
115115
</h1>
116116

117-
<h1>A Visual Editor for the FEAScript Library</h1>
117+
<h1>FEAScript Studio: A Browser-Based Visual Editor</h1>
118118
<div class="highlight-container">
119119
<p>
120-
<strong>FEAScript Platform is a browser-based visual editor</strong> designed for the
121-
<a href="https://feascript.com/">FEAScript</a> finite element simulation library. It provides a
122-
no-code, block-based interface (based on
120+
<img
121+
src="./assets/favicon.ico"
122+
alt="FEAScript Icon"
123+
style="vertical-align: middle; margin-right: 5px; height: 1em; width: auto"
124+
/><strong>FEAScript Studio</strong> combines a visual, no-code, block-based interface (based on
123125
<a href="https://developers.google.com/blockly/">
124126
Blockly<img
125127
src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg"
@@ -131,38 +133,91 @@ <h1>A Visual Editor for the FEAScript Library</h1>
131133
margin-left: 2px;
132134
margin-bottom: 4px;
133135
" /></a
134-
>) for creating physics and engineering simulations.
136+
>) with a text editor, project saving &amp; sharing and built-in version control. FEAScript Studio
137+
will be provided as a cloud service.
135138
</p>
136139
</div>
137140

141+
<p class="notice-dev">
142+
🚧
143+
<strong>FEAScript Studio is currently under development</strong> and planned to be released on the
144+
second quarter of 2026. <strong>Join the waitlist</strong> to get updates about FEAScript Studio and be
145+
among the first to try it when it’s released.
146+
</p>
147+
148+
<div id="waitlist" class="waitlist-card" aria-label="FEAScript Studio waitlist">
149+
<h2>Join the Waitlist</h2>
150+
<div class="waitlist-indicates-required"><span class="asterisk">*</span> indicates required</div>
151+
152+
<form
153+
action="https://feascript.us10.list-manage.com/subscribe/post?u=83b4dec50b84e136c2e82c6a4&amp;id=4aa4a60f27&amp;f_id=009362e3f0"
154+
method="post"
155+
id="mc-embedded-subscribe-form"
156+
name="mc-embedded-subscribe-form"
157+
target="_blank"
158+
>
159+
<div class="waitlist-field">
160+
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label>
161+
<div class="waitlist-row">
162+
<input type="email" name="EMAIL" id="mce-EMAIL" autocomplete="email" required value="" />
163+
<input
164+
type="submit"
165+
name="subscribe"
166+
id="mc-embedded-subscribe"
167+
class="waitlist-button"
168+
value="Subscribe"
169+
/>
170+
</div>
171+
</div>
172+
173+
<div id="mce-responses" class="waitlist-responses" aria-live="polite">
174+
<div class="response" id="mce-error-response" style="display: none"></div>
175+
<div class="response" id="mce-success-response" style="display: none"></div>
176+
</div>
177+
178+
<div class="waitlist-honeypot" aria-hidden="true">
179+
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups -->
180+
<input type="text" name="b_83b4dec50b84e136c2e82c6a4_4aa4a60f27" tabindex="-1" value="" />
181+
</div>
182+
</form>
183+
</div>
184+
138185
<br />
139186

140-
<div class="platform-layout">
187+
<div class="studio-layout">
141188
<div class="container">
142189
<div class="left-panel">
143190
<div class="text-content">
144-
<h1>Why Use FEAScript Platform</h1>
191+
<h1>Why Use FEAScript Studio</h1>
145192
<ul class="features-list">
146193
<li>
147194
<strong>🧱 No-Code Simulation</strong>
148-
<p>Just drag, connect, and solve</p>
195+
<p>Drag, connect blocks, and run simulations — no programming required</p>
196+
</li>
197+
<li>
198+
<strong>📝 Integrated Code Editor</strong>
199+
<p>Full-featured Monaco editor (the same engine that powers VS Code)</p>
200+
</li>
201+
<li>
202+
<strong>🌐 Fully Browser-Based</strong>
203+
<p>Access from any device with a modern browser — no installation needed</p>
149204
</li>
150205
<li>
151-
<strong>🌐 Browser-Based and Accessible</strong>
152-
<p>Accessible on any device (Windows, macOS, Linux)</p>
206+
<strong>🔄 Cloud Saving & Sharing</strong>
207+
<p>Save projects securely in the cloud, share with others and export to XML</p>
153208
</li>
154209
<li>
155-
<strong>🔄 Easy Sharing and Reuse</strong>
156-
<p>Save and load your projects in XML format</p>
210+
<strong>🔀 Built-in Version Control</strong>
211+
<p>Track changes and revert to previous versions</p>
157212
</li>
158213
</ul>
159214
</div>
160215
</div>
161216
<div class="right-panel">
162217
<img
163218
src="./assets/Screenshot_20251024_090709.png"
164-
alt="FEAScript Platform Screenshot"
165-
class="platform-image"
219+
alt="FEAScript Studio Screenshot"
220+
class="studio-image"
166221
/>
167222
</div>
168223
</div>

‎feascript-website.css‎

Lines changed: 91 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -439,6 +439,86 @@ mjx-container {
439439
margin: 1em 0;
440440
}
441441

442+
/* Studio waitlist form */
443+
.waitlist-card {
444+
max-width: 1000px;
445+
background: white;
446+
border-radius: 10px;
447+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
448+
padding: 16px;
449+
margin: 1em 0;
450+
}
451+
452+
.waitlist-card h2 {
453+
margin-top: 0;
454+
}
455+
456+
.waitlist-indicates-required {
457+
font-size: 90%;
458+
color: #555;
459+
margin-top: -0.2em;
460+
margin-bottom: 0.8em;
461+
}
462+
463+
.waitlist-card .asterisk {
464+
color: #f39c12;
465+
font-weight: bold;
466+
}
467+
468+
.waitlist-field label {
469+
display: block;
470+
color: #555;
471+
margin-bottom: 6px;
472+
}
473+
474+
.waitlist-row {
475+
display: flex;
476+
gap: 10px;
477+
align-items: center;
478+
flex-wrap: wrap;
479+
}
480+
481+
.waitlist-row input[type="email"] {
482+
flex: 1;
483+
min-width: 240px;
484+
padding: 10px 12px;
485+
border: 1px solid #ddd;
486+
border-radius: 6px;
487+
font-family: inherit;
488+
font-size: 100%;
489+
line-height: 1.2;
490+
}
491+
492+
.waitlist-row input[type="email"]:focus {
493+
outline: none;
494+
border-color: #aaa;
495+
box-shadow: 0 0 0 3px rgba(247, 231, 183, 0.8);
496+
}
497+
498+
.waitlist-button {
499+
padding: 10px 14px;
500+
border: 1px solid #e0c97f;
501+
border-radius: 6px;
502+
background: #f7e7b7;
503+
color: #333;
504+
font-family: inherit;
505+
font-size: 100%;
506+
cursor: pointer;
507+
}
508+
509+
.waitlist-button:hover {
510+
transform: translateY(-1px);
511+
}
512+
513+
.waitlist-responses {
514+
margin-top: 10px;
515+
}
516+
517+
.waitlist-honeypot {
518+
position: absolute;
519+
left: -5000px;
520+
}
521+
442522
/*
443523
════════════════════════════════════════════════════════════
444524
MEDIA QUERIES
@@ -476,11 +556,11 @@ mjx-container {
476556
font-size: 100%;
477557
}
478558

479-
.platform-layout .right-panel {
559+
.studio-layout .right-panel {
480560
display: none !important;
481561
}
482562

483-
.platform-layout .left-panel {
563+
.studio-layout .left-panel {
484564
border-radius: 10px;
485565
}
486566
}
@@ -570,10 +650,10 @@ mjx-container {
570650

571651
/*
572652
════════════════════════════════════════════════════════════
573-
PLATFORM-SPECIFIC STYLES
653+
STUDIO-SPECIFIC STYLES
574654
════════════════════════════════════════════════════════════
575655
*/
576-
.platform-layout {
656+
.studio-layout {
577657
background-color: transparent;
578658
margin: 0.5em 0;
579659
padding: 0;
@@ -583,7 +663,7 @@ mjx-container {
583663
max-width: 1000px;
584664
}
585665

586-
.platform-layout .container {
666+
.studio-layout .container {
587667
display: flex;
588668
width: 100%;
589669
max-width: none;
@@ -593,27 +673,27 @@ mjx-container {
593673
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
594674
}
595675

596-
.platform-layout .left-panel {
676+
.studio-layout .left-panel {
597677
flex: 1;
598678
padding: 16px;
599679
display: flex;
600680
flex-direction: column;
601681
justify-content: space-between;
602682
}
603683

604-
.platform-layout .text-content {
684+
.studio-layout .text-content {
605685
color: #2d2d2d;
606686
}
607687

608-
.platform-layout .text-content h1 {
688+
.studio-layout .text-content h1 {
609689
margin: 0 0 10px 0;
610690
}
611691

612-
.platform-layout .text-content p {
692+
.studio-layout .text-content p {
613693
margin: 0 0 10px 0;
614694
}
615695

616-
.platform-layout .right-panel {
696+
.studio-layout .right-panel {
617697
flex: 1.5;
618698
position: relative;
619699
padding: 16px;
@@ -623,7 +703,7 @@ mjx-container {
623703
align-items: center;
624704
}
625705

626-
.platform-layout .platform-image {
706+
.studio-layout .studio-image {
627707
width: 100%;
628708
height: auto;
629709
border: 10px solid #333;

0 commit comments

Comments
 (0)