-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
19 changed files
with
207 additions
and
140 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| <!doctype html><html style="height:100%;width:100%;"><head><meta charset="utf-8"><title>License Plate Game</title><meta name="viewport" content="width=device-width,initial-scale=1"><base href="/"><link rel="icon" href="favicon.ico"><script defer="defer" src="/runtime~app.450b9e5fc6deafa566fa.bundle.js"></script><script defer="defer" src="/vendors-7e9c6a9f.1adc9f385b3ac86c2788.bundle.js"></script><script defer="defer" src="/vendors-319a6989.a80424c5fae4edbd79e3.bundle.js"></script><script defer="defer" src="/vendors-4e64aa37.9e9c6bc89f49649635e3.bundle.js"></script><script defer="defer" src="/vendors-3ce50090.b281a0f6725a5f032f6a.bundle.js"></script><script defer="defer" src="/vendors-fcadf5bb.99541182c2a6c79ed0a2.bundle.js"></script><script defer="defer" src="/vendors-cdd60c62.abf102d6ed9d6bb32f06.bundle.js"></script><script defer="defer" src="/app.bb8cb7c14fc576035310.bundle.js"></script></head><body aurelia-app="main"></body></html> | ||
| <!doctype html><html style="height:100%;width:100%;"><head><meta charset="utf-8"><title>License Plate Game</title><meta name="viewport" content="width=device-width,initial-scale=1"><base href="/"><link rel="icon" href="favicon.ico"><script defer="defer" src="/runtime~app.450b9e5fc6deafa566fa.bundle.js"></script><script defer="defer" src="/vendors-7e9c6a9f.1adc9f385b3ac86c2788.bundle.js"></script><script defer="defer" src="/vendors-319a6989.a80424c5fae4edbd79e3.bundle.js"></script><script defer="defer" src="/vendors-4e64aa37.9e9c6bc89f49649635e3.bundle.js"></script><script defer="defer" src="/vendors-3ce50090.b281a0f6725a5f032f6a.bundle.js"></script><script defer="defer" src="/vendors-fcadf5bb.99541182c2a6c79ed0a2.bundle.js"></script><script defer="defer" src="/vendors-cdd60c62.abf102d6ed9d6bb32f06.bundle.js"></script><script defer="defer" src="/app.6b185cf835dc2d2ee69d.bundle.js"></script></head><body aurelia-app="main"></body></html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| .license-plate-frame { | ||
| background-image: url(./css/license-plates/metal-sheet.jpg); | ||
| background-size: cover; | ||
| border-radius: 10px; | ||
| width: 1000px; | ||
| height: 600px; | ||
| margin: 5px; | ||
| border: 2px solid black; | ||
|
|
||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
| } | ||
| .top-of-license-frame-size { | ||
| width: 95%; | ||
| height: 15%; | ||
| margin: 0 auto; | ||
| } | ||
| .license-plate-frame-interior { | ||
| background-image: url(./css/license-plates/license-plate-oregon.jpg); | ||
| background-size: cover; | ||
| border-radius: 8px; | ||
| width: 90%; | ||
| height: 70%; | ||
| border: 2px solid darkblue; | ||
| padding: 20px; | ||
| margin: 0 auto; | ||
| } | ||
| .license-plate-flex-container { | ||
| height: 100%; | ||
| width: 100%; | ||
| align-items: center; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
| } | ||
| .answers-container { | ||
| height: 100%; | ||
| width: 100%; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| <template> | ||
| <require from="./css/general.css"></require> | ||
| <require from="./FramedLicensePlate.css"></require> | ||
| <require from="./TopOfLicensePlateFrame"></require> | ||
| <require from="./LicensePlateAnswerEditorFreeEntry"></require> | ||
| <require from="./AnswersPanel"></require> | ||
| <require from="./CurrentGameControls"></require> | ||
|
|
||
| <div class="license-plate-frame"> | ||
| <div class="top-of-license-frame-size" > | ||
| <top-of-license-plate-frame current_game.bind="current_game" ></top-of-license-plate-frame> | ||
| </div> | ||
| <div class="license-plate-frame-interior"> | ||
| <div id="license-plate-text-entry" if.bind="!answers_panel_is_open" class="license-plate-flex-container"> | ||
| <license-plate-answer-editor-free-entry settings.bind="settings" current_game.bind="current_game" hint.bind="hint" ></license-plate-answer-editor-free-entry> | ||
| </div> | ||
| <div id="answers-panel" if.bind="answers_panel_is_open" class="answers-container" > | ||
| <answers-panel puzzle_answers.bind="puzzle_answers"></answers-panel> | ||
| </div> | ||
| </div> | ||
| <current-game-controls if.bind="current_game" elapsed_seconds.bind="elapsed_seconds" answers_panel_is_open.bind="answers_panel_is_open" ></current-game-controls> | ||
| </div> | ||
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| import {bindable, autoinject, observable} from 'aurelia-framework'; | ||
| import {EventAggregator} from 'aurelia-event-aggregator'; | ||
| import {AuMsgAnswersPanelState} from './messages'; | ||
| import type {LicensePlatePuzzle} from "./lib/license-plate-puzzle" | ||
| import type {LicensePlateGameAPI} from "license-plate-game-api" | ||
| import {Settings, PuzzleAnswer} from "./lib" | ||
|
|
||
|
|
||
| // The container for the interior of the license plate frame. | ||
| // It displays either: | ||
| // - the input component and the game status messages component | ||
| // - the scored answers | ||
| @autoinject | ||
| export class FramedLicensePlate { | ||
| @bindable settings: Settings | ||
| @bindable @observable current_game: LicensePlatePuzzle | undefined | ||
| @bindable @observable elapsed_seconds: number | ||
| @bindable @observable puzzle_answers: PuzzleAnswer[] | ||
| @bindable @observable hint: LicensePlateGameAPI.HintResponse | undefined | ||
| answers_panel_is_open: boolean | ||
|
|
||
|
|
||
| constructor(private ea: EventAggregator) { | ||
| this.answers_panel_is_open = false | ||
| this.ea.subscribe(AuMsgAnswersPanelState, (msg: AuMsgAnswersPanelState) => { | ||
| this.answers_panel_is_open = msg.is_open | ||
| }) | ||
| } | ||
|
|
||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
|
|
||
| /* hamburger menu */ | ||
| .hamburger-menu-container { | ||
| position: relative; | ||
| display: inline-block; | ||
| } | ||
|
|
||
| .hamburger-menu { | ||
| margin: 5px; | ||
| width: 20px; | ||
| height: 20px; | ||
| } | ||
| .dropdown-content { | ||
| display: none; | ||
| position: absolute; | ||
| /* background-color: #f1f1f1; */ | ||
| min-width: 160px; | ||
| /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */ | ||
| z-index: 1; | ||
| } | ||
| .dropdown-content button { | ||
| color: black; | ||
| margin: 1px; | ||
| padding: 4px; | ||
| text-decoration: none; | ||
| display: block; | ||
| border: 1px solid black; | ||
| border-radius: 4px; | ||
| } | ||
| .dropdown-content a:hover { | ||
| background-color: #ddd; | ||
| } | ||
| .hamburger-menu-container:hover .dropdown-content { | ||
| display: block; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| <template> | ||
| <require from="./HamburgerMenu.css"></require> | ||
|
|
||
| <div class="hamburger-menu-container"> | ||
| <div><img class="hamburger-menu" src="../static/menu-icon.svg"/></div> | ||
| <div class="dropdown-content"> | ||
| <button click.delegate="openAboutPanel()">About...</button> | ||
| <button click.delegate="openFeedbackPanel()">Feedback... 😊 🙁</button> | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,24 @@ | ||
| import {autoinject} from 'aurelia-framework'; | ||
| import {AuMsgAboutPanelState, AuMsgFeedbackPanelState} from 'messages'; | ||
| import {EventAggregator} from 'aurelia-event-aggregator'; | ||
|
|
||
|
|
||
| @autoinject | ||
| export class HamburgerMenu { | ||
|
|
||
| constructor(private ea: EventAggregator) { | ||
| } | ||
|
|
||
|
|
||
| openAboutPanel() { | ||
| this.ea.publish(new AuMsgAboutPanelState(true)); | ||
| } | ||
|
|
||
|
|
||
| openFeedbackPanel() { | ||
| this.ea.publish(new AuMsgFeedbackPanelState(true)); | ||
| } | ||
|
|
||
| } | ||
|
|
||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.