Skip to content

Commit 5297aa5

Browse files
nikoschamnikoscham
committed
Add heat conduction tutorial with WebGPU support
1 parent c8e62e6 commit 5297aa5

13 files changed

Lines changed: 2669 additions & 2831 deletions

‎feascript-platform.html‎

Lines changed: 122 additions & 155 deletions
Original file line numberDiff line numberDiff line change
@@ -10,183 +10,150 @@
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" />
2613

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>
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" />
3123

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());
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>
4028

41-
gtag("config", "G-1JPK0KLEC9");
42-
</script>
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());
37+
38+
gtag("config", "G-1JPK0KLEC9");
39+
</script>
4340

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="
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="
10276
font-size: 0.9em;
10377
margin-left: 5px;
10478
vertical-align: middle;
10579
border: 1px solid #ddd;
10680
border-radius: 4px;
10781
padding: 1px 5px;
10882
background-color: #f8f8f8;
109-
"
110-
></span>
111-
</a>
112-
</li>
113-
</ul>
114-
</div>
115-
</h1>
83+
"></span>
84+
</a>
85+
</li>
86+
</ul>
87+
</div>
88+
</h1>
11689

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="
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="
12899
width: 16px;
129100
height: 16px;
130101
vertical-align: middle;
131102
margin-left: 2px;
132103
margin-bottom: 4px;
133-
" /></a
134-
>) for creating physics and engineering simulations.
135-
</p>
136-
</div>
104+
" /></a>) for creating physics and engineering simulations.
105+
</p>
106+
</div>
137107

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

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-
/>
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>
167129
</div>
168130
</div>
131+
<div class="right-panel">
132+
<img src="./assets/Screenshot_20251024_090709.png" alt="FEAScript Platform Screenshot" class="platform-image" />
133+
</div>
169134
</div>
135+
</div>
170136

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

173-
<footer>
174-
<p>&#169; 2023-<span id="currentYear"></span> FEAScript</p>
175-
</footer>
176-
<script>
177-
document.getElementById("currentYear").innerHTML = new Date().getFullYear();
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>
178158

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>
159+
</html>

0 commit comments

Comments
 (0)