Skip to content

Commit 6a70bfc

Browse files
erikaperikap
committed
Add placeholder text on tutorial page
1 parent 00acbcd commit 6a70bfc

File tree

2 files changed

+49
-44
lines changed

2 files changed

+49
-44
lines changed

‎app/templates/application.hbs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
</LinkTo>
1515
<div class="menu">
1616
<div class="item"><LinkTo @route="docs">Documentation</LinkTo></div>
17-
{{!-- <div class="item"><LinkTo @route="tutorial">Tutorial</LinkTo></div> --}}
17+
<div class="item"><LinkTo @route="tutorial">Tutorial</LinkTo></div>
1818
<div class="item"><a href="https://mu.semte.ch/">Blog</a></div>
1919
<div class="item"><a href="https://github.com/mu-semtech/">GitHub</a></div>
2020
</div>

‎app/templates/tutorial.hbs

Lines changed: 48 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,52 @@
1+
<div class="sw-container">
2+
<p>Sorry, nothing here yet. We're working on an improved version of the tutorial, but you can find a previous version at <a href="https://mu.semte.ch/getting-started">https://mu.semte.ch/getting-started</a>.</p>
3+
<img src='assets/images/tutorial1.png' class='sw-tutorial-img'>
4+
<div class="sw-segment"></div>
5+
</div>
16

27

3-
4-
5-
<div class="sw-container">
6-
<img src='assets/images/tutorial1.png' class='sw-tutorial-img'>
7-
<div class="sw-segment">
8-
<div class="pure-g">
9-
<div class="pure-u-1-2">
10-
<div class="sw-info">
11-
<p class="header">Lorem ipsum dolor sit amet.</p>
12-
<p class="body">
13-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in nisi nec lectus semper luctus eget ut nibh. Fusce aliquet at velit eget tempor. Nam ac arcu sem. Nunc dictum, urna ac pellentesque luctus, orci purus consequat dui, lacinia malesuada orci nisl eu ex. Quisque egestas mi sapien. Maecenas placerat sodales gravida. Donec id dui mi.
14-
<br>
15-
Mauris tempus ultrices leo eu porta. Morbi pulvinar varius nunc, in eleifend lectus vulputate condimentum.
16-
</p>
17-
</div>
18-
</div>
19-
<div class="pure-u-1-2">
20-
<div class="sw-info">
21-
<p class='sw-file-path'>something/other.file</p>
22-
<IvyCodemirror @value={{this.codemirrorValue}} @options={{this.codemirrorSettings}}/>
23-
</div>
24-
</div>
25-
</div>
26-
<div class="pure-g">
27-
<div class="pure-u-1-2">
28-
<div class="sw-info">
29-
<p class='sw-file-path'>something/other.file</p>
30-
<IvyCodemirror @value={{this.codemirrorValue}} @options={{this.codemirrorSettings}}/>
31-
</div>
32-
</div>
33-
<div class="pure-u-1-2">
34-
<div class="sw-info">
35-
<p class="header">Lorem ipsum dolor sit amet.</p>
36-
<p class="body">
37-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in nisi nec lectus semper luctus eget ut nibh. Fusce aliquet at velit eget tempor. Nam ac arcu sem. Nunc dictum, urna ac pellentesque luctus, orci purus consequat dui, lacinia malesuada orci nisl eu ex. Quisque egestas mi sapien. Maecenas placerat sodales gravida. Donec id dui mi.
38-
<br>
39-
Mauris tempus ultrices leo eu porta. Morbi pulvinar varius nunc, in eleifend lectus vulputate condimentum.
40-
</p>
41-
</div>
42-
</div>
43-
<span class='sw-tutorial-btn'>N E X T ></span>
44-
</div>
45-
8+
{{!--
9+
<div class="sw-container">
10+
<img src='assets/images/tutorial1.png' class='sw-tutorial-img'>
11+
<div class="sw-segment">
12+
<div class="pure-g">
13+
<div class="pure-u-1-2">
14+
<div class="sw-info">
15+
<p class="header">Lorem ipsum dolor sit amet.</p>
16+
<p class="body">
17+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in nisi nec lectus semper luctus eget ut nibh. Fusce aliquet at velit eget tempor. Nam ac arcu sem. Nunc dictum, urna ac pellentesque luctus, orci purus consequat dui, lacinia malesuada orci nisl eu ex. Quisque egestas mi sapien. Maecenas placerat sodales gravida. Donec id dui mi.
18+
<br>
19+
Mauris tempus ultrices leo eu porta. Morbi pulvinar varius nunc, in eleifend lectus vulputate condimentum.
20+
</p>
21+
</div>
22+
</div>
23+
<div class="pure-u-1-2">
24+
<div class="sw-info">
25+
<p class='sw-file-path'>something/other.file</p>
26+
<IvyCodemirror @value={{this.codemirrorValue}} @options={{this.codemirrorSettings}}/>
4627
</div>
28+
</div>
4729
</div>
30+
<div class="pure-g">
31+
<div class="pure-u-1-2">
32+
<div class="sw-info">
33+
<p class='sw-file-path'>something/other.file</p>
34+
<IvyCodemirror @value={{this.codemirrorValue}} @options={{this.codemirrorSettings}}/>
35+
</div>
36+
</div>
37+
<div class="pure-u-1-2">
38+
<div class="sw-info">
39+
<p class="header">Lorem ipsum dolor sit amet.</p>
40+
<p class="body">
41+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in nisi nec lectus semper luctus eget ut nibh. Fusce aliquet at velit eget tempor. Nam ac arcu sem. Nunc dictum, urna ac pellentesque luctus, orci purus consequat dui, lacinia malesuada orci nisl eu ex. Quisque egestas mi sapien. Maecenas placerat sodales gravida. Donec id dui mi.
42+
<br>
43+
Mauris tempus ultrices leo eu porta. Morbi pulvinar varius nunc, in eleifend lectus vulputate condimentum.
44+
</p>
45+
</div>
46+
</div>
47+
<span class='sw-tutorial-btn'>N E X T ></span>
48+
</div>
49+
50+
</div>
51+
</div>
52+
--}}

0 commit comments

Comments
 (0)