Skip to content

Commit a4ba5b7

Browse files
nikoschamnikoscham
committed
Enhance HTML structure of solidification-front-2d.html
1 parent 8b21a42 commit a4ba5b7

11 files changed

+3005
-2542
lines changed

‎feascript-platform.html‎

Lines changed: 155 additions & 122 deletions
Original file line numberDiff line numberDiff line change
@@ -10,150 +10,183 @@
1010
<!-- Website: https://feascript.com/ \__| -->
1111

1212
<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" />
1326

14-
<head>
15-
<title>FEAScript Platform Visual Editor</title>
16-
<link rel="icon" type="image/x-icon" href="https://feascript.com/assets/favicon.ico" />
17-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
18-
<meta 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-
<meta name="keywords"
21-
content="finite elements, fem, galerkin, cfd, computational mechanics, javascript, visual platform, no-code" />
22-
<meta name="viewport" content="width=device-width" />
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>
2331

24-
<!-- Link to the CSS files -->
25-
<link href="feascript-website.css" rel="stylesheet" type="text/css" />
26-
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet" />
27-
</head>
28-
29-
<!-- Google tag (gtag.js) -->
30-
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1JPK0KLEC9"></script>
31-
<script>
32-
window.dataLayer = window.dataLayer || [];
33-
function gtag() {
34-
dataLayer.push(arguments);
35-
}
36-
gtag("js", new Date());
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());
3740

38-
gtag("config", "G-1JPK0KLEC9");
39-
</script>
41+
gtag("config", "G-1JPK0KLEC9");
42+
</script>
4043

41-
<body>
42-
<h1 class="top">
43-
<a href="index.html">
44-
<img src="./assets/feascript-logo.png" alt="FEAScript Logo" id="responsive-logo" style="vertical-align: middle" />
45-
</a>
46-
<div class="social-icons-top-right">
47-
<ul>
48-
<li>
49-
<a href="https://blog.feascript.com/" title="FEAScript blog">
50-
<img src="./assets/blog-icon-feascript.png" alt="Blog icon" style="height: 18px; vertical-align: middle" />
51-
</a>
52-
</li>
53-
<li>
54-
<a href="https://www.youtube.com/@FEAScript" title="FEAScript YouTube">
55-
<img src="./assets/youtube-icon-feascript.svg" alt="YouTube icon"
56-
style="height: 18px; vertical-align: middle" />
57-
</a>
58-
</li>
59-
<li>
60-
<a href="https://www.linkedin.com/company/feascript/" title="FEAScript LinkedIn">
61-
<img src="./assets/linkedin-icon-feascript.png" alt="LinkedIn icon"
62-
style="height: 18px; vertical-align: middle" />
63-
</a>
64-
</li>
65-
<li>
66-
<a href="https://discord.gg/3DVjNcuW4f" title="FEAScript Discord">
67-
<img src="./assets/discord-icon-feascript.png" alt="Discord icon"
68-
style="height: 18px; vertical-align: middle" />
69-
</a>
70-
</li>
71-
<li>
72-
<a href="https://github.com/FEAScript/FEAScript-core" title="FEAScript GitHub">
73-
<img src="./assets/github-icon-feascript.png" alt="GitHub icon"
74-
style="height: 20px; vertical-align: middle" />
75-
<span id="github-stars" style="
44+
<body>
45+
<h1 class="top">
46+
<a href="index.html">
47+
<img
48+
src="./assets/feascript-logo.png"
49+
alt="FEAScript Logo"
50+
id="responsive-logo"
51+
style="vertical-align: middle"
52+
/>
53+
</a>
54+
<div class="social-icons-top-right">
55+
<ul>
56+
<li>
57+
<a href="https://blog.feascript.com/" title="FEAScript blog">
58+
<img
59+
src="./assets/blog-icon-feascript.png"
60+
alt="Blog icon"
61+
style="height: 18px; vertical-align: middle"
62+
/>
63+
</a>
64+
</li>
65+
<li>
66+
<a href="https://www.youtube.com/@FEAScript" title="FEAScript YouTube">
67+
<img
68+
src="./assets/youtube-icon-feascript.svg"
69+
alt="YouTube icon"
70+
style="height: 18px; vertical-align: middle"
71+
/>
72+
</a>
73+
</li>
74+
<li>
75+
<a href="https://www.linkedin.com/company/feascript/" title="FEAScript LinkedIn">
76+
<img
77+
src="./assets/linkedin-icon-feascript.png"
78+
alt="LinkedIn icon"
79+
style="height: 18px; vertical-align: middle"
80+
/>
81+
</a>
82+
</li>
83+
<li>
84+
<a href="https://discord.gg/3DVjNcuW4f" title="FEAScript Discord">
85+
<img
86+
src="./assets/discord-icon-feascript.png"
87+
alt="Discord icon"
88+
style="height: 18px; vertical-align: middle"
89+
/>
90+
</a>
91+
</li>
92+
<li>
93+
<a href="https://github.com/FEAScript/FEAScript-core" title="FEAScript GitHub">
94+
<img
95+
src="./assets/github-icon-feascript.png"
96+
alt="GitHub icon"
97+
style="height: 20px; vertical-align: middle"
98+
/>
99+
<span
100+
id="github-stars"
101+
style="
76102
font-size: 0.9em;
77103
margin-left: 5px;
78104
vertical-align: middle;
79105
border: 1px solid #ddd;
80106
border-radius: 4px;
81107
padding: 1px 5px;
82108
background-color: #f8f8f8;
83-
"></span>
84-
</a>
85-
</li>
86-
</ul>
87-
</div>
88-
</h1>
109+
"
110+
></span>
111+
</a>
112+
</li>
113+
</ul>
114+
</div>
115+
</h1>
89116

90-
<h1>A Visual Editor for the FEAScript Library</h1>
91-
<div class="highlight-container">
92-
<p>
93-
<strong>FEAScript Platform is a browser-based visual editor</strong> designed for the
94-
<a href="https://feascript.com/">FEAScript</a> finite element simulation library. It provides a
95-
no-code, block-based interface (based on
96-
<a href="https://developers.google.com/blockly/">
97-
Blockly<img src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg"
98-
alt="External Link Icon" style="
117+
<h1>A Visual Editor for the FEAScript Library</h1>
118+
<div class="highlight-container">
119+
<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
123+
<a href="https://developers.google.com/blockly/">
124+
Blockly<img
125+
src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg"
126+
alt="External Link Icon"
127+
style="
99128
width: 16px;
100129
height: 16px;
101130
vertical-align: middle;
102131
margin-left: 2px;
103132
margin-bottom: 4px;
104-
" /></a>) for creating physics and engineering simulations.
105-
</p>
106-
</div>
133+
" /></a
134+
>) for creating physics and engineering simulations.
135+
</p>
136+
</div>
107137

108-
<br />
138+
<br />
109139

110-
<div class="platform-layout">
111-
<div class="container">
112-
<div class="left-panel">
113-
<div class="text-content">
114-
<h1>Why Use FEAScript Platform</h1>
115-
<ul class="features-list">
116-
<li>
117-
<strong>🧱 No-Code Simulation</strong>
118-
<p>Just drag, connect, and solve</p>
119-
</li>
120-
<li>
121-
<strong>🌐 Browser-Based and Accessible</strong>
122-
<p>Accessible on any device (Windows, macOS, Linux)</p>
123-
</li>
124-
<li>
125-
<strong>🔄 Easy Sharing and Reuse</strong>
126-
<p>Save and load your projects in XML format</p>
127-
</li>
128-
</ul>
140+
<div class="platform-layout">
141+
<div class="container">
142+
<div class="left-panel">
143+
<div class="text-content">
144+
<h1>Why Use FEAScript Platform</h1>
145+
<ul class="features-list">
146+
<li>
147+
<strong>🧱 No-Code Simulation</strong>
148+
<p>Just drag, connect, and solve</p>
149+
</li>
150+
<li>
151+
<strong>🌐 Browser-Based and Accessible</strong>
152+
<p>Accessible on any device (Windows, macOS, Linux)</p>
153+
</li>
154+
<li>
155+
<strong>🔄 Easy Sharing and Reuse</strong>
156+
<p>Save and load your projects in XML format</p>
157+
</li>
158+
</ul>
159+
</div>
160+
</div>
161+
<div class="right-panel">
162+
<img
163+
src="./assets/Screenshot_20251024_090709.png"
164+
alt="FEAScript Platform Screenshot"
165+
class="platform-image"
166+
/>
129167
</div>
130-
</div>
131-
<div class="right-panel">
132-
<img src="./assets/Screenshot_20251024_090709.png" alt="FEAScript Platform Screenshot" class="platform-image" />
133168
</div>
134169
</div>
135-
</div>
136170

137-
<br />
171+
<br />
138172

139-
<footer>
140-
<p>&#169; 2023-<span id="currentYear"></span> FEAScript</p>
141-
</footer>
142-
<script>
143-
document.getElementById("currentYear").innerHTML = new Date().getFullYear();
144-
145-
// Fetch GitHub stars
146-
fetch("https://api.github.com/repos/FEAScript/FEAScript-core")
147-
.then((response) => response.json())
148-
.then((data) => {
149-
const starCount = data.stargazers_count;
150-
const starsElement = document.getElementById("github-stars");
151-
if (starsElement && starCount) {
152-
starsElement.innerHTML = `★ ${starCount}`;
153-
}
154-
})
155-
.catch((error) => console.error("Error fetching GitHub stars:", error));
156-
</script>
157-
</body>
173+
<footer>
174+
<p>&#169; 2023-<span id="currentYear"></span> FEAScript</p>
175+
</footer>
176+
<script>
177+
document.getElementById("currentYear").innerHTML = new Date().getFullYear();
158178

159-
</html>
179+
// Fetch GitHub stars
180+
fetch("https://api.github.com/repos/FEAScript/FEAScript-core")
181+
.then((response) => response.json())
182+
.then((data) => {
183+
const starCount = data.stargazers_count;
184+
const starsElement = document.getElementById("github-stars");
185+
if (starsElement && starCount) {
186+
starsElement.innerHTML = `★ ${starCount}`;
187+
}
188+
})
189+
.catch((error) => console.error("Error fetching GitHub stars:", error));
190+
</script>
191+
</body>
192+
</html>

0 commit comments

Comments
 (0)