diff --git a/src/pages/aes.html b/src/pages/aes.html
index f33c72b..cd1960c 100644
--- a/src/pages/aes.html
+++ b/src/pages/aes.html
@@ -1,11 +1,7 @@
-
-
- encryptme: Simple AES encryption/decryption
-
+ encryptme: AES encryption/decryption
AES
diff --git a/src/pages/index.html b/src/pages/index.html
index 0961956..39d754d 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -1,10 +1,7 @@
-
-
- encryptme
-
+ encryptme
Tools
diff --git a/webpack.common.js b/webpack.common.js
index 159f252..2628fdb 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -2,11 +2,20 @@ const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const pages = ["index", "aes"];
+const pages = [
+ {
+ id: "index",
+ desc: "Easy to use and simple online tools for encryption and decryption.",
+ },
+ {
+ id: "aes",
+ desc: "Secure and simple tool for AES, with control over all advanced options like key size, salt, AES mode, and others.",
+ },
+];
module.exports = {
entry: pages.reduce((config, page) => {
- config[page] = `./src/${page}.js`;
+ config[page.id] = `./src/${page.id}.js`;
return config;
}, {}),
output: {
@@ -28,10 +37,15 @@ module.exports = {
pages.map(
(page) =>
new HtmlWebpackPlugin({
- inject: true,
- template: `./src/pages/${page}.html`,
- filename: `${page}.html`,
- chunks: [page],
+ inject: "body",
+ title: `encryptme: ${page.title}`,
+ meta: {
+ viewport: "width=device-width, initial-scale=1, shrink-to-fit=no",
+ description: page.desc
+ },
+ filename: `${page.id}.html`,
+ template: `./src/pages/${page.id}.html`,
+ chunks: [page.id],
})
)
),