pyladies-theme/index.html at master · codesses/pyladies-theme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
{% extends 'site-ui.html' %}

{% block full %}

    <div class="slider uk-hidden-small">
        <div class="uk-grid">
            <div class="uk-width-small-1-1">
                <div class="uk-slidenav-position" data-uk-slideshow="{autoplay:true,autoplayInterval:10000, animation: 'fade'}">
                    <ul class="uk-slideshow uk-overlay-active" >
                        <li class="slide1">
                            <img src="{{ get_asset('images/slider/slide1.jpg') }}">
                            <div class="uk-overlay-panel uk-overlay-background">

                                <div class="uk-vertical-align height100">
                                    <div class="uk-width-small-1-1 uk-text-center uk-vertical-align-middle">
                                        <h1>Welcome!</h1>
                                        <p>We are an international mentorship group with a focus on helping more women become active participants and leaders in the Python open-source community. </p>
                                    </div>
                                </div>

                            </div>
                        </li>
                        <li class="slide2">
                            <img src="{{ get_asset('images/slider/slide2.jpg') }}">
                            <div class="uk-overlay-panel uk-overlay-background">

                                <div class="uk-vertical-align height100">
                                    <div class="uk-width-small-1-1 uk-text-center uk-vertical-align-middle">
                                        <h1>Welcome!</h1>
                                        <p>We are an international mentorship group with a focus on helping more women become active participants and leaders in the Python open-source community. </p>
                                    </div>
                                </div>

                            </div>
                        </li>
                    </ul>
                    <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous"></a>
                    <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next"></a>

                </div>
            </div>
        </div>
    </div>

    <div class="uk-container-center uk-container">
        <div class="uk-grid">
            <div class="uk-width-medium-2-3 uk-width-small-1-1">
                <div class="blog-posts">
                <h1>Latest Blog Posts</h1>
                    {% for post in posts[:4] %}
                        <article class="uk-article">
                        <h1 class="uk-article-title"><a href="{{ get_url(post.url) }}">{{ post.title }}</a></h1>
                        <p class="uk-article-meta">Posted on <time pubdate datetime="{{ post.timestamp|date('%Y-%m-%d') }}">{{ post.date }}</time> by {{ post.author }}</p>
                        <p class="uk-article-lead">{{ post.excerpt }}  <br><a href="{{ get_url(post.url) }}" class='more-link'>Read more &rarr;</a></p>
                        </article>
                    {% endfor %}
                </div>
            </div>
            <div class="uk-width-medium-1-3 uk-width-small-1-1 uk-hidden-small">
                <h2>Recent Tweets</h2>
                <div class="twitter-widget">
                    <div id="twitter_feed">
                        <div id="chapter_tweets"><a class="twitter-timeline" data-dnt="true" href="https://twitter.com/PyLadies_pdx/pyladies-chapters" data-widget-id="301894449183735808">Tweets from @PyLadies_pdx/pyladies-chapters</a>
                            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                        </div>
                    </div>
                </div>
                 <h2>Upcoming Meetups</h2>
                <div id="upcomingMeetupsList">
                </div>
            </div>
        </div>
    </div>

    {% block sidebar %}
    {% endblock %}

{% endblock %}