Skip to content

Commit

Permalink
Merge pull request #118 from beamkenya/dev
Browse files Browse the repository at this point in the history 
 added sposnosrs, sessions
  • Loading branch information
@manuelgeek
manuelgeek authored May 19, 2023
2 parents eed9b59 + 46d0486 commit 44ea61e
Show file tree
Hide file tree
Showing 11 changed files with 584 additions and 168 deletions.
2 changes: 1 addition & 1 deletion api/sessions-2022.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
"tagline": "Founder of or Equals , a Phoenix Live view Consultancy",
"biography": "Leading award-winning business software development at Or Equals, specializing in Phoenix Live View and Elixir. Public company investor. Speaker. Software Developer. Semi-Pro Poker player.",
"avatar": "https://storage.3.basecamp.com/5369047/buckets/29187499/recordings/5379916155/email/download/BAh7CEkiCGdpZAY6BkVUSSIoZ2lkOi8vYmMzL0Jsb2IvNDM0MTk0Njg0P2V4cGlyZXNfaW4GOwBUSSIMcHVycG9zZQY7AFRbB0kiCmVtYWlsBjsAVGwrCHsBq0ABAEkiD2V4cGlyZXNfYXQGOwBUMA==--a86e30ab18cded11e3c18825a3276ff006e71c41/Joshua%20PLicque%20speaker.jpg",
"twitter": "",
"twitter": "https://twitter.com/joshuaplicque",
"facebook": null,
"linkedin": null,
"instagram": null,
Expand Down
585 changes: 463 additions & 122 deletions api/sessions.json
View file

Large diffs are not rendered by default.

66 changes: 41 additions & 25 deletions components/home/Sponsors.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,28 +7,42 @@
<div v-if="config.isEventLive">
<div class="row flex-col items-center">
<h5 class="title-2-secondary py-3 md:py-5">
Signature
Gold
</h5>
<div class="flex flex-row justify-center md:justify-start items-center space-x-2 md:space-x-4">
<a
v-for="(p, i) in signature"
:key="i"
:href="p.link"
target="_blank"
rel="noopener noreferrer"
class="p-0.5 bg-white"
><img :src="p.logo" :alt="p.link" class="w-36 md:w-72 space-x-4 px-0 md:px-6 py-6 md:py-0"></a>
</div>
</div>
<div class="row flex-col items-center mt-4 md:mt-8">
<h5 class="title-2-secondary py-3 md:py-5">
Silver
</h5>
<div class="flex flex-row justify-center md:justify-start items-center space-x-2 md:space-x-4">
<a
v-for="(p, i) in supporters"
:key="i"
:href="p.link"
target="_blank"
rel="noopener noreferrer"
class="p-0.5 bg-white"
><img :src="p.logo" :alt="p.link" class="w-24 md:w-52 space-x-4 px-0 md:px-6 py-6 md:py-0"></a>
</div>
</div>
<div class="row flex-col items-center mt-4 md:mt-8">
<h5 class="title-2-secondary py-3 md:py-5">
Silver
</h5>
<div class="flex flex-row justify-center md:justify-start items-center">
<a v-for="(p, i) in signature" :key="i" :href="p.link" target="_blank" rel="noopener noreferrer"><img :src="p.logo" :alt="p.link" class="w-36 md:w-72 space-x-4 px-0 md:px-6 py-6 md:py-0"></a>
<a v-for="(p, i) in communitiy" :key="i" :href="p.link" target="_blank" rel="noopener noreferrer"><img :src="p.logo" :alt="p.link" class="w-24 md:w-52 space-x-4 px-0 md:px-6 py-6 md:py-0"></a>
</div>
</div>
<!-- <div class="row flex-col items-center mt-4 md:mt-8">-->
<!-- <h5 class="title-2-secondary py-3 md:py-5">-->
<!-- Conference Supporter-->
<!-- </h5>-->
<!-- <div class="flex flex-row justify-center md:justify-start items-center">-->
<!-- <a v-for="(p, i) in supporters" :key="i" :href="p.link" target="_blank" rel="noopener noreferrer"><img :src="p.logo" :alt="p.link" class="w-24 md:w-52 space-x-4 px-0 md:px-6 py-6 md:py-0"></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row flex-col items-center mt-4 md:mt-8">-->
<!-- <h5 class="title-2-secondary py-3 md:py-5">-->
<!-- Community Builder-->
<!-- </h5>-->
<!-- <div class="flex flex-row justify-center md:justify-start items-center">-->
<!-- <a v-for="(p, i) in communitiy" :key="i" :href="p.link" target="_blank" rel="noopener noreferrer"><img :src="p.logo" :alt="p.link" class="w-24 md:w-52 space-x-4 px-0 md:px-6 py-6 md:py-0"></a>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div v-else class="text-center">
<p class="font-medium">
Expand All @@ -53,19 +67,21 @@ export default {
const signature = [
// { logo: '/images/sponsors/remote.svg', link: 'https://remote.com/' },
{ logo: '/images/partners/podii.png', link: 'https://podiihq.com/' },
{ logo: '/images/sponsors/pulpo.png', link: 'https://www.pulpowms.com/' },
// { logo: '/images/partners/podii.png', link: 'https://podiihq.com/' },
{ logo: '/images/partners/erlef.png', link: 'http://erlef.org/' },
]
const supporters = [
{ logo: '/images/sponsors/dockyard.svg', link: 'https://dockyard.com/' },
{ logo: '/images/sponsors/qhala.png', link: 'https://qhala.com/' },
{ logo: '/images/sponsors/optimum_v1_light.svg', link: 'http://optimum.ba/' },
{ logo: '/images/sponsors/PowerGen Logo Symbol (1).png', link: 'http://powergen-re.com/' },
]
const communitiy = [
{ logo: '/images/sponsors/smartlogic.png', link: 'https://smartlogic.io/' },
{ logo: '/images/sponsors/binary.png', link: 'https://binarynoggin.com/' },
{ logo: '/images/sponsors/frame.png', link: 'https://www.frame.io/' },
{ logo: '/images/sponsors/smart.png', link: 'https://www.smartvokat.com/' },
{ logo: '/images/sponsors/girls get geeky logo (1).png', link: 'http://girlsgetgeeky.com/' },
// { logo: '/images/sponsors/binary.png', link: 'https://binarynoggin.com/' },
// { logo: '/images/sponsors/frame.png', link: 'https://www.frame.io/' },
// { logo: '/images/sponsors/smart.png', link: 'https://www.smartvokat.com/' },
]
return {
Expand Down
4 changes: 2 additions & 2 deletions layouts/components/TopNav.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,11 +31,11 @@
<i class="fa fa-home" /> Home
</router-link>
</li>
<!-- <li class="mr-3">
<li class="mr-3">
<router-link class="py-2 px-4 inline-block no-underline text-px-13 nav-link " to="/sessions">
<i class="fa fa-list" /> Sessions
</router-link>
</li> -->
</li>
<li class="mr-3">
<router-link class="py-2 px-4 inline-block no-underline text-px-13 nav-link " to="/about">
<i class="fa fa-info-circle" /> About
Expand Down
2 changes: 1 addition & 1 deletion pages/index.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,6 @@
</div>
</section>
</div>
<!-- <home-sponsors /> -->
<home-sponsors />
</div>
</template>
72 changes: 55 additions & 17 deletions pages/sessions/index.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,22 @@
<shared-banner>Sessions</shared-banner>
<div class="w-full flex flex-wrap mt-2 md:mt-4">
<div v-if="!pending" class="w-full container mx-auto flex flex-wrap px-0 md:px-12 py-4">
<div class="flex flex-row lg:flex-col w-full lg:w-1/12 h-auto lg:h-64 bor border-r-0 lg:border-r border-primary dark:border-primary-dark space-y-0 lg:space-y-6 space-x-6 lg:space-x-0 items-center lg:items-start justify-center lg:justify-start py-2 lg:py-0 sticky nav-bg nav-side z-30">
<div v-for="(days, $index, $key) in schedule" :key="$key" :class="['w-4/12 px-3 py-1 lg:w-full cursor-pointer rounded-tl-lg rounded-bl-lg rounded-r-lg lg:rounded-r-none', currentTab === $key ? 'bg-primary dark:bg-primary-dark' : 'border border-r-1 lg:border-r-0 border-primary dark:border-primary-dark' ]" @click.prevent="showTab($key)">
<h4 :class="['text-px-16-slab', currentTab === $key ? 'text-white dark:text-secondary-dark-text' : 'text-primary dark:text-primary-dark']">
{{ $timeDay($index) }} <small :class="['text-px-13 capitalize', currentTab === $key ? 'text-white dark:text-secondary-dark-text' : 'text-primary dark:text-primary-dark']">Day {{ $key+1 }}</small>
<div
class="flex flex-row lg:flex-col w-full lg:w-1/12 h-auto lg:h-64 bor border-r-0 lg:border-r border-primary dark:border-primary-dark space-y-0 lg:space-y-6 space-x-6 lg:space-x-0 items-center lg:items-start justify-center lg:justify-start py-2 lg:py-0 sticky nav-bg nav-side z-30"
>
<div
v-for="(days, $index, $key) in schedule"
:key="$key"
:class="['w-4/12 px-3 py-1 lg:w-full cursor-pointer rounded-tl-lg rounded-bl-lg rounded-r-lg lg:rounded-r-none', currentTab === $key ? 'bg-primary dark:bg-primary-dark' : 'border border-r-1 lg:border-r-0 border-primary dark:border-primary-dark']"
@click.prevent="showTab($key)"
>
<h4
:class="['text-px-16-slab', currentTab === $key ? 'text-white dark:text-secondary-dark-text' : 'text-primary dark:text-primary-dark']"
>
{{ $timeDay($index) }} <small
:class="['text-px-13 capitalize', currentTab === $key ? 'text-white dark:text-secondary-dark-text' : 'text-primary dark:text-primary-dark']"
>Day
{{ $key + 1 }}</small>
</h4>
</div>
</div>
Expand All @@ -25,15 +37,27 @@
<div v-if="currentTab === $key" class="flex-wrap w-full flex space-y-6 mb-2 lg:mb-10">
<div v-if="days.length > 0 && config.isEventLive">
<div v-for="(session, $ind) in days" :key="$ind" class="flex w-full px-0 lg:px-2 mb-8 lg:mb-10">
<div :class="['w-2/12 flex items-center justify-center text-right hidden lg:grid', session.is_serviceSession ? 'h-24' : 'h-44']">
<div
:class="['w-2/12 flex items-center justify-center text-right hidden lg:grid', session.is_serviceSession ? 'h-24' : 'h-44']"
>
<h3 class="text-px-14-slab text-primary dark:text-primary-dark uppercase">
{{ $time(session.start_date_time) }} <br> {{ $timeAm(session.start_date_time) }}
</h3>
</div>
<div class="w-full lg:w-10/12 flex rounded-tr-lg rounded-br-lg">
<nuxt-link v-if="!session.is_serviceSession" :to="'/sessions/' + session.slug" class="h-20 w-20 lg:h-44 lg:w-44 shadow-lg flex-none bg-cover rounded-tl rounded-bl text-center overflow-hidden">
<nuxt-link
v-if="!session.is_serviceSession || (session.is_serviceSession && session.speakers.length === 1)"
:to="'/sessions/' + session.slug"
class="h-20 w-20 lg:h-44 lg:w-44 shadow-lg flex-none bg-cover rounded-tl rounded-bl text-center overflow-hidden"
>
<div v-if="session.speakers.length === 1">
<img v-for="(speaker, $i) in session.speakers" :key="$i" :src="speaker.avatar" :alt="speaker.name" :title="speaker.name">
<img
v-for="(speaker, $i) in session.speakers"
:key="$i"
:src="speaker.avatar"
:alt="speaker.name"
:title="speaker.name"
>
</div>
<div v-else>
<client-only>
Expand All @@ -55,8 +79,15 @@
</client-only>
</div>
</nuxt-link>
<div v-else class="h-12 w-20 lg:h-28 lg:w-44 flex-none bg-cover rounded-tl rounded-bl text-center overflow-hidden" style="background-image: url('/images/speakers/arrive.png')" :title="session.title" />
<div :class="['h-auto w-full shadow-lg rounded-tr-lg bg-white dark:bg-dark rounded-br-lg px-4 flex flex-col justify-between', session.is_serviceSession ? 'lg:h-28 py-2': 'lg:h-44 py-1']">
<div
v-else
class="h-12 w-20 lg:h-28 lg:w-44 flex-none bg-cover rounded-tl rounded-bl text-center overflow-hidden"
style="background-image: url('/images/speakers/arrive.png')"
:title="session.title"
/>
<div
:class="['h-auto w-full shadow-lg rounded-tr-lg bg-white dark:bg-dark rounded-br-lg px-4 flex flex-col justify-between', session.is_serviceSession ? 'lg:h-28 py-2' : 'lg:h-44 py-1']"
>
<div class="flex flex-wrap items-start">
<div class="md:w-12/12">
<nuxt-link v-if="!session.is_serviceSession" :to="'/sessions/' + session.slug">
Expand All @@ -79,15 +110,20 @@
{{ $hour(session.start_date_time) }} - {{ $hour(session.end_date_time) }}
<!-- | <span v-for="(room, $r) in session.rooms" :key="$r">{{ room.title }}<span v-if="$r+1 < session.rooms.length">, </span> </span>-->
</div>
<div v-if="!session.is_serviceSession" class="text-sm text-secondary dark:text-primary-dark pt-3">
<div
v-if="!session.is_serviceSession || (session.is_serviceSession && session.speakers.length === 1)"
class="text-sm text-secondary dark:text-primary-dark pt-3"
>
<i class="fa fa-user pr-1" /> <span v-for="(speaker, $s) in session.speakers" :key="$s"><a
:href="speaker.twitter"
>{{ speaker.name }}</a><span v-if="$s+1 < session.speakers.length">, </span> </span>
>{{ speaker.name }}</a><span
v-if="$s + 1 < session.speakers.length"
>, </span> </span>
</div>
</div>
<!-- <div class="w-2/12 flex items-center justify-center">-->
<!-- <star-session v-if="!session.is_serviceSession" :session-id="session.id" :is-bookmarked="session.is_bookmarked" :session-slug="session.slug" />-->
<!-- </div>-->
<!-- <div class="w-2/12 flex items-center justify-center">-->
<!-- <star-session v-if="!session.is_serviceSession" :session-id="session.id" :is-bookmarked="session.is_bookmarked" :session-slug="session.slug" />-->
<!-- </div>-->
</div>
</div>
</div>
Expand Down Expand Up @@ -139,14 +175,16 @@ onMounted(() => {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.nav-side {
top: 52px;
@media screen and (max-width: 360px) {
top:60px;
top: 60px;
}
}
</style>
}</style>
Binary file added public/images/sponsors/PowerGen Logo Symbol (1).png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/sponsors/_PowerGen Logo (1).png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/sponsors/girls get geeky logo (1).png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
21 changes: 21 additions & 0 deletions public/images/sponsors/optimum_v1_light.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/sponsors/pulpo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 44ea61e

Please sign in to comment.