landing-pages/site/layouts/meetups/list.html (72 lines of code) (raw):
{{/*
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements. See the NOTICE file
distributed with this work for additional information
regarding copyright ownership. The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/}}
{{ define "main" }}
<h2 class="page-header">Meetups</h2>
<h5 class="meetups-page page-subtitle">
Meetups are a great way for the community to meet face-to-face
</h5>
<div class="meetups">
<script type="application/x-template" id="meetup-template">
<div class="list-item">
<div class="card">
<div class="box-event">
<p class="box-event__meetup--location" data-name="location"></p>
<p class="box-event__meetup--members">
{{ with resources.Get "icons/members-icon.svg" }}
{{ .Content | safeHTML }}
{{ end }}
<span data-name="members-count"></span>
</p>
<a href="">
<button class="btn-hollow btn-blue bodytext__medium--cerulean-blue">Learn more</button>
</a>
</div>
</div>
</div>
</script>
<div class="search-form">
<input class="search-form__input" placeholder="Country or city" type="search" id="search" size="16">
<button class="search-form__button">
{{ with resources.Get "icons/search-icon.svg" }}
{{ .Content | safeHTML }}
{{ end }}
</button>
</div>
<div id="events-container" class="list-items">
{{ range .Site.Data.meetups }}
<div class="list-item">
{{ partial "boxes/event" . }}
</div>
{{ end }}
</div>
<div>
{{ partial "buttons/button-filled" (dict "text" "Show more" "class" "more") }}
</div>
</div>
<div class="video-section-container no-width-restriction">
{{ partial "video-section" . }}
</div>
<div>
<h4 class="page-header host-header">Want to host a meetup?</h4>
<div class="text-with-icon-list">
{{ partial "text-with-icon" (dict "logo_path" "icons/meetup-icon.svg" "header" "Create an event" "text" "Create an event using meetup.com or Facebook and recruit some interesting speakers. Drinks and snacks are always nice.") }}
{{ partial "text-with-icon" (dict "logo_path" "icons/intent-icon.svg" "header" "Voice your intent" "text" "In describing your event, remember to specify the intended audience -- e.g., beginners, intermediates, developers, or architects.") }}
{{ partial "text-with-icon" (dict "logo_path" "icons/date-icon.svg" "header" "Select a date" "text" "Choosing the right day and time is essential for a good turnout. Midweek in the evening tends to work best. ") }}
{{ partial "text-with-icon" (dict "logo_path" "icons/promote-icon.svg" "header" "Promote it!" "text" "Publicize your meetup as widely as possible! Reach out to the community team, and we will publish your event in the [#announcements](https://apache-airflow.slack.com/messages/announcements) channel.") }}
</div>
</div>
{{ end }}