mirror of
https://github.com/Max-Stevenson/jurassic-park-interface.git
synced 2024-09-27 12:54:51 +00:00
Progress on power instructions.
- Created function for loading set of instructions. - Created function for advancing instructions.
This commit is contained in:
parent
252c133c79
commit
4a0032b58f
@ -649,7 +649,7 @@
|
|||||||
<div class="instructions-header__container">
|
<div class="instructions-header__container">
|
||||||
<h1>Welcome to Jurassic Park</h1>
|
<h1>Welcome to Jurassic Park</h1>
|
||||||
</div>
|
</div>
|
||||||
<img src="./public/images/JPlogo.jpeg" />
|
<img id="main-logo" src="./public/images/JPlogo.jpeg" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="outer-edge__dark">
|
<div class="outer-edge__dark">
|
||||||
|
@ -22,14 +22,49 @@ document.getElementById("start-timer").addEventListener("click", () => {
|
|||||||
const twoMinutes = 60 * 2;
|
const twoMinutes = 60 * 2;
|
||||||
const display = document.getElementById("countdown-timer__display");
|
const display = document.getElementById("countdown-timer__display");
|
||||||
startTimer(twoMinutes, display);
|
startTimer(twoMinutes, display);
|
||||||
|
document.getElementById("start-timer").disabled = true;
|
||||||
});
|
});
|
||||||
////////////////////////
|
////////////////////////
|
||||||
|
|
||||||
|
// Enable Instructions
|
||||||
|
const loadInstructions = instructionArr => {
|
||||||
|
const instructionsDisplay = document.querySelector(
|
||||||
|
".instructions-text__content"
|
||||||
|
);
|
||||||
|
instructionsDisplay.innerHTML = `${instructionArr[0]}<br><br>${
|
||||||
|
instructionArr[1]
|
||||||
|
}`;
|
||||||
|
};
|
||||||
|
|
||||||
|
const advanceInstructions = () => {};
|
||||||
|
|
||||||
|
const getCurrentInstructionIdx = () => {};
|
||||||
|
|
||||||
|
const showNextStep = (instructionArr, instructionStep) => {
|
||||||
|
const instructionsDisplay = document.querySelector(
|
||||||
|
".instructions-text__content"
|
||||||
|
);
|
||||||
|
|
||||||
|
instructionsDisplay.innerHTML = `${instructionArr[instructionStep]}`;
|
||||||
|
};
|
||||||
|
|
||||||
|
const enablePower = () => {
|
||||||
|
let instructionStep = 1;
|
||||||
|
const powerInstructionsArr = [
|
||||||
|
`Your first step is to help restore power to the main systems of the park. Lucky for you the physical fusebox has been replaced and is now a virtual interface that is running on backup power, but you'll still need to follow the steps to get full power on again.`,
|
||||||
|
`Begin by toggling the breaker switches until the current voltage matches the required voltage.`,
|
||||||
|
`Good the next step is to charge the breaker capacitor - push the yellow button.`,
|
||||||
|
`Now, under the words "contact position" there's a round green button that says "push to close!", push it!`,
|
||||||
|
`Final step. The red buttons turn on the individual park systems. Switch them on.`
|
||||||
|
];
|
||||||
|
|
||||||
|
loadInstructions(powerInstructionsArr);
|
||||||
// Voltage toggles
|
// Voltage toggles
|
||||||
const voltageDisplay = document.getElementById("current-voltage");
|
const voltageDisplay = document.getElementById("current-voltage");
|
||||||
const voltageToggleInputs = document.querySelectorAll('input[type="radio"]');
|
const voltageToggleInputs = document.querySelectorAll('input[type="radio"]');
|
||||||
|
|
||||||
const updateVoltage = () => {
|
const updateVoltage = () => {
|
||||||
|
let targetVoltage = 220;
|
||||||
let totalVoltage = 0;
|
let totalVoltage = 0;
|
||||||
for (let i = 0; i < voltageToggleInputs.length; i++) {
|
for (let i = 0; i < voltageToggleInputs.length; i++) {
|
||||||
if (voltageToggleInputs[i].checked) {
|
if (voltageToggleInputs[i].checked) {
|
||||||
@ -37,6 +72,10 @@ const updateVoltage = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
voltageDisplay.innerHTML = totalVoltage;
|
voltageDisplay.innerHTML = totalVoltage;
|
||||||
|
if (totalVoltage === targetVoltage) {
|
||||||
|
instructionStep++;
|
||||||
|
showNextStep(powerInstructionsArr, instructionStep);
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
for (let i = 0; i < voltageToggleInputs.length; i++) {
|
for (let i = 0; i < voltageToggleInputs.length; i++) {
|
||||||
@ -46,15 +85,14 @@ for (let i = 0; i < voltageToggleInputs.length; i++) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
updateVoltage();
|
updateVoltage();
|
||||||
|
|
||||||
////////////////////////
|
////////////////////////
|
||||||
|
|
||||||
// Charge code
|
// Charge code
|
||||||
const chargeButton = document.getElementById("power-charge");
|
const chargeButton = document.getElementById("power-charge");
|
||||||
const chargeStatus = document.getElementById("charge-status");
|
const chargeStatus = document.getElementById("charge-status");
|
||||||
|
const targetVoltage = 220;
|
||||||
chargeButton.addEventListener("click", () => {
|
chargeButton.addEventListener("click", () => {
|
||||||
let currentVoltage = parseInt(voltageDisplay.innerHTML);
|
let currentVoltage = parseInt(voltageDisplay.innerHTML);
|
||||||
if (currentVoltage === 220) {
|
if (currentVoltage === targetVoltage) {
|
||||||
chargeStatus.innerHTML = "Charged";
|
chargeStatus.innerHTML = "Charged";
|
||||||
chargeStatus.style.backgroundColor = "#f6e100";
|
chargeStatus.style.backgroundColor = "#f6e100";
|
||||||
} else {
|
} else {
|
||||||
@ -92,6 +130,9 @@ openButton.addEventListener("click", () => {
|
|||||||
resetCircuitBreakers();
|
resetCircuitBreakers();
|
||||||
});
|
});
|
||||||
////////////////////////
|
////////////////////////
|
||||||
|
};
|
||||||
|
enablePower();
|
||||||
|
////////////////////////
|
||||||
|
|
||||||
// Control panel buttons
|
// Control panel buttons
|
||||||
const topControlPanelButtons = document.getElementsByClassName(
|
const topControlPanelButtons = document.getElementsByClassName(
|
||||||
@ -291,15 +332,3 @@ trashIcon.addEventListener("click", () => {
|
|||||||
trashModal.classList.add("modal-active");
|
trashModal.classList.add("modal-active");
|
||||||
});
|
});
|
||||||
///////////////////
|
///////////////////
|
||||||
|
|
||||||
// Instructions Content
|
|
||||||
const powerInstructionsOne = `Your next step is to help restore power to the main systems of the park. Lucky for you the physical fusebox has been replaced and is now a virtual interface that is running on backup power, but you'll still need to follow the steps to get full power on again.`;
|
|
||||||
|
|
||||||
const powerInstructionsTwo = `Begin by toggling the breaker switches until the current voltage matches the required voltage`;
|
|
||||||
|
|
||||||
const powerInstructionsThree = `Good the next step is to charge the breaker capacitor - push the yellow button`;
|
|
||||||
|
|
||||||
const powerInstructionsFour = `Now, under the words "contact position" there's a round green button that says "push to close!", push it!`;
|
|
||||||
|
|
||||||
const powerInstructionsFive = `Final step. The red buttons turn on the individual park systems. Switch them on.`;
|
|
||||||
///////////////////
|
|
||||||
|
@ -99,6 +99,10 @@ body {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#main-logo {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
.outer-edge__light, .outer-edge__light__no-right-edge {
|
.outer-edge__light, .outer-edge__light__no-right-edge {
|
||||||
border-left: solid 1px #585356;
|
border-left: solid 1px #585356;
|
||||||
border-top: solid 1px #585356;
|
border-top: solid 1px #585356;
|
||||||
|
@ -1 +1 @@
|
|||||||
{"version":3,"sourceRoot":"","sources":["../../sass/components/_buttons.scss","../../sass/base/_base.scss","../../sass/components/_layout.scss","../../sass/components/_instructions-panel.scss","../../sass/components/_borders.scss","../../sass/components/_display-text.scss","../../sass/components/_level-info.scss","../../sass/components/_screen-display.scss","../../sass/components/_video-screen.scss","../../sass/components/_control-panel.scss","../../sass/components/_output-display.scss","../../sass/components/_system-icons.scss","../../sass/components/_modal.scss","../../sass/components/_main-display.scss","../../sass/components/_power-screen.scss"],"names":[],"mappings":"AAkEQ;AClER;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC1BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC3DF;EACE;;;AAGF;EACE;EACA;EACA;;;ACPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AJrEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AKtLF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;ACnEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC3DF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtHF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACtKF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AC3BF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AC7BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7CF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACxBF;EACE;;;ACDF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA","file":"styles.css"}
|
{"version":3,"sourceRoot":"","sources":["../../sass/components/_buttons.scss","../../sass/base/_base.scss","../../sass/components/_layout.scss","../../sass/components/_instructions-panel.scss","../../sass/components/_borders.scss","../../sass/components/_display-text.scss","../../sass/components/_level-info.scss","../../sass/components/_screen-display.scss","../../sass/components/_video-screen.scss","../../sass/components/_control-panel.scss","../../sass/components/_output-display.scss","../../sass/components/_system-icons.scss","../../sass/components/_modal.scss","../../sass/components/_main-display.scss","../../sass/components/_power-screen.scss"],"names":[],"mappings":"AAkEQ;AClER;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC1BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC3DF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACXF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AJrEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AKtLF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;ACnEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC3DF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtHF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACtKF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AC3BF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AC7BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7CF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACxBF;EACE;;;ACDF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA","file":"styles.css"}
|
@ -7,3 +7,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#main-logo {
|
||||||
|
width: 200px;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user