jekyll-theme-panda 0.1.1 → 0.2.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +16 -2
- data/_config.yml +18 -9
- data/_includes/footer.html +1 -1
- data/_includes/head.html +38 -23
- data/_includes/header.html +7 -5
- data/_includes/search.html +9 -5
- data/_layouts/album.html +44 -0
- data/_layouts/albumlist.html +61 -0
- data/_layouts/blank.html +6 -0
- data/_layouts/forarchive.html +1 -1
- data/_layouts/home.html +2 -1
- data/_layouts/post.html +8 -10
- data/_layouts/preset.html +159 -0
- data/_layouts/presetlist.html +67 -0
- data/_layouts/visio.html +8 -0
- data/_layouts/visiolist.html +16 -0
- data/_sass/common.scss +213 -22
- data/_sass/post.scss +2 -1
- data/assets/css/ajax-loader.gif +0 -0
- data/assets/css/fonts/slick.eot +0 -0
- data/assets/css/fonts/slick.svg +14 -0
- data/assets/css/fonts/slick.ttf +0 -0
- data/assets/css/fonts/slick.woff +0 -0
- data/assets/css/slick-theme.css +202 -0
- data/assets/css/slick.css +121 -0
- data/assets/js/jquery-ui-1.8.5.min.js +401 -0
- data/assets/js/script.js +1 -2
- metadata +21 -6
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c910f1241a52aafbcb2badc0c18b7315a75215d0b565b3816c01c73c2b7c69a7
|
|
4
|
+
data.tar.gz: a9174383fb7db2555c5546e8b4a3eba52abf518a94f7c845968f6ee6e8cf85c7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 627758c87f4873112287f26007c2fee03d6808bbb2d67d7d8fbb857da45e5e033050ec026670c9d5adc677b0a4b1b18fbbcda59c19ad26fdfb895c832fe3c367
|
|
7
|
+
data.tar.gz: b502401b766beddadefde7586cbc520cda1bc9bfed944c5ac553cd6520139682c9b0e8bd3b3f0ba021206c1c6e58e59c727c7521bfcb5198a174cf98748c55fa
|
data/README.md
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
# jekyll-theme-panda
|
|
2
2
|
|
|
3
|
+
[](https://badge.fury.io/rb/jekyll-theme-panda) 
|
|
3
4
|
|
|
4
5
|
## Installation
|
|
5
6
|
|
|
6
|
-
### Set up via jekyll-remote-theme
|
|
7
|
+
### Choice 1 : Set up via jekyll-remote-theme
|
|
7
8
|
|
|
8
9
|
**Step 1** Install [jekyll-remote-theme](https://github.com/benbalter/jekyll-remote-theme)
|
|
9
10
|
|
|
@@ -11,7 +12,7 @@
|
|
|
11
12
|
|
|
12
13
|
**Step 3** Set `remote_theme : <your-github-username>/jekyll-theme-panda`
|
|
13
14
|
|
|
14
|
-
### Set up via bundler (Not available in GithubPage)
|
|
15
|
+
### Choice 2 : Set up via bundler (Not available in GithubPage)
|
|
15
16
|
|
|
16
17
|
Add this line to your Jekyll site's `Gemfile`:
|
|
17
18
|
|
|
@@ -32,6 +33,16 @@ And then execute:
|
|
|
32
33
|
Or install it yourself as:
|
|
33
34
|
|
|
34
35
|
$ gem install jekyll-theme-panda
|
|
36
|
+
|
|
37
|
+
### Choice 3 : Directly use this repo
|
|
38
|
+
|
|
39
|
+
Clone this repo or download this repo in your computer, then edit files in `_post` and edit `_config.yml`.
|
|
40
|
+
|
|
41
|
+
**Tips: Please keep using one level permalink:**
|
|
42
|
+
```
|
|
43
|
+
permalink: /:year-:month-:day-:title:output_ext
|
|
44
|
+
```
|
|
45
|
+
**Since navigation header uses relative path in default situation**
|
|
35
46
|
|
|
36
47
|
## Usage
|
|
37
48
|
|
|
@@ -72,6 +83,9 @@ Bug reports and pull requests are welcome on GitHub at https://github.com/sorphw
|
|
|
72
83
|
|
|
73
84
|
We suggest fork this repo and set it as your own **remote_theme** to modify this theme.
|
|
74
85
|
|
|
86
|
+
## About Search Tool
|
|
87
|
+
|
|
88
|
+
`jekyll-theme-panda` is currently use [jekyll-search-bar](https://github.com/sorphwer/jekyll-search-bar) hosted in riino.site in default mode. To modify this search tool, please check the corresponding github page.
|
|
75
89
|
|
|
76
90
|
## License
|
|
77
91
|
|
data/_config.yml
CHANGED
|
@@ -3,14 +3,15 @@
|
|
|
3
3
|
title: jekyll-theme-panda
|
|
4
4
|
author: riino
|
|
5
5
|
email: riino@gmail.com
|
|
6
|
-
SEOTitle:
|
|
7
|
-
baseurl: "
|
|
8
|
-
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
|
6
|
+
SEOTitle: jekyll-theme-panda demo
|
|
7
|
+
baseurl: "" # the subpath of your site, e.g. /blog
|
|
8
|
+
url: "https://riino.site" # the base hostname & protocol for your site, e.g. http://example.com
|
|
9
9
|
twitter_username: twitter_name
|
|
10
10
|
github_username: github_name
|
|
11
11
|
github_url: https://github.com/sorphwer
|
|
12
12
|
repo_url: https://github.com/sorphwer/jekyll-theme-panda
|
|
13
13
|
theme_version: 0.1.1
|
|
14
|
+
permalink: /:year-:month-:day-:title:output_ext
|
|
14
15
|
# Build settings
|
|
15
16
|
markdown: kramdown
|
|
16
17
|
kramdown:
|
|
@@ -30,21 +31,29 @@ sass:
|
|
|
30
31
|
style: compressed
|
|
31
32
|
|
|
32
33
|
navigation:
|
|
33
|
-
- text:
|
|
34
|
-
url:
|
|
34
|
+
- text: Blogs
|
|
35
|
+
url: ./index.html
|
|
35
36
|
layout: home
|
|
36
37
|
- text: Archive
|
|
37
|
-
url:
|
|
38
|
+
url: ./archive
|
|
38
39
|
layout: forarchive
|
|
40
|
+
- text: Albums
|
|
41
|
+
url: ./albums
|
|
42
|
+
layout: albumlist
|
|
43
|
+
- text: Presets
|
|
44
|
+
url: ./presets
|
|
45
|
+
layout: presetlist
|
|
46
|
+
# - text: Visios
|
|
47
|
+
# url: ./visios
|
|
39
48
|
- text: profile
|
|
40
|
-
url:
|
|
49
|
+
url: ./about/
|
|
41
50
|
|
|
42
51
|
dropdown_header: BLOG #will only exist if dropdown array below has item(s)
|
|
43
52
|
dropdown:
|
|
44
53
|
- text: drop1.
|
|
45
|
-
url:
|
|
54
|
+
url: example.com
|
|
46
55
|
- text: drop2.
|
|
47
|
-
url:
|
|
56
|
+
url: example.com
|
|
48
57
|
|
|
49
58
|
footer_text:
|
|
50
59
|
- jekyll-theme-panda demo by Riino
|
data/_includes/footer.html
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<footer class="js-fadein">
|
|
2
2
|
<div class="footer__link">
|
|
3
3
|
<p>
|
|
4
|
-
<a href="{{ site.
|
|
4
|
+
<a href="{{ site.baseurl }}/feed.xml">RSS Subscribe</a><span>/</span><a href="{{ site.baseurl }}/policy/">Privacy
|
|
5
5
|
Policy</a>
|
|
6
6
|
</p>
|
|
7
7
|
</div>
|
data/_includes/head.html
CHANGED
|
@@ -26,42 +26,58 @@
|
|
|
26
26
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
27
27
|
<title>{% if page.title %}{{ page.title }} - {{ site.SEOTitle }}{% else %}{{ site.SEOTitle }}{% endif %}</title>
|
|
28
28
|
|
|
29
|
+
<!-- preload -->
|
|
29
30
|
|
|
30
31
|
<!--CSS inside-->
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
<link rel="stylesheet"
|
|
35
|
-
|
|
36
|
-
<link rel="stylesheet"
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
<link rel="stylesheet"
|
|
32
|
+
<link rel="preload"
|
|
33
|
+
as="style"
|
|
34
|
+
href="{{ "/assets/css/styles.css" | prepend: site.baseurl }}" >
|
|
35
|
+
<link rel="stylesheet"
|
|
36
|
+
href="{{ "/assets/css/styles.css" | prepend: site.baseurl }}" >
|
|
37
|
+
<link rel="stylesheet"
|
|
38
|
+
media="none"
|
|
39
|
+
onload="this.media='print,screen'"
|
|
40
|
+
href="{{ "/assets/css/font-awesome.min.css" | prepend: site.baseurl }}">
|
|
41
|
+
<link rel="stylesheet"
|
|
42
|
+
media="none"
|
|
43
|
+
onload="this.media='print,screen'"
|
|
44
|
+
href="{{ "/assets/css/bootstrap.min.css" | prepend: site.baseurl }}">
|
|
45
|
+
<link rel="prefetch" as="style" media="print,screen" href="{{ "/assets/fonts/amarillo/amarillo-font.css" | prepend: site.baseurl }}">
|
|
41
46
|
<!--Js inside-->
|
|
47
|
+
<script defer type="text/javascript" src='{{ "/assets/js/jquery-ui-1.8.5.min.js" | prepend: site.baseurl }}'></script>
|
|
42
48
|
<script type="text/javascript" src='{{ "/assets/js/jquery-3.5.1.min.js" | prepend: site.baseurl }}'></script>
|
|
43
|
-
<script type="text/javascript" src='{{ "/assets/js/imagesLoaded-4.1.4.js" | prepend: site.baseurl }}'></script>
|
|
44
|
-
<script
|
|
49
|
+
<script async type="text/javascript" src='{{ "/assets/js/imagesLoaded-4.1.4.js" | prepend: site.baseurl }}'></script>
|
|
50
|
+
<script async
|
|
51
|
+
type="text/javascript"
|
|
52
|
+
src='{{ "/assets/js/mermaid.min.js" | prepend: site.baseurl }}'
|
|
53
|
+
onload="mermaid.init(undefined, $('.language-mermaid'));"></script>
|
|
45
54
|
<!-- <script type="text/javascript" src='{{ "/assets/js/skrollr-0.6.3.js" | prepend: site.baseurl }}'></script> -->
|
|
46
|
-
|
|
47
|
-
<script type="text/javascript" src='{{ "/assets/js/
|
|
48
|
-
|
|
55
|
+
<!-- slick plugin -->
|
|
56
|
+
<script defer type="text/javascript" src='{{ "/assets/js/slick.min.js" | prepend: site.baseurl }}'></script>
|
|
57
|
+
<link rel="stylesheet"
|
|
58
|
+
media="none"
|
|
59
|
+
onload="this.media='print,screen'"
|
|
60
|
+
type="text/css"
|
|
61
|
+
href="{{ "/assets/css/slick.css" | prepend: site.baseurl }}">
|
|
62
|
+
<link rel="stylesheet"
|
|
63
|
+
media="none"
|
|
64
|
+
onload="this.media='print,screen'"
|
|
65
|
+
type="text/css"
|
|
66
|
+
href="{{ "/assets/css/slick-theme.css" | prepend: site.baseurl }}">
|
|
67
|
+
<!-- main script -->
|
|
68
|
+
<script defer type="text/javascript" src='{{ "/assets/js/script.js" | prepend: site.baseurl }}'></script>
|
|
49
69
|
|
|
50
70
|
|
|
51
|
-
|
|
71
|
+
<!-- only useful for wp content -->
|
|
72
|
+
<!-- <link rel='dns-prefetch' href='//s.w.org' /> -->
|
|
52
73
|
<script type="text/javascript">
|
|
53
74
|
function loadCSS() {
|
|
54
75
|
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) {
|
|
55
|
-
//document.write('<link rel="stylesheet" media="print,screen" href="{{ "/css/common.css" | prepend: site.baseurl }}">');
|
|
56
|
-
//document.write('<link rel="stylesheet" media="screen" href={{ "/css/sp.css" | prepend: site.baseurl }}>');
|
|
57
76
|
$('.pc').css('display','none !important');
|
|
58
77
|
$('.sp').css('display',"inline !important");
|
|
59
78
|
//alert('pc is hidden!')
|
|
60
79
|
}
|
|
61
80
|
else {
|
|
62
|
-
//document.write('<link rel="stylesheet" media="print,screen" href="{{ "/css/common.css" | prepend: site.baseurl }}">');
|
|
63
|
-
//document.write('<link rel="stylesheet" media="screen" href={{ "/css/sp.css" | prepend: site.baseurl }}>');
|
|
64
|
-
//$(body).css('min-width','1000px');
|
|
65
81
|
$('.sp').css('display','none !important');
|
|
66
82
|
$('.pc').css('display','inline !important');
|
|
67
83
|
//alert('plz hide the sp nav')
|
|
@@ -69,10 +85,9 @@
|
|
|
69
85
|
}
|
|
70
86
|
$(function () {
|
|
71
87
|
loadCSS();
|
|
72
|
-
// mermaid.initialize({startOnLoad:true});
|
|
73
88
|
|
|
74
89
|
console.log('[↑]END');
|
|
75
|
-
|
|
90
|
+
|
|
76
91
|
});
|
|
77
92
|
|
|
78
93
|
</script>
|
data/_includes/header.html
CHANGED
|
@@ -34,11 +34,13 @@
|
|
|
34
34
|
{% if site.dropdown != false %}
|
|
35
35
|
<li class="navi__lang js-lang">
|
|
36
36
|
<a class="navi__langLink" href="javascript:void(0);">{{site.dropdown_header}}</a>
|
|
37
|
-
{% for item in site.dropdown %}
|
|
38
37
|
<div class="navi__langList">
|
|
38
|
+
{% for item in site.dropdown %}
|
|
39
|
+
|
|
39
40
|
<span><a href="{{item.link}}">{{item.text}}</a></span>
|
|
41
|
+
|
|
42
|
+
{% endfor %}
|
|
40
43
|
</div>
|
|
41
|
-
{% endfor %}
|
|
42
44
|
</li>
|
|
43
45
|
{% endif %}
|
|
44
46
|
<li>
|
|
@@ -57,7 +59,7 @@
|
|
|
57
59
|
</ul>
|
|
58
60
|
</nav><!-- .header__sns -->
|
|
59
61
|
<div class="header__logo sp">
|
|
60
|
-
<a href="
|
|
62
|
+
<a href="../">
|
|
61
63
|
<p class="header__logoTxt black-white-image"><img src="{{ site.url }}/assets/img/logo_Nest.png"
|
|
62
64
|
alt="Riino BLOG"></p>
|
|
63
65
|
</a>
|
|
@@ -151,8 +153,8 @@
|
|
|
151
153
|
initTheme();//avoid passing a white page if the intention is dark theme
|
|
152
154
|
$(document).ready(function () {
|
|
153
155
|
initTheme();
|
|
154
|
-
})
|
|
156
|
+
})
|
|
155
157
|
|
|
156
158
|
console.log('[↓]BEGIN');
|
|
157
|
-
console.log("🐼This site is using jekyll-theme-panda ","{{site.theme_version}}"
|
|
159
|
+
console.log("🐼This site is using jekyll-theme-panda ", "{{site.theme_version}}");
|
|
158
160
|
</script>
|
data/_includes/search.html
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
<link
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<script
|
|
1
|
+
<link media="none"
|
|
2
|
+
onload="this.media='print,screen'"
|
|
3
|
+
rel="stylesheet"
|
|
4
|
+
href="https://riino.site/jekyll-search-bar/search/css/search.css">
|
|
5
|
+
<script defer type="text/javascript" src='https://riino.site/jekyll-search-bar/search/js/typeahead.bundle.js'></script>
|
|
6
|
+
<script defer type="text/javascript" src='https://riino.site/jekyll-search-bar/search/js/fuzzyset.js'></script>
|
|
7
|
+
<script type="text/javascript"
|
|
8
|
+
src='https://riino.site/jekyll-search-bar/search/js/search.js'
|
|
9
|
+
onload="document.write(searchBarHtml('https://riino.site'));"></script>
|
data/_layouts/album.html
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<body class="home blog lang-ja footer_mt">
|
|
5
|
+
<section class="home-message js-fadein">
|
|
6
|
+
<div class="home-message__ttl" id="whiteline">
|
|
7
|
+
<h2 id="white"></h2>
|
|
8
|
+
|
|
9
|
+
</div><!-- .home-message__ttl -->
|
|
10
|
+
|
|
11
|
+
<div>
|
|
12
|
+
{% if page.title != false %}
|
|
13
|
+
<div class="home-message__ttl" style="margin-top:10px">
|
|
14
|
+
<h2>{{page.title}}</h2>
|
|
15
|
+
</div><!-- .home-message__ttl -->
|
|
16
|
+
{% endif %}
|
|
17
|
+
{% if page.description != false %}
|
|
18
|
+
<div class="container">
|
|
19
|
+
<div class="row">
|
|
20
|
+
<div class="col-sm">
|
|
21
|
+
{% for item in page.description%}
|
|
22
|
+
<p>
|
|
23
|
+
{{item}}
|
|
24
|
+
</p>
|
|
25
|
+
{% endfor %}
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
{% endif %}
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
</div>
|
|
33
|
+
</section>
|
|
34
|
+
{% for photo in page.photos%}
|
|
35
|
+
<section class="home-message js-fadein">
|
|
36
|
+
<div>
|
|
37
|
+
<img class="album" src="{{photo.url}}">
|
|
38
|
+
<p class="u-txt__label" style="text-align: right;">{{ photo.description }}</p>
|
|
39
|
+
</div>
|
|
40
|
+
</section>
|
|
41
|
+
{% endfor %}
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
</body>
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% assign list = site.posts | where: "layout","album"%}
|
|
6
|
+
<div class="album-slider">
|
|
7
|
+
{% for post in list %}
|
|
8
|
+
{% if post.cover_number %}
|
|
9
|
+
{% if post.cover_number >= post.photos.size %}
|
|
10
|
+
{% assign cover_number = -1 %}
|
|
11
|
+
{% else %}
|
|
12
|
+
{% assign cover_number = post.cover_number %}
|
|
13
|
+
{% endif %}
|
|
14
|
+
{% else %}
|
|
15
|
+
{% assign cover_number = 0 %}
|
|
16
|
+
{% endif %}
|
|
17
|
+
{% assign cover_url = post.photos[cover_number].url %}
|
|
18
|
+
<div class="album-container scroll">
|
|
19
|
+
|
|
20
|
+
<section class="home-visual album-section d-flex flex-column align-items-center"
|
|
21
|
+
style="background-image: url(.{{ cover_url }})" src="{{cover_url}}">
|
|
22
|
+
<a href="{{ post.url | prepend: site.baseurl }}" >
|
|
23
|
+
<div class="album-corner">
|
|
24
|
+
<h2 class="album-title">{{post.title}}</h2>
|
|
25
|
+
</div>
|
|
26
|
+
</a>
|
|
27
|
+
<div class="album-enter ">
|
|
28
|
+
Click to enter
|
|
29
|
+
</div>
|
|
30
|
+
</section>
|
|
31
|
+
</div>
|
|
32
|
+
{% endfor %}
|
|
33
|
+
|
|
34
|
+
</div>
|
|
35
|
+
<script type="text/javascript">
|
|
36
|
+
$(document).ready(function () {
|
|
37
|
+
$('.album-slider').slick({
|
|
38
|
+
lazyLoad: 'ondemand',
|
|
39
|
+
slidesToShow: 1,
|
|
40
|
+
dots: true,
|
|
41
|
+
autoplay: true,
|
|
42
|
+
autoplaySpeed: 2000,
|
|
43
|
+
responsive: [
|
|
44
|
+
{
|
|
45
|
+
breakpoint: 768,
|
|
46
|
+
settings: {
|
|
47
|
+
arrows: false,
|
|
48
|
+
slidesToShow: 3
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
breakpoint: 480,
|
|
53
|
+
settings: {
|
|
54
|
+
arrows: false,
|
|
55
|
+
slidesToShow: 1
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
]
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
</script>
|
data/_layouts/blank.html
ADDED
data/_layouts/forarchive.html
CHANGED
|
@@ -41,7 +41,7 @@ https://github.com/kitian616/jekyll-TeXt-theme
|
|
|
41
41
|
<section style="height:100px"></section>
|
|
42
42
|
<!-- Article List -->
|
|
43
43
|
<div class="mini-post-list js-result d-none">
|
|
44
|
-
{%- assign _sorted_list = site.posts -%}
|
|
44
|
+
{%- assign _sorted_list = site.posts | where: "layout","post"-%}
|
|
45
45
|
{%- assign _sorted_list = _sorted_list | sort: 'date' -%}
|
|
46
46
|
{%- assign _sorted_list = _sorted_list | reverse -%}
|
|
47
47
|
|
data/_layouts/home.html
CHANGED
data/_layouts/post.html
CHANGED
|
@@ -2,18 +2,16 @@
|
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<script rel="preload" as="script"
|
|
6
|
+
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js">
|
|
7
|
+
</script>
|
|
6
8
|
|
|
7
9
|
{%if page.mathjax != false %}
|
|
8
|
-
<script
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
</script>
|
|
16
|
-
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
|
|
10
|
+
<script
|
|
11
|
+
type="text/javascript"
|
|
12
|
+
async
|
|
13
|
+
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML">
|
|
14
|
+
onload="MathJax.Hub.Config({tex2jax: {skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],inlineMath: [['$','$']]}});"
|
|
17
15
|
</script>
|
|
18
16
|
{%endif%}
|
|
19
17
|
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: blank
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<script>
|
|
6
|
+
function mousePosition(ev) {
|
|
7
|
+
ev = ev || window.event;
|
|
8
|
+
if (ev.pageX || ev.pageY) {
|
|
9
|
+
return { x: ev.pageX, y: ev.pageY };
|
|
10
|
+
}
|
|
11
|
+
return {
|
|
12
|
+
x: ev.clientX + document.body.scrollLeft - document.body.clientLeft,
|
|
13
|
+
y: ev.clientY + document.body.scrollTop - document.body.clientTop
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
$(document).ready(function () {
|
|
18
|
+
$(function () {
|
|
19
|
+
//鼠标在未被遮挡的位置：
|
|
20
|
+
$(".v-section").mousemove(function (e) {
|
|
21
|
+
//获取鼠标位置函数
|
|
22
|
+
var mousePos = mousePosition(e);
|
|
23
|
+
var xOffset = 0;
|
|
24
|
+
var yOffset = 25;
|
|
25
|
+
|
|
26
|
+
$(".v-section-cover").css("width", ((mousePos.x + xOffset) / $(".v-section").width()) * 100 + "%");
|
|
27
|
+
|
|
28
|
+
});
|
|
29
|
+
//鼠标离开未被遮挡位置
|
|
30
|
+
$(".v-section").mouseout(function () {
|
|
31
|
+
// $("#tooltip").empty();
|
|
32
|
+
// $("#tooltip").css("display","none");
|
|
33
|
+
});
|
|
34
|
+
//////////////////////////////////////////////////////////////
|
|
35
|
+
//鼠标在被遮挡的位置：
|
|
36
|
+
$(".v-section-cover").mousemove(function (e) {
|
|
37
|
+
|
|
38
|
+
var mousePos = mousePosition(e);
|
|
39
|
+
var xOffset = 0;
|
|
40
|
+
var yOffset = 25;
|
|
41
|
+
|
|
42
|
+
$(".v-section-cover").css("width", ((mousePos.x + xOffset) / $(".v-section").width()) * 100 + "%");
|
|
43
|
+
// console.log((mousePos.x) / $(".v-section").width());
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
});
|
|
47
|
+
//鼠标离开被遮挡位置
|
|
48
|
+
$(".v-section-cover").mouseout(function () {
|
|
49
|
+
// $("#tooltip").empty();
|
|
50
|
+
// $("#tooltip").css("display","none");
|
|
51
|
+
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
});
|
|
59
|
+
</script>
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
<body class="home blog lang-ja footer_mt">
|
|
63
|
+
|
|
64
|
+
<section class="v-section" style="background-image: url({{ page.cover_before}})"> </section>
|
|
65
|
+
<section class="v-section-cover" style="background-image: url({{ page.cover_after}})"></section>
|
|
66
|
+
<p class="down-arrow">↓↓↓</p>
|
|
67
|
+
|
|
68
|
+
{% if page.title != false %}
|
|
69
|
+
|
|
70
|
+
<section class="home-message js-fadein" style="padding:0;">
|
|
71
|
+
<div>
|
|
72
|
+
<div class="home-message__ttl" style="margin-top:10px">
|
|
73
|
+
<h2>{{ page.title }}</h2>
|
|
74
|
+
|
|
75
|
+
</div><!-- .home-message__ttl -->
|
|
76
|
+
|
|
77
|
+
<div class="container">
|
|
78
|
+
<div class="row">
|
|
79
|
+
{% for paragraph in page.description %}
|
|
80
|
+
<div class="col-sm">
|
|
81
|
+
<p class="u-txt__label">
|
|
82
|
+
{{ paragraph }}
|
|
83
|
+
</p>
|
|
84
|
+
</div>
|
|
85
|
+
{% endfor %}
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
<div class="home-message__ttl">
|
|
89
|
+
<h2></h2>
|
|
90
|
+
|
|
91
|
+
</div><!-- .home-message__ttl -->
|
|
92
|
+
<div class="home-message__ttl" id="whiteline">
|
|
93
|
+
<h2 id="white"></h2>
|
|
94
|
+
|
|
95
|
+
</div><!-- .home-message__ttl -->
|
|
96
|
+
<section style="height: 20vh;display: flex;align-items: center;justify-content: center;">
|
|
97
|
+
<button type="button" class="btn btn-light btn-lg" data-toggle="button" aria-pressed="false"
|
|
98
|
+
autocomplete="off"
|
|
99
|
+
onclick="window.location.href='{{page.download_url}}'">
|
|
100
|
+
Download
|
|
101
|
+
</button>
|
|
102
|
+
</section>
|
|
103
|
+
</div>
|
|
104
|
+
</section>
|
|
105
|
+
{% endif %}
|
|
106
|
+
<!--<section class="f-section" id="sec2"> </section>-->
|
|
107
|
+
{% if page.derivation != false %}
|
|
108
|
+
<section class="v-section-70" style="background-image: url(.{{ page.derivation_img}})">
|
|
109
|
+
<section class="home-message js-fadein">
|
|
110
|
+
<div>
|
|
111
|
+
<div class="home-message__ttl" id="whiteline">
|
|
112
|
+
<h2 style="color: white !important;">DERIVATION</h2>
|
|
113
|
+
|
|
114
|
+
</div><!-- .home-message__ttl -->
|
|
115
|
+
<div class="container">
|
|
116
|
+
<div class="row">
|
|
117
|
+
{% for paragraph in page.derivation %}
|
|
118
|
+
<div class="col-sm">
|
|
119
|
+
<p class="u-txt__label" >
|
|
120
|
+
{{ paragraph }}
|
|
121
|
+
</p>
|
|
122
|
+
</div>
|
|
123
|
+
{% endfor %}
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
<div class="home-message__ttl" id="whiteline">
|
|
127
|
+
<h2></h2>
|
|
128
|
+
|
|
129
|
+
</div><!-- .home-message__ttl -->
|
|
130
|
+
</div>
|
|
131
|
+
</section>
|
|
132
|
+
</section>
|
|
133
|
+
{% endif %}
|
|
134
|
+
|
|
135
|
+
{% for sample in page.samples %}
|
|
136
|
+
<section class="home-message js-fadein">
|
|
137
|
+
|
|
138
|
+
<div class="album">
|
|
139
|
+
<h2 class="u-ttl__02 u-ttl__dot">{{ sample.title }}</h2>
|
|
140
|
+
<p class="u-txt__label">{{sample.subtitle}}</p>
|
|
141
|
+
|
|
142
|
+
</div>
|
|
143
|
+
<img class="album" src="{{sample.img_url}}">
|
|
144
|
+
<p class="u-txt__label" style="text-align: right;">{{sample.img_text}}</p>
|
|
145
|
+
</section>
|
|
146
|
+
{% endfor %}
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
<section style="text-align: center;">
|
|
153
|
+
<button type="button" class="btn btn-outline-light btn-lg" data-toggle="button" aria-pressed="false"
|
|
154
|
+
autocomplete="off" onclick="window.location.href='{{page.download_url}}'">
|
|
155
|
+
Download
|
|
156
|
+
</button>
|
|
157
|
+
</section>
|
|
158
|
+
|
|
159
|
+
</body>
|