gallery mediaquery bug fixed, gallery style updated, color shortcode added, weibo icon added
This commit is contained in:
zzossig
parent
bd14f86d31
commit
864b090ff8
11
README.ko.md
11
README.ko.md
|
|
@ -325,6 +325,7 @@ commento = false
|
|||
stack-exchange = ""
|
||||
telegram = ""
|
||||
steam = ""
|
||||
weibo = ""
|
||||
|
||||
[donationOptions]
|
||||
enable = false # if set, the donation button will show up on the single page.
|
||||
|
|
@ -830,8 +831,8 @@ libraries:
|
|||
### img
|
||||
|
||||
```bash
|
||||
// path: static/images/whoami/avatar.jpg
|
||||
{{< img src="/images/whoami/avatar.jpg" title="Image4" caption="Image description" alt="image alt" >}} // you can set width, height also
|
||||
// path: static/images/whoami/avatar.jpg, you can set width, height also
|
||||
{{< img src="/images/whoami/avatar.jpg" title="Image4" caption="Image description" alt="image alt" >}}
|
||||
```
|
||||
|
||||
### notice
|
||||
|
|
@ -841,3 +842,9 @@ libraries:
|
|||
A notice disclaimer
|
||||
{{% /notice %}}
|
||||
```
|
||||
|
||||
### color
|
||||
|
||||
```bash
|
||||
{{< color "#0000ff" >}}*text*{{< /color >}}
|
||||
```
|
||||
|
|
|
|||
11
README.md
11
README.md
|
|
@ -320,6 +320,7 @@ commento = false
|
|||
stack-exchange = ""
|
||||
telegram = ""
|
||||
steam = ""
|
||||
weibo = ""
|
||||
|
||||
[donationOptions]
|
||||
enable = false # if set, the donation button will show up on the single page.
|
||||
|
|
@ -831,8 +832,8 @@ You can add some config option parameters at data/flowchartjs.json
|
|||
### img
|
||||
|
||||
```bash
|
||||
// path: static/images/whoami/avatar.jpg
|
||||
{{< img src="/images/whoami/avatar.jpg" title="Image4" caption="Image description" alt="image alt" >}} // you can set width, height also
|
||||
// path: static/images/whoami/avatar.jpg, you can set width, height also
|
||||
{{< img src="/images/whoami/avatar.jpg" title="Image4" caption="Image description" alt="image alt" >}}
|
||||
```
|
||||
|
||||
### notice
|
||||
|
|
@ -842,3 +843,9 @@ You can add some config option parameters at data/flowchartjs.json
|
|||
A notice disclaimer
|
||||
{{% /notice %}}
|
||||
```
|
||||
|
||||
### color
|
||||
|
||||
```bash
|
||||
{{< color "#0000ff" >}}*text*{{< /color >}}
|
||||
```
|
||||
|
|
|
|||
|
|
@ -86,10 +86,12 @@
|
|||
z-index: z('gallery-mask');
|
||||
font-family: $title-font;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
cursor: pointer;
|
||||
|
||||
@include truncate(350px);
|
||||
@include box-shadow(0, 4px, 4px, 0, rgba(0, 0, 0, 0.4));
|
||||
@include on-event {
|
||||
@include transition(all, 0.25s, ease);
|
||||
@include themify($themes) {
|
||||
color: themed('gallery-mask-color');
|
||||
background-color: themed('gallery-mask-background-color');
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -42,31 +42,18 @@
|
|||
$(this).children('.grid-item__desc').hide();
|
||||
});
|
||||
|
||||
enquire.register("screen and (max-width:500px)", {
|
||||
enquire.register("screen and (max-width:1200px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('full');
|
||||
$('.grid-sizer').addClass('full');
|
||||
$('.grid-item').removeClass('half');
|
||||
$('.grid-sizer').removeClass('half');
|
||||
$('.grid-item').addClass('quarter');
|
||||
$('.grid-sizer').addClass('quarter');
|
||||
$('.grid-item').removeClass('fifth');
|
||||
$('.grid-sizer').removeClass('fifth');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('half');
|
||||
$('.grid-sizer').addClass('half');
|
||||
$('.grid-item').removeClass('full');
|
||||
$('.grid-sizer').removeClass('full');
|
||||
},
|
||||
}).register("screen and (max-width:700px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('half');
|
||||
$('.grid-sizer').addClass('half');
|
||||
$('.grid-item').removeClass('third');
|
||||
$('.grid-sizer').removeClass('third');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('third');
|
||||
$('.grid-sizer').addClass('third');
|
||||
$('.grid-item').removeClass('half');
|
||||
$('.grid-sizer').removeClass('half');
|
||||
$('.grid-item').addClass('fifth');
|
||||
$('.grid-sizer').addClass('fifth');
|
||||
$('.grid-item').removeClass('quarter');
|
||||
$('.grid-sizer').removeClass('quarter');
|
||||
},
|
||||
}).register("screen and (max-width:900px)", {
|
||||
match: function () {
|
||||
|
|
@ -81,18 +68,31 @@
|
|||
$('.grid-item').removeClass('third');
|
||||
$('.grid-sizer').removeClass('third');
|
||||
},
|
||||
}).register("screen and (max-width:1200px)", {
|
||||
}).register("screen and (max-width:700px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('quarter');
|
||||
$('.grid-sizer').addClass('quarter');
|
||||
$('.grid-item').removeClass('fifth');
|
||||
$('.grid-sizer').removeClass('fifth');
|
||||
$('.grid-item').addClass('half');
|
||||
$('.grid-sizer').addClass('half');
|
||||
$('.grid-item').removeClass('third');
|
||||
$('.grid-sizer').removeClass('third');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('fifth');
|
||||
$('.grid-sizer').addClass('fifth');
|
||||
$('.grid-item').removeClass('quarter');
|
||||
$('.grid-sizer').removeClass('quarter');
|
||||
$('.grid-item').addClass('third');
|
||||
$('.grid-sizer').addClass('third');
|
||||
$('.grid-item').removeClass('half');
|
||||
$('.grid-sizer').removeClass('half');
|
||||
},
|
||||
}).register("screen and (max-width:500px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('full');
|
||||
$('.grid-sizer').addClass('full');
|
||||
$('.grid-item').removeClass('half');
|
||||
$('.grid-sizer').removeClass('half');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('half');
|
||||
$('.grid-sizer').addClass('half');
|
||||
$('.grid-item').removeClass('full');
|
||||
$('.grid-sizer').removeClass('full');
|
||||
},
|
||||
});
|
||||
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
var mode = JSON.parse({{ $mode | jsonify }});
|
||||
|
||||
imgElements.each(function (i, v) {
|
||||
$(this).siblings().click(function (e) {
|
||||
$(this).parent().click(function (e) {
|
||||
initGallery(i);
|
||||
});
|
||||
$(this).css('cursor', 'pointer');
|
||||
|
|
@ -145,7 +145,8 @@
|
|||
}
|
||||
img.src = item.src;
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
gallery.init();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="{{ .width }}" height="{{ .height }}"><path fill="currentColor" d="M 16.28125 3.8125 C 16.054688 3.828125 15.816406 3.859375 15.59375 3.90625 C 15.179688 3.996094 14.910156 4.402344 15 4.8125 C 15.085938 5.226563 15.492188 5.496094 15.90625 5.40625 C 17.179688 5.136719 18.566406 5.53125 19.5 6.5625 C 20.433594 7.597656 20.679688 9.011719 20.28125 10.25 C 20.152344 10.652344 20.378906 11.089844 20.78125 11.21875 C 21.183594 11.347656 21.617188 11.121094 21.75 10.71875 C 22.3125 8.976563 21.96875 7.015625 20.65625 5.5625 C 19.671875 4.46875 18.296875 3.875 16.9375 3.8125 C 16.710938 3.800781 16.507813 3.796875 16.28125 3.8125 Z M 10.0625 6.09375 C 8.667969 6.242188 6.699219 7.332031 4.96875 9.0625 C 3.082031 10.949219 2 12.957031 2 14.6875 C 2 17.996094 6.226563 20 10.375 20 C 15.8125 20 19.4375 16.820313 19.4375 14.3125 C 19.4375 12.796875 18.179688 11.949219 17.03125 11.59375 C 16.75 11.507813 16.539063 11.464844 16.6875 11.09375 C 17.007813 10.289063 17.066406 9.589844 16.71875 9.09375 C 16.070313 8.164063 14.253906 8.210938 12.21875 9.0625 C 12.21875 9.0625 11.585938 9.351563 11.75 8.84375 C 12.0625 7.835938 12.019531 6.988281 11.53125 6.5 C 11.1875 6.152344 10.695313 6.027344 10.0625 6.09375 Z M 16.8125 6.5 C 16.589844 6.488281 16.375 6.515625 16.15625 6.5625 C 15.800781 6.636719 15.578125 7.019531 15.65625 7.375 C 15.734375 7.730469 16.082031 7.953125 16.4375 7.875 C 16.863281 7.785156 17.34375 7.902344 17.65625 8.25 C 17.96875 8.597656 18.042969 9.054688 17.90625 9.46875 C 17.792969 9.816406 17.964844 10.199219 18.3125 10.3125 C 18.660156 10.421875 19.046875 10.253906 19.15625 9.90625 C 19.429688 9.058594 19.265625 8.085938 18.625 7.375 C 18.144531 6.84375 17.476563 6.53125 16.8125 6.5 Z M 10.8125 10.90625 C 13.582031 11.003906 15.8125 12.378906 16 14.28125 C 16.214844 16.457031 13.71875 18.484375 10.40625 18.8125 C 7.09375 19.140625 4.214844 17.640625 4 15.46875 C 3.785156 13.292969 6.316406 11.265625 9.625 10.9375 C 10.039063 10.898438 10.417969 10.890625 10.8125 10.90625 Z M 8.9375 13 C 7.804688 13.101563 6.734375 13.75 6.25 14.6875 C 5.589844 15.964844 6.242188 17.378906 7.75 17.84375 C 9.308594 18.324219 11.140625 17.597656 11.78125 16.21875 C 12.410156 14.871094 11.605469 13.472656 10.0625 13.09375 C 9.691406 13 9.316406 12.964844 8.9375 13 Z M 8.21875 15.0625 C 8.351563 15.066406 8.472656 15.109375 8.59375 15.15625 C 9.082031 15.355469 9.234375 15.878906 8.9375 16.34375 C 8.632813 16.804688 7.988281 17.027344 7.5 16.8125 C 7.019531 16.601563 6.882813 16.074219 7.1875 15.625 C 7.414063 15.289063 7.824219 15.058594 8.21875 15.0625 Z"/></svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
|
|
@ -0,0 +1 @@
|
|||
<span style="color: {{ .Get 0 }}">{{.Inner | markdownify}}</span>
|
||||
|
|
@ -5,12 +5,7 @@
|
|||
{{ partial "svgs/arrow/keyboard-arrow-right.svg" (dict "width" 20 "height" 20) }}
|
||||
</span>
|
||||
<span>
|
||||
{{$expandMessage := T "Expand-title"}}
|
||||
{{ if .IsNamedParams }}
|
||||
{{.Get "default" | default $expandMessage}}
|
||||
{{else}}
|
||||
{{.Get 0 | default $expandMessage}}
|
||||
{{end}}
|
||||
{{.Get 0}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="expand-content">
|
||||
|
|
|
|||
Loading…
Reference in New Issue