mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
79b4e252fe
Added a button to the landing-page and landing-page-event views in the meetup section. This button, when the nostr attribute contains 'npub1', links out to the corresponding Nostr page using the nostr attribute value.
249 lines
13 KiB
PHP
249 lines
13 KiB
PHP
<div class="bg-21gray flex flex-col h-screen justify-between">
|
|
<livewire:frontend.header :country="null"/>
|
|
{{-- MAIN --}}
|
|
<section class="w-full mb-12 mt-8">
|
|
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4 flex flex-col sm:flex-row">
|
|
<div class="flex flex-col sm:flex-row">
|
|
<div class="sm:w-10/12 flex flex-col">
|
|
<h1 class="mb-6 text-5xl font-extrabold leading-none tracking-normal text-gray-200 sm:text-6xl md:text-6xl lg:text-7xl md:tracking-tight">
|
|
<span
|
|
class="text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-amber-500 to-amber-200">{{ $meetup->name }}</span><br
|
|
class="lg:block hidden">
|
|
{{ __('Plebs together strong 💪') }}
|
|
</h1>
|
|
<div class="px-0 mb-6 text-lg text-gray-200 md:text-xl">
|
|
<x-markdown>
|
|
{!! $meetup->intro !!}
|
|
</x-markdown>
|
|
</div>
|
|
|
|
@if($meetup->telegram_link)
|
|
<x-button
|
|
target="_blank"
|
|
:href="$meetup->telegram_link"
|
|
primary lg class="mt-4 whitespace-nowrap">
|
|
<i class="fa fa-thin fa-external-link mr-2"></i>
|
|
{{ __('Telegram-Link') }}
|
|
</x-button>
|
|
@endif
|
|
@if($meetup->simplex)
|
|
<x-button
|
|
target="_blank"
|
|
:href="$meetup->simplex"
|
|
primary lg class="mt-4 whitespace-nowrap">
|
|
<i class="fa fa-thin fa-external-link mr-2"></i>
|
|
{{ __('SimpleX-Link') }}
|
|
</x-button>
|
|
@endif
|
|
@if($meetup->nostr && str($meetup->nostr)->contains('npub1'))
|
|
<x-button
|
|
target="_blank"
|
|
:href="'https://njump.me/'.$meetup->nostr"
|
|
primary lg class="mt-4 whitespace-nowrap">
|
|
<i class="fa fa-thin fa-external-link mr-2"></i>
|
|
{{ __('Nostr') }}
|
|
</x-button>
|
|
@endif
|
|
@if($meetup->webpage)
|
|
<x-button
|
|
target="_blank"
|
|
:href="$meetup->webpage"
|
|
primary lg class="mt-4 whitespace-nowrap">
|
|
<i class="fa fa-thin fa-external-link mr-2"></i>
|
|
{{ __('Website') }}
|
|
</x-button>
|
|
@endif
|
|
@if($meetup->matrix_group)
|
|
<x-button
|
|
target="_blank"
|
|
:href="$meetup->matrix_group"
|
|
primary lg class="mt-4 whitespace-nowrap">
|
|
<i class="fa fa-thin fa-people-group mr-2"></i>
|
|
{{ __('Matrix-Group') }}
|
|
</x-button>
|
|
@endif
|
|
@if($meetup->twitter_username)
|
|
<x-button
|
|
target="_blank"
|
|
:href="'https://twitter.com/'.$meetup->twitter_username"
|
|
primary lg class="mt-4 whitespace-nowrap">
|
|
<i class="fa fa-thin fa-external-link mr-2"></i>
|
|
{{ __('Twitter') }}
|
|
</x-button>
|
|
@endif
|
|
|
|
</div>
|
|
|
|
<div class="sm:w-2/12 p-4">
|
|
<img class="max-h-64" src="{{ $meetup->getFirstMediaUrl('logo') }}" alt="Logo">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4">
|
|
|
|
<section class="h-auto py-16">
|
|
<div class="mx-auto space-y-4 sm:text-center">
|
|
<div class="flex space-x-4 items-baseline">
|
|
<div class="text-4xl sm:text-5xl font-semibold text-white">{{ __('Events') }}</div>
|
|
<div>
|
|
<x-button
|
|
x-data="{}"
|
|
@click.prevent="window.navigator.clipboard.writeText('{{ route('meetup.ics', ['country' => $this->country ?? $meetup->city->country->code, 'meetup' => $meetup]) }}');window.$wireui.notify({title:'{{ __('Calendar Stream Url copied!') }}',description:'{{ __('Paste the calendar stream link into a compatible calendar app.') }}',icon:'success'});"
|
|
primary lg class="mt-4 whitespace-nowrap">
|
|
<i class="fa fa-thin fa-calendar-circle-exclamation mr-2"></i>
|
|
{{ __('Calendar Stream-Url') }}
|
|
</x-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<ul role="list" class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4">
|
|
@foreach($meetupEvents as $meetupEvent)
|
|
@php
|
|
$activeClass = $activeEvent === $meetupEvent->id ? 'bg-gradient-to-r from-amber-800 via-amber-600 to-amber-500' : 'bg-amber-500';
|
|
@endphp
|
|
<li id="meetupEventId_{{ $meetupEvent->id }}"
|
|
class="{{ $activeClass }} col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg text-center shadow-2xl">
|
|
<div class="flex flex-1 flex-col p-8">
|
|
{{--<img class="mx-auto h-32 w-32 object-contain flex-shrink-0 rounded"
|
|
src="{{ $meetupEvent->meetup->getFirstMediaUrl('logo') }}"
|
|
alt="{{ $meetupEvent->meetup->name }}">--}}
|
|
<h3 class="mt-1 text-xl font-medium text-gray-900">{{ $meetupEvent->start->asDateTime() }}</h3>
|
|
<h3 class="mt-1 text-xl font-medium text-gray-900">{{ $meetupEvent->location }}</h3>
|
|
<dl class="mt-1 flex flex-grow flex-col justify-between">
|
|
<div x-data="{ active: 2 }" class="mx-auto max-w-3xl w-full space-y-4">
|
|
<div x-data="{
|
|
id: 1,
|
|
get expanded() {
|
|
return this.active === this.id
|
|
},
|
|
set expanded(value) {
|
|
this.active = value ? this.id : null
|
|
},
|
|
}"
|
|
role="region" class="rounded-lg bg-white shadow">
|
|
<h2>
|
|
<button
|
|
x-on:click="expanded = !expanded"
|
|
:aria-expanded="expanded"
|
|
class="flex w-full items-center justify-between px-6 py-4 text-xl font-bold"
|
|
>
|
|
<span>{{ __('Description') }}</span>
|
|
<span x-show="expanded" aria-hidden="true" class="ml-4">−</span>
|
|
<span x-show="!expanded" aria-hidden="true" class="ml-4">+</span>
|
|
</button>
|
|
</h2>
|
|
<div x-show="expanded" x-collapse>
|
|
<div
|
|
class="px-6 pb-4 text-left">{!! nl2br($meetupEvent->description) !!}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
<div>
|
|
<div class="-mt-px flex divide-x divide-gray-200">
|
|
<div class="-ml-px flex w-0 flex-1">
|
|
<a target="_blank"
|
|
href="{{ route('meetup.event.landing', ['country' => $country, 'meetupEvent' => $meetupEvent]) }}"
|
|
class="relative inline-flex w-0 flex-1 items-center justify-center rounded-br-lg border border-transparent py-4 text-sm font-medium text-gray-700 hover:text-gray-500">
|
|
<i class="text-gray-100 text-2xl fa-thin fa-right-to-bracket"></i>
|
|
<span class="ml-3 text-gray-100 text-2xl">{{ __('Link to participate') }}</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
|
|
<div class="w-full mt-8">
|
|
|
|
@php
|
|
$locale = \Illuminate\Support\Facades\Cookie::get('lang', 'de');
|
|
@endphp
|
|
|
|
<link rel="stylesheet" type="text/css"
|
|
href="{{ asset('dist/js-year-calendar.min.css') }}"/>
|
|
<script src="{{ asset('dist/js-year-calendar.min.js') }}"></script>
|
|
<script src="{{ asset('dist/locales/js-year-calendar.'.$locale.'.js') }}"></script>
|
|
|
|
<style>
|
|
.calendar .calendar-header {
|
|
background-color: #F7931A;
|
|
color: white;
|
|
border: 0;
|
|
}
|
|
|
|
.calendar table.month th.month-title {
|
|
color: #F7931A;
|
|
}
|
|
|
|
.calendar table.month th.day-header {
|
|
color: #fff;
|
|
}
|
|
|
|
.calendar table.month td.day .day-content {
|
|
color: #fff;
|
|
}
|
|
|
|
.calendar .calendar-header table th:hover {
|
|
background: #222;
|
|
}
|
|
</style>
|
|
<div
|
|
wire:ignore
|
|
x-data="{
|
|
calendar: null,
|
|
init() {
|
|
let events = {{ Js::from($events) }};
|
|
events = events.map(function(e){
|
|
return {id: e.id, startDate: new Date(e.startDate), endDate: new Date(e.endDate), location: e.location, description: e.description}
|
|
})
|
|
|
|
new Calendar(this.$refs.calendar, {
|
|
style: 'background',
|
|
language: '{{ $locale }}',
|
|
startYear: {{ date('Y') }},
|
|
dataSource: events,
|
|
yearChanged: function(e) {
|
|
@this.set('year', e.currentYear);
|
|
},
|
|
clickDay: function(e) {
|
|
if(e.events.length > 0) {
|
|
$wire.call('showEvent', e.events[0].id);
|
|
document.getElementById('meetupEventId_'+e.events[0].id).scrollIntoView();
|
|
}
|
|
},
|
|
});
|
|
},
|
|
}"
|
|
>
|
|
<div x-ref="calendar"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
{{-- FOOTER --}}
|
|
<livewire:frontend.footer/>
|
|
|
|
@feature('nostr.groups')
|
|
<div wire:ignore class="z-50 hidden md:block">
|
|
<script
|
|
src="{{ asset('dist/einundzwanzig.chat.js') }}"
|
|
data-website-owner-pubkey="daf83d92768b5d0005373f83e30d4203c0b747c170449e02fea611a0da125ee6"
|
|
data-chat-type="GLOBAL"
|
|
data-chat-tags="#einundzwanzig_portal_{{ str($meetup->slug)->replace('-', '_') }}"
|
|
data-relays="wss://nostr.einundzwanzig.space,wss://nostr.easify.de,wss://nostr.mom,wss://relay.damus.io,wss://relay.snort.social"
|
|
></script>
|
|
<link rel="stylesheet" href="{{ asset('dist/einundzwanzig.chat.css') }}">
|
|
</div>
|
|
@endfeature
|
|
|
|
</div>
|