Skip to content

Commit 951ce4c

Browse files
author
Rita Iglesias
committed
Testing different categories 1.3
1 parent 61f6935 commit 951ce4c

10 files changed

+41
-175
lines changed

‎_customer_stories/example_customer_story.md

-5
This file was deleted.

‎_customer_stories/pytorch_developer_day.md

-16
This file was deleted.

‎_customer_stories/pytorch_developer_day_2020.md

-8
This file was deleted.

‎_customer_stories/pytorch_ecosystem_day_2021.md

-8
This file was deleted.

‎_customer_stories/pytorch_summer_hackathon_2020.md

-13
This file was deleted.

‎_includes/customer_stories_side_nav.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
{% for story in customer_stories %}
66
<ul>
7-
<li><a href="#{{ story.title | remove: " " }}">{{ story.title }}</a></li>
7+
<li><a href="#">{{ story.title }}</a></li>
88
</ul>
99
{% endfor %}
1010
</ul>

‎_includes/item-1.html

+11-29
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,23 @@
1-
<div class="col-md-12 item-1-customer-stories-container">
1+
<div class="col-md-12 in-production-stories-container">
22
<div class="col-md-3 customer-stories-side-nav-container">
33
{% include customer_stories_side_nav.html %}
44
</div>
5-
<div class="col-md-9 item-1-info-container">
6-
<div id="item-1" class="row main-content blog-detail-content contributor-sidebar">
5+
<div class="col-md-9 in-production-info-container">
6+
<div id="in-production" class="row main-content blog-detail-content contributor-sidebar">
77
<div class="col-md-8 offset-md-1 container">
88
<h1>In production customer stories</h1>
9-
{% assign computer_vision = site.customer_stories | where: "category", "computer-vision" %}
10-
{% capture now %}{{'now' | date: '%s' | plus: 0 %}}{% endcapture %}
119
<h2>Computer vision</h2>
12-
{% for item in computer_vision %}
13-
{% capture date %}{{item.date | date: '%s' | plus: 0 %}}{% endcapture %}
14-
15-
<div id="{{ item.category | remove: " " }}" class="item-1-section col-md-8 offset-md-1 container">
16-
{% assign computer_vision = site.customer_stories | where: "category", "computer-vision" %}
17-
<div class="item-1-item">
18-
<h3>{{ item.title }}</h3>
19-
</div>
10+
<div id="computer-vision" class="in-production-section col-md-8 offset-md-1 container">
11+
<div class="in-production-item">
12+
<a class="link-0" href="#">link 0</a>
2013
</div>
21-
22-
{% endfor %}
23-
24-
{% assign natural_language_processing = site.customer_stories | where: "category", "natural-language-processing" %}
25-
{% capture now %}{{'now' | date: '%s' | plus: 0 %}}{% endcapture %}
14+
</div>
2615
<h2>Natural language processing</h2>
27-
{% for item in natural_language_processing %}
28-
29-
<div id="{{ item.category | remove: " " }}" class="item-1-section col-md-8 offset-md-1 container">
30-
{% assign natural_language_processing = site.customer_stories | where: "category", "natural-language-processing" %}
31-
<div class="item-1-item">
32-
<h3>{{ item.title }}</h3>
33-
<a class="{{ item-title }}" href="{{ item.link }}">{{ item.title }}</a>
34-
</div>
16+
<div id="natural-language-processing" class="in-production-section col-md-8 offset-md-1 container">
17+
<div class="in-production-item">
18+
<a class="link-1" href="#">link 1</a>
3519
</div>
36-
37-
{% endfor %}
38-
20+
</div>
3921
</div>
4022
</div>
4123
</div>

‎_includes/item-2.html

+19-24
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,24 @@
1-
<div id="item-2" class="item-1-section hidden">
2-
<div id="col-md-12 item-2-container">
3-
<div class="col-md-9 item-2-info-container">
4-
<div id="item-2" class="row main-content blog-detail-content contributor-sidebar">
1+
<div id="research" class="in-production-section hidden">
2+
<div id="col-md-12 re-container">
3+
<div class="col-md-9 research-info-container">
4+
<div id="research" class="row main-content blog-detail-content contributor-sidebar">
55
<h1>Here goes item 2 things</h1>
66

7-
<h2>
8-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
9-
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
10-
Morbi quis feugiat erat, non tristique nunc.
11-
</h2>
12-
<h2>
13-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
14-
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
15-
Morbi quis feugiat erat, non tristique nunc.
16-
</h2>
17-
<h2>
18-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
19-
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
20-
Morbi quis feugiat erat, non tristique nunc.
21-
</h2>
22-
<h2>
23-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
24-
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
25-
Morbi quis feugiat erat, non tristique nunc.
26-
</h2>
7+
<div class="col-md-8 offset-md-1 container">
8+
<h1>Research</h1>
9+
<h2>Computer vision</h2>
10+
<div id="computer-vision" class="research-section col-md-8 offset-md-1 container">
11+
<div class="research-item">
12+
<a class="link-0" href="#">link 0</a>
13+
</div>
14+
</div>
15+
<h2>Natural language processing</h2>
16+
<div id="natural-language-processing" class="research-section col-md-8 offset-md-1 container">
17+
<div class="research-item">
18+
<a class="link-1" href="#">link 1</a>
19+
</div>
20+
</div>
21+
</div>
2722
</div>
2823
</div>
2924
</div>

‎_sass/customer-stories.scss

+6-67
Original file line numberDiff line numberDiff line change
@@ -4,29 +4,26 @@
44
}
55
.customer-stories {
66
padding-top: 0;
7-
.item-1-info-container, .item-2-info-container {
7+
.in-production-info-container, .research-info-container {
88
display: flex;
99
flex-flow: column;
1010
}
1111
.sticky-top {
1212
top: 15%;
1313
}
14-
.event-label {
15-
margin-bottom: 2rem;
16-
}
1714
}
18-
.item-1-customer-stories-container {
15+
.in-production-container {
1916
display: flex;
2017
@media (max-width: 767px) {
2118
flex-flow: wrap;
2219
}
2320
}
24-
.item-2-section {
21+
.in-production-section {
2522
max-width: 920px;
2623
margin: 0 auto 0 auto;
2724
padding: 0 30px 43px 30px;
2825
width: 90%;
29-
.item-1-item, .item-2-item {
26+
.in-production-item {
3027
padding-bottom: 3rem;
3128
border-bottom: 1px solid #D6D7D8;
3229
h2 {
@@ -40,7 +37,7 @@
4037
list-style: none;
4138
}
4239
}
43-
.item-1-section {
40+
.in-production-section {
4441
p {
4542
font-size: 18px;
4643
margin-top: 2rem;
@@ -151,65 +148,7 @@
151148
}
152149
}
153150

154-
.customer-stories-video-wrapper {
155-
width: 100%;
156-
border: 1px solid $mid_gray;
157-
background-color: $light_grey;
158-
height: 21rem;
159-
margin-top: 2.5rem;
160-
.video-container {
161-
display: flex;
162-
top: 12%;
163-
}
164-
.video-tabs {
165-
display: flex;
166-
}
167-
.customer-stories-video-nav {
168-
flex-direction: row;
169-
padding-right: 0;
170-
margin-bottom: 1rem;
171-
.nav-item {
172-
border-right: 1px solid $mid_gray;
173-
border-bottom: 1px solid $mid_gray;
174-
}
175-
.nav-select {
176-
background-color: $white;
177-
border-bottom: none;
178-
.nav-link {
179-
color: $orange;
180-
}
181-
}
182-
}
183-
.customer-stories-nav-link {
184-
text-align: center;
185-
}
186-
.video {
187-
position: relative;
188-
height: 0;
189-
padding-bottom: 30%;
190-
place-self: center;
191-
}
192-
.video-info {
193-
margin-left: 3rem;
194-
max-width: 45%;
195-
}
196-
iframe {
197-
height: 100%;
198-
width: 100%;
199-
position: absolute;
200-
}
201-
}
202-
.video-links-container {
203-
border: 1px solid $mid_gray;
204-
.video-links {
205-
display: flex;
206-
.video-link-item {
207-
padding-left: 1rem;
208-
list-style: none;
209-
}
210-
}
211-
}
212-
.item-2-container {
151+
.research-container {
213152
padding-left: 0;
214153
@include desktop {
215154
display: flex;

‎customer-stories.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,11 @@ <h2 class="lead">Learn how our community solves real, everyday machine learning
2121
<div class="contributor-container">
2222
<nav class="navbar navbar-expand-lg navbar-light main-content-menu">
2323
<ul class="navbar-nav customer-stories-nav">
24-
<li id="customer-stories" class="nav-item nav-select">
25-
<span class="nav-link customer-stories-nav-link">Item-1</span>
24+
<li id="in-production" class="nav-item nav-select">
25+
<span class="nav-link customer-stories-nav-link">In production</span>
2626
</li>
27-
<li id="item-2s" class="nav-item">
28-
<span class="nav-link customer-stories-nav-link">Item-2</span>
27+
<li id="research" class="nav-item">
28+
<span class="nav-link customer-stories-nav-link">Reaserch</span>
2929
</li>
3030
</ul>
3131
</nav>

0 commit comments

Comments
 (0)