Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commite229ab8

Browse files
committed
docs with sticky side nav
1 parentf7b01ca commite229ab8

File tree

11 files changed

+362
-48
lines changed

11 files changed

+362
-48
lines changed

‎_config.yml

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,17 +8,17 @@ owner: Shawn McKay
88
first_published:2016
99
email:coderoad-app@gmail.com
1010
baseurl:""# the subpath of your site, e.g. /blog
11-
url:https://coderoad.github.com
11+
url://coderoad.github.com
1212
social:
13-
twitter:https://twitter.com/coderoadapp
14-
github:https://github.com/coderoad
13+
twitter://twitter.com/coderoadapp
14+
github://github.com/coderoad
1515
#linkedin-square: https://linkedin.com/in/<username>
1616
#facebook-official: https://facebook.com/<username>
17-
google-plus-square:https://plus.google.com/114957986906029613694/about
17+
google-plus-square://plus.google.com/114957986906029613694/about
1818
email:mailto:coderoadapp@gmail.com?subject=CodeRoad
1919
#flickr:
2020
#instagram:
21-
youtube-square:https://www.youtube.com/channel/UCDDw5bc8muROZkT3IUqamPg
21+
youtube-square://www.youtube.com/channel/UCDDw5bc8muROZkT3IUqamPg
2222
#spotify:
2323
#stack-overflow:
2424
#vimeo:

‎_includes/docs/docs.html

Lines changed: 29 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,34 @@
11
<sectionid="docs">
22

3-
<divclass="doc-contents">
4-
<h2>Contents</h2>
5-
{% for doc in site.categories[include.category] reversed %}
6-
<ahref="#{{ doc.link }}"class="smooth">
7-
<h5>{{forloop.index}}. {{ doc.title }}</h5>
8-
</a>
9-
{% endfor %}
10-
</div>
3+
<!-- side -->
4+
<divclass="row">
5+
6+
<sectionclass="4u 12u$(medium)"style="float: right;">
7+
<ulclass="doc-contents">
8+
{% for doc in site.categories[include.category] reversed %}
9+
<li>
10+
<ahref="#{{ doc.link }}"class="smooth">
11+
<h5>{{ doc.title }}</h5>
12+
</a>
13+
</li>
14+
{% endfor %}
15+
</ul>
16+
</section>
1117

12-
<br/>
13-
<!-- Docs -->
14-
<div>
15-
{% for doc in site.categories[include.category] reversed %}
16-
{% include docs/doc.html
17-
link=doc.link
18-
title=doc.title
19-
content=doc.content
20-
editPath=include.category
21-
file=doc.file
22-
index=forloop.index
23-
%}
24-
{% endfor %}
25-
</div>
18+
<!-- Docs -->
19+
<sectionclass="8u 12u$(medium)">
20+
{% for doc in site.categories[include.category] reversed %}
21+
{% include docs/doc.html
22+
link=doc.link
23+
title=doc.title
24+
content=doc.content
25+
editPath=include.category
26+
file=doc.file
27+
index=forloop.index
28+
%}
29+
{% endfor %}
30+
</section>
31+
32+
</div>
2633

2734
</section>

‎_sass/_custom.scss

Lines changed: 0 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -17,22 +17,7 @@ a.smooth:hover {
1717
}
1818
}
1919

20-
.doc-contents {
21-
padding:20px50px;
22-
background-color:rgba(27,43,52,0.05);
23-
border-radius:3px;
24-
margin:0auto;
25-
max-width:400px;
26-
}
27-
28-
.doc-image {
29-
border-radius:3px;
30-
max-width:90%;
31-
}
3220

33-
.edit-docs {
34-
float:right;
35-
}
3621

3722
/* Portrait*/
3823
@media (max-width:850px) {

‎_sass/_docs.scss

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
.doc-contents {
2+
// padding: 10px 50px;
3+
// background-color: rgba(27,43,52, 0.05);
4+
border-radius:3px;
5+
margin:0;
6+
max-width:400px;
7+
list-style:none;
8+
margin-left:50px;
9+
}
10+
11+
.doc-image {
12+
border-radius:3px;
13+
max-width:90%;
14+
}
15+
16+
.edit-docs {
17+
float:right;
18+
}
19+
20+
@media (min-width:850px) {
21+
.doc-contents {
22+
font-size:0.9em;
23+
}
24+
}

‎_sass/main.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
@import'font-awesome';
88
@import'code-blocks';
99
@import'modal';
10+
@import'docs';
1011
@import'custom';
1112

1213
@importurl('//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic');

‎dist/build.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

‎dist/main.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

‎elements.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!-----
1+
---
22
layout: page
33
title: Elements
44
---
@@ -306,4 +306,4 @@ <h5>Fit</h5>
306306
<h5>Left &amp; Right</h5>
307307
<p><spanclass="image left"><imgsrc="images/pic04.jpg"alt=""/></span>Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien. Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien.</p>
308308
<p><spanclass="image right"><imgsrc="images/pic05.jpg"alt=""/></span>Vestibulum ultrices risus velit, sit amet blandit massa auctor sit amet. Sed eu lectus sem. Phasellus in odio at ipsum porttitor mollis id vel diam. Praesent sit amet posuere risus, eu faucibus lectus. Vivamus ex ligula, tempus pulvinar ipsum in, auctor porta quam. Proin nec dui cursus, posuere dui eget interdum. Fusce lectus magna, sagittis at facilisis vitae, pellentesque at etiam. Quisque posuere leo quis sem commodo, vel scelerisque nisi scelerisque. Suspendisse id quam vel tortor tincidunt suscipit. Nullam auctor orci eu dolor consectetur, interdum ullamcorper ante tincidunt. Mauris felis nec felis elementum varius. Nam sapien ante, varius in pulvinar vitae, rhoncus id massa. Donec varius ex in mauris ornare, eget euismod urna egestas. Etiam lacinia tempor ipsum, sodales porttitor justo. Aliquam dolor quam, semper in tortor eu, volutpat efficitur quam. Fusce nec fermentum nisl. Aenean erat diam, tempus aliquet erat. Etiam iaculis nulla ipsum, et pharetra libero rhoncus ut. Phasellus rutrum cursus velit, eget condimentum nunc blandit vel. In at pulvinar lectus. Morbi diam ante, vulputate et imperdiet eget, fermentum non dolor. Ut eleifend sagittis tincidunt. Sed viverra commodo mi, ac rhoncus justo. Duis neque ligula, elementum ut enim vel, posuere finibus justo. Vivamus facilisis maximus nibh quis pulvinar. Quisque hendrerit in ipsum id tellus facilisis fermentum. Proin mauris dui.</p>
309-
</section> -->
309+
</section>

‎gulpfile.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ gulp.task('compress', function (cb) {
1313
'js/lib/jquery.scrolly.min.js',
1414
'js/lib/animatedModal.min.js',
1515
'js/lib/png2gif.min.js',
16+
'js/lib/jquery.sticky.js',
1617
'js/*.js',
1718
'ga/min.js'
1819
]),
@@ -27,7 +28,7 @@ gulp.task('compress', function (cb) {
2728
gulp.task('sass',function(){
2829
returngulp.src('./_sass/main.scss')
2930
.pipe(sass().on('error',sass.logError))
30-
.pipe(purify(['./js/**/*.js','*.html','./_includes/**/*.html','./_layouts/**/*.html']))
31+
//.pipe(purify(['./js/**/*.js', '*.html', './_includes/**/*.html', './_layouts/**/*.html']))
3132
.pipe(cleanCSS())
3233
.pipe(gulp.dest('./dist'));
3334
});

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp