jekyll-theme-panda 0.1.1 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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>
|