diff --git a/public/data/settings.json b/public/data/settings.json index 3e8fbf868c..30457c4a59 100644 --- a/public/data/settings.json +++ b/public/data/settings.json @@ -56,8 +56,18 @@ }, "fontColor": "#FFF", "callToAction": { - "label": "Photos 2023", - "link": "https://photos.app.goo.gl/sfoA93RB1SBML6CY7" + "photos": { + "label": "Photos 2023", + "link": "https://photos.app.goo.gl/sfoA93RB1SBML6CY7" + }, + "cfp": { + "label": "CFP 2024", + "link": "https://conference-hall.io/public/event/32IQQ5wYijdJdXrqtYsx" + }, + "sponsors": { + "label": "Sponsors", + "anchor": "#partners-block" + } } }, "blog": { @@ -168,8 +178,8 @@ }, { "name": "linkedin", - "nickname":"Sunny Tech Event", - "url":"https://www.linkedin.com/company/sunny-tech-event/" + "nickname": "Sunny Tech Event", + "url": "https://www.linkedin.com/company/sunny-tech-event/" } ], "share": [ diff --git a/src/elements/partners-block.ts b/src/elements/partners-block.ts index 2c4081f029..295ccf1aca 100644 --- a/src/elements/partners-block.ts +++ b/src/elements/partners-block.ts @@ -39,7 +39,7 @@ export class PartnersBlock extends ReduxMixin(PolymerElement) { .logo-item { padding: 12px; - box-shadow: 0 2px 4px rgba(0,0,0,0.3); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); border-radius: 4px; } diff --git a/src/pages/home-page.ts b/src/pages/home-page.ts index dae1b96b1d..6c8e305179 100644 --- a/src/pages/home-page.ts +++ b/src/pages/home-page.ts @@ -33,6 +33,7 @@ import { import '../utils/icons'; import { INCLUDE_SITE_TITLE, updateMetadata } from '../utils/metadata'; import { POSITION, scrollToElement } from '../utils/scrolling'; +import { PartnersBlock } from '../elements/partners-block'; @customElement('home-page') export class HomePage extends ReduxMixin(PolymerElement) { @@ -44,6 +45,21 @@ export class HomePage extends ReduxMixin(PolymerElement) { height: 100%; } + .call-to-action { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 1rem; + } + .call-to-action a { + flex: 1 0 auto; + } + .call-to-action a paper-button { + min-width: 110px; + width: 100%; + margin: 0; + } + hero-block { font-size: 24px; text-align: center; @@ -170,20 +186,41 @@ export class HomePage extends ReduxMixin(PolymerElement) {
- - - - - - - - - - - - - [[heroSettings.callToAction.label]] - + + + + + + + + + + +
+ + [[heroSettings.callToAction.photos.label]] + + + [[heroSettings.callToAction.cfp.label]] + + + [[heroSettings.callToAction.sponsors.label]] + +
- - - - + + + +