diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/competition-element.js | 2 | ||||
| -rw-r--r-- | src/components/mao-competitions.js | 49 |
2 files changed, 42 insertions, 9 deletions
diff --git a/src/components/competition-element.js b/src/components/competition-element.js index 8b197a0..fa00bca 100644 --- a/src/components/competition-element.js +++ b/src/components/competition-element.js @@ -33,7 +33,7 @@ class CompetitionElement extends LitElement { onmouseover ="${() => this.toggleTab()}" onmouseout ="${() => this.toggleTab()}"> <div class="card-content"> - <h3>${props.name}</h3> + <h3>${props.name.replace(/[0-9]/g, '')}</h3> <h4>${props.location}</h4> <p hidden="${!props.infoTabOpen}"> ${props.information}</p> </div> diff --git a/src/components/mao-competitions.js b/src/components/mao-competitions.js index 55a7119..31151df 100644 --- a/src/components/mao-competitions.js +++ b/src/components/mao-competitions.js @@ -78,6 +78,14 @@ class MaoCompetitions extends connect(store)(PageViewElement) { grid-area: comp3; } + .regional-comp4 { + grid-area: comp4; + } + + .regional-comp5 { + grid-area: comp5; + } + .title { grid-area: title; } @@ -116,7 +124,8 @@ class MaoCompetitions extends connect(store)(PageViewElement) { .regional-competition-grid { grid-template-areas: "title title title" - "comp1 comp2 comp3"; + "comp1 comp2 comp3" + "comp4 comp5 comp5"; } section > paper-card { @@ -212,10 +221,10 @@ class MaoCompetitions extends connect(store)(PageViewElement) { <competition-element id="dec-competition-element" name="December" - information="Dank regional competition" - location="Miami, American Heritage" + information="December 14th. This is the first competition and is close. So everyone, please come." + location="FGCU, Fort Myers" signedIn="${props.signedIn}" - isRegistered="${props.registeredComps.includes('December')}" + isRegistered="${props.registeredComps.includes('Decembe14')}" on-register-comp="${() => store.dispatch(registerComp('December'))}"> </competition-element> </div> @@ -224,8 +233,8 @@ class MaoCompetitions extends connect(store)(PageViewElement) { <competition-element id="jan-competition-element" name="January" - information="Other dank comp" - location="Immokalee, Cypress Bay" + information="January 19th. This is not too far away." + location="Dunbar, Fort Myers" signedIn="${props.signedIn}" isRegistered="${props.registeredComps.includes('January')}" on-register-comp="${() => store.dispatch(registerComp('January'))}"> @@ -236,14 +245,38 @@ class MaoCompetitions extends connect(store)(PageViewElement) { <competition-element id="feb-competition-element" name="February" - information="The dankest comp" - location="Orlando, Science School" + information="February 2nd. This is close and fun." + location="Golden Gate High, Golden Gate" signedIn="${props.signedIn}" isRegistered="${props.registeredComps.includes('February')}" on-register-comp="${() => store.dispatch(registerComp('February'))}"> </competition-element> </div> + <div class="regional-comp4"> + <competition-element + id="mar1-competition-element" + name="March1" + information="March 2nd. This is a bit of a drive, but the cypress competition is always fun." + location="Cypress Bay, Weston" + signedIn="${props.signedIn}" + isRegistered="${props.registeredComps.includes('March1')}" + on-register-comp="${() => store.dispatch(registerComp('March1'))}"> + </competition-element> + </div> + + <div class="regional-comp5"> + <competition-element + id="mar2-competition-element" + name="March2" + information="March 16th. This competition is rough." + location="American Hertiage-Boca, Delray Beach" + signedIn="${props.signedIn}" + isRegistered="${props.registeredComps.includes('March2')}" + on-register-comp="${() => store.dispatch(registerComp('March2'))}"> + </competition-element> + </div> + </div> </section> |