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

2
gluworld/index.js
View File

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