Jakub-Sadowski commented on a change in pull request #13596:
URL: https://github.com/apache/beam/pull/13596#discussion_r568454267
##########
File path: website/www/site/layouts/index.html
##########
@@ -63,73 +61,105 @@ <h2 class="pillars-title">
{{ end }}
{{ define "graphic-section" }}
- <div class="graphic section">
- <div class="graphic__image">
- <img src="/images/beam_architecture.png" alt="Beam architecture">
+ <div class="graphic">
+ <div class="quotes">
+ <h2 class="margin">{{ T "home-model-title1" }}</h2>
+ <div class="margin section">
+ <div class="row images desktop">
+ <img src="/images/model-sources-icon.svg" class='icon'/>
+ <img src="/images/model-ellipse.svg"/>
+ <img src="/images/model-processing-icon.svg" class='icon'/>
+ <img src="/images/model-ellipse.svg"/>
+ <img src="/images/model-sinks-icon.svg" class='icon'/>
+ </div>
+ <div class="row">
+ {{ $data := index $.Site.Data .Site.Language.Lang }}
+ {{ range $item := $data.graphic }}
+ <div class="column">
+ <img src="{{ .icon }}" class='icon mobile'/>
+ <h4>{{ .title }}</h4>
+ <p>{{ .body }}</p>
+ </div>
+ {{ end }}
+ </div>
+ </div>
+ </div>
+ <div class="section">
+ <h2 class="margin">{{ T "home-model-title2" }}</h2>
+ <div class="row margin">
+ <div class="column">
+ <div class="logos-row">
+ <img src="/images/logos/runners/gray-logos-1.svg"/>
+ </div>
+ <p class="more">{{ T "home-graphic-more" }}</p>
+ <div>
+ <h4>{{ T "home-graphic-runner-title" }}</h4>
+ <p>{{ T "home-graphic-runner-body" }}</p>
+ </div>
+ </div>
+ <div class="column">
+ <div class="logos-row">
+ <img class="first_logo" src="/images/logos/sdks/python-gray.svg"/>
+ <img src="/images/logos/sdks/java-gray.svg"/>
+ </div>
+ <p class="more">{{ T "home-graphic-more" }}</p>
+ <div>
+ <h4>{{ T "home-graphic-language-title" }}</h4>
+ <p>{{ T "home-graphic-language-body" }}</p>
+ </div>
+ </div>
+ </div>
</div>
</div>
{{ end }}
-{{/*
- TODO:
- This is the implementation of the design.
- The event sync functionality will be implemented when we have the event
page.
-*/}}
{{ define "calendar-section" }}
<div class="calendar">
<h2 class="calendar-title">
{{ T "home-calendar-title" }}
</h2>
<div class="calendar-content">
- <a href="#">
- <div class="calendar-card-big calendar-card-big-left">
- <div class="calendar-category">
- <p class="calendar-category-tag">{{ T
"home-calendar-category-tag-first" }}</p>
- <p class="calendar-category-date">{{ T
"home-calendar-category-date-first" }}</p>
- </div>
- <h4 class="calendar-card-big-title">
- {{ T "home-calendar-card-title-first" }}
- </h4>
- <p class="calendar-card-author">{{ T
"home-calendar-card-author-first" }}</p>
+ <div class="calendar-card-big calendar-card-big-left">
+ <div class="desktop">
+ <a class="twitter-timeline" data-width="381" data-height="460"
href="https://twitter.com/ApacheBeam?ref_src=twsrc%5Etfw";>Tweets by
ApacheBeam</a>
</div>
- </a>
+ <div class="mobile">
+ <a class="twitter-timeline" data-width="381" data-height="348"
href="https://twitter.com/ApacheBeam?ref_src=twsrc%5Etfw";>Tweets by
ApacheBeam</a>
+ </div>
+ </div>
Review comment:
It's much easier to just add the missing script, thanks to that we will
have all homepage ready
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
[email protected]
