Skip to content

Commit a7bc98e

Browse files
nikoschamnikoscham
committed
Add initial HTML structure for FEAScript Platform visual editor
- Created a new HTML file for the FEAScript Platform. - Included metadata for description and keywords. - Added links to CSS and Google Fonts. - Integrated Google Analytics tracking. - Designed layout with a left panel for features and a right panel for a screenshot. - Implemented a footer with dynamic current year display.
1 parent 8cfbd6c commit a7bc98e

9 files changed

+606
-337
lines changed

‎assets/Screenshot_20251024_090709.png‎

89.2 KB
Loading

‎assets/feascript-platform-logo.png‎

44.4 KB
Loading

‎assets/feascript-platform-logo.svg‎

Lines changed: 400 additions & 0 deletions
Loading

‎feascript-platform.html‎

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
<!DOCTYPE html>
2+
3+
<!-- ______ ______ _____ _ _ -->
4+
<!-- | ____| ____| /\ / ____| (_) | | -->
5+
<!-- | |__ | __| / /\ \ \___ \ / __| __| | _ \| __| -->
6+
<!-- | | | |____ / ____ \ ____) | (__| | | | |_) | | -->
7+
<!-- |_| |______/_/ \_\_____/ \___|_| |_| __/| | -->
8+
<!-- | | | | -->
9+
<!-- |_| | |_ -->
10+
<!-- Website: https://feascript.com/ \__| -->
11+
12+
<html>
13+
<head>
14+
<title>FEAScript Platform Visual Editor</title>
15+
<link rel="icon" type="image/x-icon" href="https://feascript.com/assets/favicon.ico" />
16+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
17+
<meta
18+
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."
20+
/>
21+
<meta
22+
name="keywords"
23+
content="finite elements, fem, galerkin, cfd, computational mechanics, javascript, visual platform, no-code"
24+
/>
25+
<meta name="viewport" content="width=device-width" />
26+
27+
<!-- Link to the CSS files -->
28+
<link href="feascript-website.css" rel="stylesheet" type="text/css" />
29+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet" />
30+
</head>
31+
32+
<!-- Google tag (gtag.js) -->
33+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1JPK0KLEC9"></script>
34+
<script>
35+
window.dataLayer = window.dataLayer || [];
36+
function gtag() {
37+
dataLayer.push(arguments);
38+
}
39+
gtag("js", new Date());
40+
41+
gtag("config", "G-1JPK0KLEC9");
42+
</script>
43+
44+
<body>
45+
<h1 class="top">
46+
<a href="index.html">
47+
<img
48+
src="./assets/feascript-platform-logo.png"
49+
alt="FEAScript Logo"
50+
id="responsive-logo"
51+
style="vertical-align: middle"
52+
/>
53+
</a>
54+
</h1>
55+
56+
<h1>A Visual Editor for the FEAScript Library</h1>
57+
<div class="highlight-container">
58+
<p>
59+
<strong>FEAScript Platform is a browser-based visual editor</strong> designed for the
60+
<a href="https://feascript.com/">FEAScript</a> finite element simulation library. It provides a
61+
no-code, block-based interface (based on
62+
<a href="https://developers.google.com/blockly/">
63+
Blockly<img
64+
src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg"
65+
alt="External Link Icon"
66+
style="
67+
width: 16px;
68+
height: 16px;
69+
vertical-align: middle;
70+
margin-left: 2px;
71+
margin-bottom: 4px;
72+
" /></a
73+
>) for creating physics and engineering simulations.
74+
</p>
75+
</div>
76+
77+
<br />
78+
79+
<div class="platform-layout">
80+
<div class="container">
81+
<div class="left-panel">
82+
<div class="text-content">
83+
<h1>Why Use FEAScript Platform</h1>
84+
<ul class="features-list">
85+
<li>
86+
<strong>🧱 No-Code Simulation</strong>
87+
<p>Just drag, connect, and solve</p>
88+
</li>
89+
<li>
90+
<strong>🌐 Browser-Based and Accessible</strong>
91+
<p>Accessible on any device (Windows, macOS, Linux)</p>
92+
</li>
93+
<li>
94+
<strong>🔄 Easy Sharing and Reuse</strong>
95+
<p>Save and load your projects in XML format</p>
96+
</li>
97+
</ul>
98+
<!-- <a
99+
href="feascript-platform-app.html"
100+
style="
101+
color: #555;
102+
border: 2px solid #e0e0e0;
103+
padding: 5px;
104+
border-radius: 4px;
105+
display: inline-block;
106+
"
107+
><img
108+
src="https://feascript.com/assets/favicon.ico"
109+
alt="FEAScript Icon"
110+
style="vertical-align: middle; margin-right: 5px; height: 1em; width: auto"
111+
/><strong>Access the FEAScript Platform</strong></a
112+
>
113+
<p style="margin-top: 1em; font-style: italic">
114+
Please note that while the the core library of FEAScript is free to use, FEAScript Platform is
115+
offered as a paid service. To get access, please go to our
116+
<a href="https://www.paddle.com/">store on Paddle</a>.
117+
</p> -->
118+
</div>
119+
</div>
120+
<div class="right-panel">
121+
<img
122+
src="./assets/Screenshot_20251024_090709.png"
123+
alt="FEAScript Platform Screenshot"
124+
class="platform-image"
125+
/>
126+
</div>
127+
</div>
128+
</div>
129+
130+
<br />
131+
132+
<footer>
133+
<p>&#169; 2023-<span id="currentYear"></span> FEAScript</p>
134+
</footer>
135+
<script>
136+
document.getElementById("currentYear").innerHTML = new Date().getFullYear();
137+
</script>
138+
</body>
139+
</html>

‎feascript-website.css‎

Lines changed: 63 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ h2 {
5959
}
6060

6161
h3 {
62-
font-size: 110%;
62+
font-size: 120%;
6363
}
6464

6565
/* Paragraphs and links */
@@ -433,3 +433,65 @@ mjx-container {
433433
font-size: 120%;
434434
}
435435
}
436+
437+
/* ==========================================================================
438+
PLATFORM-SPECIFIC STYLES
439+
========================================================================== */
440+
.platform-layout {
441+
background-color: transparent;
442+
margin: 0.5em 0;
443+
padding: 0;
444+
display: block;
445+
min-height: auto;
446+
flex-direction: row;
447+
max-width: 1000px;
448+
}
449+
450+
.platform-layout .container {
451+
display: flex;
452+
width: 100%;
453+
max-width: none;
454+
margin: 0;
455+
background: white;
456+
border-radius: 10px;
457+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
458+
}
459+
460+
.platform-layout .left-panel {
461+
flex: 1;
462+
padding: 16px;
463+
display: flex;
464+
flex-direction: column;
465+
justify-content: space-between;
466+
}
467+
468+
.platform-layout .text-content {
469+
color: #2d2d2d;
470+
}
471+
472+
.platform-layout .text-content h1 {
473+
margin: 0 0 10px 0;
474+
}
475+
476+
.platform-layout .text-content p {
477+
margin: 0 0 10px 0;
478+
}
479+
480+
.platform-layout .right-panel {
481+
flex: 1.5;
482+
position: relative;
483+
padding: 16px;
484+
background: linear-gradient(135deg, #d4aa00ff, #4d4d4d); /* Gold to dark gray gradient */
485+
border-radius: 0 10px 10px 0;
486+
display: flex;
487+
align-items: center;
488+
}
489+
490+
.platform-layout .platform-image {
491+
width: 100%;
492+
height: auto;
493+
border: 10px solid #333;
494+
border-radius: 10px;
495+
background: #000;
496+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
497+
}

‎index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ <h1>A JavaScript Finite Element Simulation Library</h1>
100100
<li><a href="#documentation">Documentation</a></li>
101101
<li><a href="#licensing">Licensing</a></li>
102102
<li class="external-link-start" style="border: 2px solid #e0e0e0; padding: 5px; border-radius: 4px">
103-
<a href="https://platform.feascript.com/" style="color: #555"
103+
<a href="feascript-platform.html" style="color: #555"
104104
><img
105105
src="./assets/favicon.ico"
106106
alt="FEAScript Icon"
@@ -513,7 +513,7 @@ <h2 id="features"><a name="Features"></a>Features</h2>
513513
</li>
514514
<li>
515515
No-code interface with
516-
<a href="https://platform.feascript.com">FEAScript Platform</a>
516+
<a href="feascript-platform.html">FEAScript Platform</a>
517517
visual editor
518518
</li>
519519
<li>

‎sitemap.xml‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -17,12 +17,8 @@
1717
<priority>0.8</priority>
1818
</url>
1919
<url>
20-
<loc>https://feascript.com/tutorials/heat-conduction-1d-wall-platform.html</loc>
21-
<priority>0.4</priority>
22-
</url>
23-
<url>
24-
<loc>https://feascript.com/tutorials/heat-conduction-2d-fin-platform.html</loc>
25-
<priority>0.4</priority>
20+
<loc>https://feascript.com/feascript-platform.html</loc>
21+
<priority>1.0</priority>
2622
</url>
2723
<url>
2824
<loc>https://feascript.com/tutorials/heat-conduction-2d-fin-gmsh.html</loc>

0 commit comments

Comments
 (0)