Skip to content

Commit 7ce0fe6

Browse files
author
Pat Mellon
committed
Add mobile page
1 parent 7167985 commit 7ce0fe6

25 files changed

+468
-79
lines changed

‎_config.yml

+2
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,8 @@ collections:
5959
output: false
6060
courses:
6161
output: false
62+
mobile:
63+
output: true
6264

6365
pagination:
6466
enabled: true

‎_features/mobile.md

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
title: Mobile
3+
order: 3
4+
snippet: >
5+
```python
6+
print('Hello World!')
7+
```
8+
9+
summary-home: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
10+
featured-home: true
11+
12+
---

‎_features/python-first.md

-20
This file was deleted.

‎_get_started/get-started-locally.md

+2-6
Original file line numberDiff line numberDiff line change
@@ -54,10 +54,6 @@ published: true
5454
<div class="os windows">{{ windows | markdownify }}</div>
5555
</div>
5656

57-
<script type="text/javascript">
58-
var pageId = "get-started-locally"; // TBD: Make this programmatic
59-
$(".main-content-menu .nav-item").removeClass("nav-select");
60-
$(".main-content-menu .nav-link[data-id='" + pageId + "']").parent(".nav-item").addClass("nav-select");
61-
</script>
57+
<script page-id="get-started-locally" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
6258
<script src="{{ site.baseurl }}/assets/quick-start-module.js"></script>
63-
<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>
59+
<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>

‎_get_started/get-started-via-cloud-partners.md

+2-6
Original file line numberDiff line numberDiff line change
@@ -50,10 +50,6 @@ published: true
5050
<div class="platform microsoft-azure">{{azure | markdownify }}</div>
5151
</div>
5252

53-
<script type="text/javascript">
54-
var pageId = "get-started-via-cloud-partners"; // TBD: Make this programmatic
55-
$(".main-content-menu .nav-item").removeClass("nav-select");
56-
$(".main-content-menu .nav-link[data-id='" + pageId + "']").parent(".nav-item").addClass("nav-select");
57-
</script>
53+
<script page-id="get-started-via-cloud-partners" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
5854
<script src="{{ site.baseurl }}/assets/quick-start-module.js"></script>
59-
<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>
55+
<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>

‎_get_started/get-started-via-colab.md

+2-7
Original file line numberDiff line numberDiff line change
@@ -42,11 +42,6 @@ print()
4242

4343
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
4444

45-
46-
<script type="text/javascript">
47-
var pageId = "get-started-via-colab"; // TBD: Make this programmatic
48-
$(".main-content-menu .nav-item").removeClass("nav-select");
49-
$(".main-content-menu .nav-link[data-id='" + pageId + "']").parent(".nav-item").addClass("nav-select");
50-
</script>
45+
<script page-id="get-started-via-colab" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
5146
<script src="{{ site.baseurl }}/assets/quick-start-module.js"></script>
52-
<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>
47+
<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>

‎_get_started/mobile.md

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
layout: get_started
3+
title: Mobile
4+
permalink: /get-started/mobile/
5+
background-class: get-started-background
6+
body-class: get-started
7+
order: 5
8+
published: true
9+
---
10+
11+
## Mobile
12+
13+
<script page-id="mobile" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>

‎_get_started/previous-versions.md

+1-5
Original file line numberDiff line numberDiff line change
@@ -227,10 +227,6 @@ e.g.,
227227
- [torch_cuda80-0.1.6.post17-cp35-cp35m-linux_x86_64.whl](https://download.pytorch.org/whl/torch_cuda80-0.1.6.post17-cp35-cp35m-linux_x86_64.whl)
228228
- [torch_cuda80-0.1.6.post17-cp27-cp27mu-linux_x86_64.whl](https://download.pytorch.org/whl/torch_cuda80-0.1.6.post17-cp27-cp27mu-linux_x86_64.whl)
229229

230-
<script type="text/javascript">
231-
var pageId = "previous-versions"; // TBD: Make this programmatic
232-
$(".main-content-menu .nav-item").removeClass("nav-select");
233-
$(".main-content-menu .nav-link[data-id='" + pageId + "']").parent(".nav-item").addClass("nav-select");
234-
</script>
230+
<script page-id="previous-versions" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
235231
<script src="{{ site.baseurl }}/assets/quick-start-module.js"></script>
236232
<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>

‎_includes/footer_scripts.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515

1616
scrollToAnchor.bind();
1717

18-
var hasStaticHeader = $(".blog-header, .blog-detail-header, .resources-header, .get-started-header, .features-header, .ecosystem-header, .hub-header").length > 0;
18+
var hasStaticHeader = $(".blog-header, .blog-detail-header, .resources-header, .get-started-header, .features-header, .ecosystem-header, .hub-header, .mobile-header").length > 0;
1919

2020
if (!hasStaticHeader) {
2121
$(window).on("scroll", function() {

‎_includes/main_menu.html

+24-21
Original file line numberDiff line numberDiff line change
@@ -4,29 +4,29 @@
44
<a href="{{ site.baseurl }}/get-started">Get Started</a>
55
</li>
66

7-
<li class="main-menu-item {% if current[1] == 'features' %}active{% endif %}">
8-
<a href="{{ site.baseurl }}/features">Features</a>
9-
</li>
10-
117
<li class="main-menu-item {% if current[1] == 'ecosystem' or current[1] == 'hub' %}active{% endif %}">
128

139
<div class="ecosystem-dropdown">
1410
<a id="dropdownMenuButton" data-toggle="ecosystem-dropdown">
1511
Ecosystem
1612
</a>
1713
<div class="ecosystem-dropdown-menu">
18-
<a class="ecosystem-dropdown-item" href="{{ site.baseurl }}/hub">
14+
<a class="nav-dropdown-item" href="{{ site.baseurl }}/hub">
1915
<span class=dropdown-title>Models (Beta)</span>
2016
<p>Discover, publish, and reuse pre-trained models</p>
2117
</a>
22-
<a class="ecosystem-dropdown-item" href="{{ site.baseurl }}/ecosystem">
18+
<a class="nav-dropdown-item" href="{{ site.baseurl }}/ecosystem">
2319
<span class=dropdown-title>Tools & Libraries</span>
2420
<p>Explore the ecosystem of tools and libraries</p>
2521
</a>
2622
</div>
2723
</div>
2824
</li>
2925

26+
<li class="main-menu-item {% if current[1] == 'mobile' %}active{% endif %}">
27+
<a href="{{ site.baseurl }}/mobile">Mobile</a>
28+
</li>
29+
3030
<li class="main-menu-item {% if current[1] == 'blog' %}active{% endif %}">
3131
<a href="{{ site.baseurl }}/blog">Blog</a>
3232
</li>
@@ -39,8 +39,23 @@
3939
<a href="{{ site.baseurl }}/docs">Docs</a>
4040
</li>
4141

42-
<li class="main-menu-item {% if current[1] == 'resources' %}active{% endif %}">
43-
<a href="{{ site.baseurl }}/resources">Resources</a>
42+
<li class="main-menu-item {% if current[1] == 'resources' or current[1] == 'features' %}active{% endif %}">
43+
44+
<div class="resources-dropdown">
45+
<a id="resourcesDropdownButton" data-toggle="resources-dropdown">
46+
Resources
47+
</a>
48+
<div class="resources-dropdown-menu">
49+
<a class="nav-dropdown-item" href="{{ site.baseurl }}/resources">
50+
<span class=dropdown-title>Developer Resources</span>
51+
<p>Find resources and get questions answered</p>
52+
</a>
53+
<a class="nav-dropdown-item" href="{{ site.baseurl }}/features">
54+
<span class=dropdown-title>About</span>
55+
<p>Learn about PyTorch’s features and capabilities</p>
56+
</a>
57+
</div>
58+
</div>
4459
</li>
4560

4661
<li class="main-menu-item">
@@ -61,16 +76,4 @@
6176
</ul>
6277
</div>
6378

64-
<script>
65-
var menu = ".ecosystem-dropdown-menu";
66-
var showMenuClass = "show-menu";
67-
68-
$("[data-toggle='ecosystem-dropdown']").on("click", function(e) {
69-
if ($(menu).hasClass(showMenuClass)) {
70-
$(menu).removeClass(showMenuClass);
71-
} else {
72-
$("[data-toggle='ecosystem-dropdown'].show-menu").removeClass(showMenuClass);
73-
$(menu).addClass(showMenuClass);
74-
}
75-
});
76-
</script>
79+
<script src="{{ site.baseurl }}/assets/main-menu-dropdown.js"></script>

‎_includes/mobile_menu.html

+4
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,10 @@
3535
<a href="{{ site.baseurl }}/ecosystem">Ecosystem</a>
3636
</li>
3737

38+
<li class="{% if current[1] == 'mobile' %}active{% endif %}">
39+
<a href="{{ site.baseurl }}/mobile">Mobile</a>
40+
</li>
41+
3842
<li class="{% if current[1] == 'hub' %}active{% endif %}">
3943
<a href="{{ site.baseurl }}/hub">PyTorch Hub</a>
4044
</li>

‎_includes/mobile_page_side_nav.html

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<div class="sticky-top mobile-page-sidebar">
2+
<p>Shortcuts</p>
3+
<ul id="mobile-page-sidebar-list"></ul>
4+
</div>
5+

‎_layouts/mobile.html

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
{% include head.html %}
4+
<body class="{{ page.body-class }}">
5+
{% include header.html %}
6+
7+
<div class="main-background {{ page.background-class }}"></div>
8+
9+
{% assign mobile_items = site.mobile | where: "published",true | sort: "order" %}
10+
11+
<div class="jumbotron jumbotron-fluid on-dark-background">
12+
<div class="container">
13+
<h1>PyTorch Mobile</h1>
14+
15+
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
16+
</div>
17+
</div>
18+
19+
<div class="main-content-wrapper">
20+
<div class="main-content">
21+
<div class="container-fluid nav-menu-wrapper">
22+
<div class="container">
23+
<nav class="navbar navbar-expand-lg navbar-light main-content-menu">
24+
<ul class="navbar-nav">
25+
{% for item in mobile_items %}
26+
<li class="nav-item nav-select">
27+
<a class="nav-link" data-id="{{ item.slug }}" href="{{ site.baseurl }}{{ item.permalink }}">{{ item.title }}</a>
28+
</li>
29+
{% endfor %}
30+
</ul>
31+
</nav>
32+
</div>
33+
</div>
34+
35+
<div class="container">
36+
<div class="row">
37+
<div class="col-md-3">
38+
{% include mobile_page_side_nav.html %}
39+
</div>
40+
<div class="col-md-8 offset-md-1">
41+
<div class="article-wrapper" data-id="{{ item.slug }}">
42+
<article class="pytorch-article">
43+
{{ content }}
44+
</article>
45+
</div>
46+
</div>
47+
</div>
48+
</div>
49+
</div>
50+
</div>
51+
52+
{% include footer.html %}
53+
</body>
54+
</html>
55+
56+
<script src="{{ site.baseurl }}/assets/mobile-page-sidebar.js"></script>

‎_mobile/android.md

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
---
2+
layout: mobile
3+
title: Android
4+
permalink: /mobile/android/
5+
background-class: mobile-background
6+
body-class: mobile
7+
order: 3
8+
published: true
9+
---
10+
11+
# Android
12+
13+
{% highlight python %}
14+
15+
#!/usr/bin/python3
16+
print('Hello World!')
17+
18+
{% endhighlight %}
19+
20+
<script page-id="android" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>

‎_mobile/home.md

+48
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
---
2+
layout: mobile
3+
title: Home
4+
permalink: /mobile/home/
5+
background-class: mobile-background
6+
body-class: mobile
7+
order: 1
8+
published: true
9+
---
10+
11+
# Home
12+
13+
## Lorem Ipsum
14+
15+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
16+
17+
Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
18+
19+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
20+
21+
## Binaries
22+
23+
Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
24+
25+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
26+
27+
## Build Scripts
28+
29+
Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
30+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
31+
32+
Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
33+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
34+
35+
## Objective C Walkthrough Cocopods Walkthrough Tutorials
36+
37+
Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
38+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
39+
40+
## How To
41+
42+
Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
43+
44+
## Dolor Sit Amet
45+
46+
Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
47+
48+
<script page-id="home" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>

0 commit comments

Comments
 (0)