github/gluon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gluworld: add more product and V8 info

Browse Source
This commit is contained in:
CanadaHonk 2022-12-10 15:41:11 +00:00
parent c441cd360e
commit 25c34f2a3b
2 changed files with 29 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
gluworld/index.html
View File

@ -8,18 +8,21 @@
<body>
<h1>
Gluon <code id="gluon_version"></code> <br>
built with <code id="builder"></code>
built with <code id="builder"></code> <br>
running on <code id="product"></code>
</h1>
<div id="versions">
<h2>
Chromium <br>
<code id="chromium_version"></code>
<code id="chromium_version"></code> <br>
<span>V8 <code id="chromium_v8"></code></span>
</h2>
<h2>
Node <br>
<code id="node_version"></code>
<code id="node_version"></code> <br>
<span>V8 <code id="node_v8"></code></span>
</h2>
</div>
@ -30,20 +33,25 @@
background: #101418;
color: #fff;
font-family: Inter, sans-serif;
margin: 0;
width: 100%;
height: 100%;
}
body {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: border-box;
padding: 5vw 5vh;
width: 90%;
padding: 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
}
h1, h2, code {
text-align: center;
margin: 0;
}
h1 {
@ -51,7 +59,7 @@
font-size: 34px;
}
h1 > code {
h1 > code, h2 > span > code {
margin-left: 8px;
}
@ -60,17 +68,22 @@
font-size: 28px;
}
h2 > span, h2 > span > code {
font-weight: 600;
font-size: 18px;
color: #bbb;
}
code {
font-size: 100%;
font-family: Fira Code;
color: #ddd;
}
#versions {
display: flex;
justify-content: space-around;
width: 100%;
margin-top: 20vh;
}
</style>
@ -79,6 +92,9 @@
node_version.textContent = Gluon.versions.node;
gluon_version.textContent = Gluon.versions.gluon;
builder.textContent = Gluon.versions.builder;
product.textContent = Gluon.versions.product;
node_v8.textContent = Gluon.versions.v8.node;
chromium_v8.textContent = Gluon.versions.v8.chromium;
</script>
</body>
</html>

2
gluworld/index.js
View File

@ -8,6 +8,6 @@ const __dirname = dirname(__filename);
(async () => {
const Chromium = await Gluon.open(pathToFileURL(join(__dirname, 'index.html')).href, {
windowSize: [ 800, 450 ]
windowSize: [ 800, 500 ]
});
})();