-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Redesign of external website 2023 - Index page (#758)
* Started on index page * added 3 v's and videos * added frontpage images * added activities and photos * temp commit * dynamic columns for calendar and photo-albums * frontpage done - cleanup still needed * cleanup part 1 * cleanup part 2 * re-structured language files to split up public website from logged in one * added text to language files * merge fixed * minor renamings * merge fixed - part 2 * fixed linting errors * fixed one last issue * fixed requested changes * fixed ad heights * Minor fixes * added untracked files --------- Co-authored-by: guidojw <[email protected]>
- Loading branch information
1 parent
102a482
commit 49b1d77
Showing
90 changed files
with
1,264 additions
and
1,111 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
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 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
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,21 @@ | ||
import Component from '@ember/component'; | ||
import { computed } from '@ember/object'; | ||
import { htmlSafe } from '@ember/template'; | ||
|
||
const PublicActivityCardSmall = Component.extend({ | ||
classNames: ['card', 'public-activity-card-small', 'border-0', 'p-0'], | ||
style: computed('activity.coverPhotoUrl', function () { | ||
if (this.activity.coverPhotoUrl) { | ||
return htmlSafe(`background-image: url(${this.activity.coverPhotoUrl})`); | ||
} | ||
return htmlSafe( | ||
'background: center/cover url(/images/fallback/public_coverphoto_default.png), rgb(0 0 0 / 12%);' | ||
); | ||
}), | ||
}); | ||
|
||
PublicActivityCardSmall.reopenClass({ | ||
positionalParams: ['activity'], | ||
}); | ||
|
||
export default PublicActivityCardSmall; |
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
File renamed without changes.
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 |
---|---|---|
@@ -1,58 +1,72 @@ | ||
<nav class='navbar pb-0 pt-0' aria-label='breadcrumb'> | ||
<nav class='navbar pb-0 pt-0 {{if (not session.isAuthenticated) "public"}}' aria-label='breadcrumb'> | ||
<div class="container-fluid d-flex justify-content-between"> | ||
<span | ||
class='left-sidebar-toggle d-block d-md-none link' | ||
class='{{if session.isAuthenticated "half-toggle" "pe-2"}} left-sidebar-toggle d-block d-md-none link' | ||
{{action 'toggleLeftSidebar'}} | ||
> | ||
☰ | ||
</span> | ||
|
||
<span {{action 'handleLogoAction'}} class='navbar-brand'> | ||
<div class='header-logo'> </div> | ||
</span> | ||
{{#if session.isAuthenticated }} | ||
<span {{action 'handleLogoAction'}} class='navbar-brand'> | ||
<div class='header-logo'> </div> | ||
</span> | ||
{{else}} | ||
<div class='public-header-logo'> </div> | ||
{{/if}} | ||
|
||
<div class='d-flex col ps-0 pe-0 navbar-contents-holder'> | ||
<div class='d-flex col ps-0 pe-0 navbar-contents-holder {{if (not session.isAuthenticated) "public"}}'> | ||
<div class='navbar-overflow-wrapper'> | ||
<div class='navbar-nav col d-flex flex-row'> | ||
{{#if (or session.isAuthenticated media.isMobile)}} | ||
{{#if session.isAuthenticated}} | ||
<Breadcrumbs @routeInfos={{@routeInfos}} /> | ||
{{else}} | ||
<BsDropdown {{did-insert (action 'setAvailableStaticPages')}} as |dd|> | ||
<dd.button @type="primary"> | ||
{{else if media.isMobile}} | ||
{{else if (not media.isMobile)}} | ||
<LinkTo @route='index' class="page-actions-buttons"> | ||
<BsButton @type="primary" class="public-navbar-button {{if (eq router.currentRouteName 'index') 'selected'}}">Home</BsButton> | ||
</LinkTo> | ||
<BsDropdown class="position-static" as |dd| {{did-insert (action 'setStaticPages')}}> | ||
<dd.button @type="primary" class="public-navbar-button {{if this.onAboutUsPage 'selected'}}"> | ||
{{t "component.headerNav.aboutUs"}} | ||
</dd.button> | ||
<dd.menu @renderInPlace={{false}} as |ddm|> | ||
{{#each-in staticPagesForDropdown as |id title|}} | ||
<dd.menu class="public-about-us-dropdown" @renderInPlace={{true}} as |ddm|> | ||
{{#each-in staticPages as |id title|}} | ||
<ddm.item> | ||
<ddm.linkTo @route='static-pages.static-page' @model={{id}}> | ||
<ddm.linkTo @route='static-pages.static-page' @model={{id}} class="btn btn-primary"> | ||
{{title}} | ||
</ddm.linkTo> | ||
</ddm.item> | ||
{{/each-in}} | ||
</dd.menu> | ||
</BsDropdown> | ||
<PageActionsButtons @pageActions={{unAuthenticatedMenuOptions}} /> | ||
<LinkTo @route='static-pages.static-page' @model='word-lid' class="page-actions-buttons"> | ||
<BsButton @type="primary" class="public-navbar-button {{if (eq router.currentURL '/static-pages/word-lid') 'selected'}}">{{t "component.headerNav.becomeMember"}}</BsButton> | ||
</LinkTo> | ||
<LinkTo @route='static-pages.static-page' @model='sponsoring' class="page-actions-buttons"> | ||
<BsButton @type="primary" class="public-navbar-button {{if (eq router.currentURL '/static-pages/sponsoring') 'selected'}}">{{t "component.headerNav.sponsoring"}}</BsButton> | ||
</LinkTo> | ||
{{/if}} | ||
</div> | ||
</div> | ||
|
||
<div id='navbar-wormhole'></div> | ||
|
||
{{#unless session.isAuthenticated}} | ||
<LinkTo @route='login' class='d-none d-md-flex me-2'> | ||
<button class='btn btn-primary' type='button'> | ||
<button class='btn btn-primary public-navbar-button {{if (eq router.currentRouteName 'login') 'selected'}}' type='button'> | ||
{{t 'tag.button.signin'}} | ||
</button> | ||
</LinkTo> | ||
{{/unless}} | ||
<div id='navbar-wormhole'></div> | ||
</div> | ||
|
||
{{#unless session.isAuthenticated}} | ||
<button | ||
class='btn btn-locale btn-inverse-locale-{{intl.locale}}' | ||
class='btn btn-locale btn-inverse-locale-{{intl.locale}} me-2' | ||
title='{{t "component.headerNav.changeLocale"}}' | ||
{{action 'toggleLocale'}} | ||
type='button'> | ||
</button> | ||
{{/unless}} | ||
</div> | ||
</nav> | ||
</nav> |
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 |
---|---|---|
@@ -1,40 +1,14 @@ | ||
<div class='container-fluid index-header'> | ||
<Index::Public::BackgroundImage /> | ||
<div class="index-poster-overlay"></div> | ||
<img src='images/alphalogowhite-large.svg' class='image' /> | ||
<p class="new-member-text">{{t 'component.index.public.potentialMember.banner'}}</p> | ||
<a | ||
class='btn btn-lg btn-primary frontpage-button' | ||
href='https://forms.gle/R4WYzbWameD6wN817' | ||
target='_blank' | ||
> | ||
{{t 'component.index.public.actionButtons.memberButton'}} | ||
</a> | ||
</div> | ||
|
||
<div class='index-yellow-bar full-width'> | ||
<div class='container'> | ||
<Index::Public::AboutAlpha /> | ||
<Index::Public::Activities /> | ||
</div> | ||
</div> | ||
|
||
<Index::Public::PotentialMemberSection /> | ||
<div class="public-index"> | ||
<Public::Index::Header/> | ||
|
||
<div class='flex-items-xs-center index-promo-video'> | ||
<Index::Public::YoutubeVideos /> | ||
</div> | ||
|
||
<Index::Public::ActionButtons /> | ||
|
||
<div class='row'> | ||
<div class='col-xs col-md-12'> | ||
<Index::Public::Articles @articles={{@articles}} /> | ||
<Index::Public::Photos /> | ||
<Public::Index::AboutAlpha /> | ||
|
||
<AdvertisementTool @row={{true}} /> | ||
<Public::Index::YoutubeVideos /> | ||
|
||
<Index::Public::MemberStories /> | ||
<Index::Public::AboutFlux /> | ||
<div class="row"> | ||
<Public::Index::Activities @doubleActivityColumns={{doubleActivityColumns}} @activities={{activities}} @class="col-12 {{if doubleActivityColumns 'col-lg-8' 'col-lg-5'}}" /> | ||
<Public::Index::PhotoAlbums @doubleActivityColumns={{doubleActivityColumns}} @class="col-12 {{if doubleActivityColumns 'col-lg-4' 'col-lg-7'}}" /> | ||
</div> | ||
</div> | ||
|
||
<Public::Index::SponsorBanner /> | ||
</div> |
Oops, something went wrong.