rubycentral-theme/custom-modern-open-source.hbs at main · rubycentral/rubycentral-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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
{{!-- This template is used to render the precise layout of /open-source --}}
{{!< default}}
{{#post}}
  <div id="modern">
    <div class="container">
      <h1>{{title}}</h1>
      <div class="two-up">{{content}}</div>
    </div>

    <div class="container program-news">
      {{#get "pages" filter="slug:program-news"}}
        {{#foreach pages}}
          <h3>Program News</h3>
          <ul>
            {{#get "posts" order="desc, title asc" filter="tag:[news]"}}
              {{#foreach posts limit="3"}}
                <li>{{#link href=(url)}}{{title}}{{/link}}</li>
              {{/foreach}}
            {{/get}}
          </ul>
        {{/foreach}}
      {{/get}}
    </div>

    <div class="container mission-and-vision">
      {{#get "pages" filter="tag:[hash-oss-our-vision, hash-oss-our-mission]"}}
        {{#foreach pages}}
          <div class="column">
            <h3>{{title}}</h3>
            {{{html}}}
          </div>
        {{/foreach}}
      {{/get}}
    </div>

    <div class="container projects">
      <h2>Projects</h2>
      <h3>Learn more about our current and past efforts</h3>
      <div class="projects-list">
        {{#get "pages" order="featured desc, title asc" filter="tag:[hash-oss-project]"}}
          {{#foreach pages}}
          <div class="project">
              <h3>{{title}}</h3>
              {{{html}}}
          </div>
          {{/foreach}}
        {{/get}}
      </div>
      <div class="contribute">
        {{#get "pages" filter="tag:[hash-oss-contribute]"}}
        {{#foreach pages}}
        {{#if feature_image}}
        <img src="{{feature_image}}" alt="{{title}}" class="feature-image">
        {{/if}}
        <h3>{{title}}</h3>
        <div>{{content}}</div>
        {{/foreach}}
        {{/get}}
      </div>
    </div>

    <div class="container" aria-labelledby="team-heading">
      <h2 id="team-heading">Team</h2>
      <h3>Meet the people behind our program</h3>
      <div class="page-open-source__team">
        {{#get "pages" order="featured desc, title asc" filter="tags:hash-oss-team" limit="all" include="feature_image"}}
          {{#foreach pages}}
            <figure>
              {{#if feature_image}}
                <img src="{{feature_image}}" alt="{{title}}" class="feature-image team-photo">
              {{/if}}
              <figcaption class="team-info">
                <p class="team-name">{{title}}</p>
                {{content}}
              </figcaption>
            </figure>
          {{/foreach}}
        {{/get}}
      </div>
    </div>
      <div class="container program-support">
        {{#get "pages" filter="tag:[hash-oss-program-support]"}}
        {{#foreach pages}}
        <h2>{{title}}</h2>
        {{{content}}}
        <span>Program-Specific Funding</span>
        <span>Donated Services</span>
        <span>Memberships</span>
        <span>Corporate Sponsorships</span>
        {{/foreach}}
        {{/get}}
      </div>
      <div class="container">
  <section class="sponsors">
  <p class="sponsors__title">Our Open Source Sponsors</p>
  <div class="sponsors__inner">
    {{#get "pages"
      order="featured desc, title asc"
      filter="tags:hash-oss-sponsors"
      limit="all"
      fields="title,feature_image,custom_excerpt"}}
      {{#foreach pages}}
        {{#if feature_image}}
          {{#if custom_excerpt}}
            <a href="{{custom_excerpt}}" target="_blank" rel="noopener noreferrer" aria-label="{{title}}">
              <img src="{{feature_image}}" alt="{{title}}" />
            </a>
          {{else}}
            <img src="{{feature_image}}" alt="{{title}}" />
          {{/if}}
        {{/if}}
      {{/foreach}}
    {{/get}}
  </div>
</section>
</div>

<div class="container">
  <section class="sponsors">
    <p class="sponsors__title">RubyGems Supporters Plus</p>
    <div class="sponsors__inner">
      {{#get "pages"
        order="featured desc, title asc"
        filter="tags:hash-rubygems-sponsors"
        limit="all"
        fields="title,feature_image,custom_excerpt"}}
        {{#foreach pages}}
          {{#if feature_image}}
            {{#if custom_excerpt}}
              <a href="{{custom_excerpt}}" target="_blank" rel="noopener noreferrer" aria-label="{{title}}">
                <img src="{{feature_image}}" alt="{{title}}" />
              </a>
            {{else}}
              <img src="{{feature_image}}" alt="{{title}}" />
            {{/if}}
          {{/if}}
        {{/foreach}}
      {{/get}}
    </div>
  </section>
</div>
{{/post}}
{{#contentFor 'scripts'}}
<script src="{{asset 'dist/post.js'}}" defer></script>
{{/contentFor}}