index: increase font of critter name #9

Merged
vbatts merged 2 commits from font-size into main 2023-09-28 18:23:44 +00:00
3 changed files with 22 additions and 14 deletions

25
app.js
View file

@ -4,15 +4,18 @@ const path = require("path");
const morgan = require("morgan");
const bodyParser = require("body-parser");
const sqlite3 = require("sqlite3").verbose();
const bole = require('bole');
const log = bole('app');
const config = require('./config');
const app = express();
// Create an SQLite database and initialize tables
const db = new sqlite3.Database("db/results.db", (err) => {
const db = new sqlite3.Database(config.db_path, (err) => {
if (err) {
console.error("Error opening SQLite database:", err.message);
log.error("Error opening SQLite database:", err.message);
} else {
console.log("Connected to SQLite database");
log.info("Connected to SQLite database", config.db_path);
db.run(`
CREATE TABLE IF NOT EXISTS button_clicks (
id INTEGER PRIMARY KEY AUTOINCREMENT,
@ -59,16 +62,16 @@ try {
[animal, animal],
(err) => {
if (err) {
console.error(`Error inserting animal ${animal}: `, err.message);
log.error(`Error inserting animal ${animal}: `, err.message);
} else {
console.log(`Success inserting animal ${animal}`);
log.info(`Success inserting animal ${animal}`);
}
},
);
}
});
} catch (error) {
console.error("Error loading animals:", error);
log.error("Error loading animals:", error);
animals = ["Dog", "Cat", "Elephant", "Lion", "Giraffe"];
}
@ -88,7 +91,7 @@ app.get("/getNextAnimal", async (req, res) => {
const randomAnimal = animals[randomIndex];
res.json({ animalName: randomAnimal });
} catch (error) {
console.error("Error fetching random animal:", error);
log.error("Error fetching random animal:", error);
res.status(500).json({ error: "Internal server error" });
}
});
@ -98,7 +101,7 @@ app.post("/recordButtonClick", (req, res) => {
try {
//const { buttonName, sessionId } = req.body;
const result = req.body;
console.error(result);
log.error(result);
db.run(
"INSERT INTO button_clicks (session_id, animal_name, button_name, timestamp, time_difference) VALUES (?, ?, ?, ?, ?)",
@ -111,7 +114,7 @@ app.post("/recordButtonClick", (req, res) => {
],
(err) => {
if (err) {
console.error("Error recording button click:", err.message);
log.error("Error recording button click:", err.message);
res.status(500).json({ error: "Internal server error" });
} else {
res.sendStatus(200);
@ -119,7 +122,7 @@ app.post("/recordButtonClick", (req, res) => {
},
);
} catch (error) {
console.error("Error recording button click:", error);
log.error("Error recording button click:", error);
res.status(500).json({ error: "Internal server error" });
}
});
@ -200,7 +203,7 @@ app.get("/results", async (req, res) => {
await Promise.all([getCount, getTotalAvgTime, getAvgTime]);
res.json(results);
} catch (error) {
console.error("Error fetching results:", error);
log.error("Error fetching results:", error);
res.status(500).json({ error: "Internal server error" });
}
});

View file

@ -9,7 +9,9 @@ config.express = {
if (PRODUCTION) {
config.express.ip = '0.0.0.0';
bole.output({ level: 'debug', stream: process.stdout })
} else {
config.db_path = "db/results.db";
bole.output({ level: 'info', stream: process.stdout })
} else {
config.db_path = ":memory:";
bole.output({ level: 'debug', stream: process.stdout })
}

View file

@ -6,7 +6,7 @@
</head>
<body>
<div id="isCritter">
<h1>Is this a Critter?</h1>
<h3>Is this a Critter?</h3>
<p id="animal-name">what about?:</p>
<button id="isCritterButton">Is Critter</button>
<button id="isNotCritterButton">Is <b>not</b> Critter</button>
@ -23,6 +23,9 @@
</div>
<script src="/asset/frontend.js"></script>
<style type="text/css">
#animal-name {
font-size: 25px;
}
#isCritter {
text-align: center;
}