Honor is not people pleasing! It's about honesty, fairness, or integrity in one's beliefs and actions: a man of honor.
<!-- Honor Meter -->
<div class="meter-container">
<div class="meter">
<div class="meter-background"></div>
<div id="meterPin" class="meter-pin"></div>
</div>
<div class="input-container">
<input type="number" id="pointsInput" placeholder="Enter points (+/-)">
<button id="options-btn" onclick="showOptions()">Options</button>
<button id="settings-btn" onclick="showSettings()">Settings</button>
<button id="life-plan-btn" onclick="showLifePlan()">Lifeplan</button>
</div>
<div class="button-container">
<button id="subtract-points-btn" onclick="changeHonor(-parseInt(document.getElementById('pointsInput').value || 0))">Subtract Points to Low Honor</button>
<button id="add-points-btn" onclick="changeHonor(parseInt(document.getElementById('pointsInput').value || 0))">Add Points to High Honor</button>
</div>
</div>
<!-- Good vs Bad Path Progress Bar -->
<div class="progress-container">
<div class="progress-bar" style="width: 600px;">
<div class="progress progress-good" id="progress-good">Good Path: 0/2500</div>
</div>
<div class="progress-bar" style="width: 600px;">
<div class="progress progress-evil" id="progress-evil">Bad Path: 0/2500</div>
</div>
</div>
<!-- Buttons for Good Acts, Bad Acts, and Edit -->
<div class="button-container">
<button id="good-acts-btn" onclick="showGoodActs()">Show Good Acts</button>
<button id="bad-acts-btn" onclick="showBadActs()">Show Bad Acts</button>
<button id="edit-acts-btn" onclick="editActs()">Edit Acts</button> <!-- Styled Edit Button -->
</div>
<audio id="high-honor-sound" src="/mnt/data/High-honor-sound.mp3"></audio>
<audio id="low-honor-sound" src="/mnt/data/Low honour.mp3"></audio>
<script>
let honorValue = 0;
let goodPoints = 0;
let evilPoints = 0;
let goodActs = [
'Honesty (+1)', 'Kindness (+1)', 'Generosity (+1)', 'Compassion (+1)', 'Courage (+1)', 'Forgiveness (+1)', 'Respect (+1)', 'Loyalty (+1)', 'Gratitude (+1)', 'Responsibility (+1)'
// Additional good acts
];
let badActs = [
'Lying (-20)', 'Stealing (-25)', 'Pride (-25)', 'Envy (-25)', 'Greed (-25)', 'Anger (Wrath) (-50)', 'Gossiping (-50)', 'Dishonoring Parents (-100)', 'Sexual Immorality (-75)', 'Substance Abuse (-100)'
// Additional bad acts
];
function changeHonor(points) {
honorValue += points;
updateMeter();
if (points > 0) {
goodPoints += points;
updateProgress('good', goodPoints);
} else {
evilPoints += Math.abs(points);
updateProgress('evil', evilPoints);
}
}
function updateMeter() {
const meterPin = document.getElementById('meterPin');
const meterWidth = document.querySelector('.meter').clientWidth;
const newLeft = ((honorValue + 250) / 500) * meterWidth;
meterPin.style.left = Math.min(Math.max(newLeft, 0), meterWidth - 20) + 'px';
}
function updateProgress(type, value) {
const progressElement = document.getElementById(`progress-${type}`);
const maxPoints = 2500;
const progressWidth = (value / maxPoints) * 100;
progressElement.style.width = Math.min(progressWidth, 100) + '%';
progressElement.textContent = `${type === 'good' ? 'Good Path' : 'Bad Path'}: ${value}/${maxPoints}`;
}
function showGoodActs() {
alert('List of Good Acts:\n- ' + goodActs.join('\n- '));
}
function showBadActs() {
alert('List of Bad Acts:\n- ' + badActs.join('\n- '));
}
function editActs() {
const newGoodActs = prompt("Edit Good Acts (comma-separated):", goodActs.join(", "));
const newBadActs = prompt("Edit Bad Acts (comma-separated):", badActs.join(", "));
if (newGoodActs !== null) {
goodActs = newGoodActs.split(",").map(act => act.trim());
}
if (newBadActs !== null) {
badActs = newBadActs.split(",").map(act => act.trim());
}
}
function updateClock() {
const now = new Date();
const formattedTime = now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });
const formattedDate = now.toLocaleDateString();
document.getElementById('clock').textContent = `Date: ${formattedDate} | Time: ${formattedTime}`;
}
setInterval(updateClock, 1000);
updateClock();
updateMeter();
function showOptions() {
alert('Options button clicked! Implement your options here.');
}
function showSettings() {
alert('Settings button clicked! Implement your settings here.');
}
function showLifePlan() {
alert('Life Plan button clicked! Implement your life plan here.');
}
</script>