Skip to content

Commit 2fe0cc5

Browse files
SieboldianusSieboldianus
committed
Merge commit '9ebb6fc' into feat-admonition-cleaned
2 parents d638b06 + 9ebb6fc commit 2fe0cc5

15 files changed

+114
-13
lines changed

‎assets/scss/_admonition.scss

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
/*admonition styles */
2+
3+
.admonition-icon {
4+
fill: $text;
5+
width: 20px;
6+
margin: 6px;
7+
margin-left: -27px;
8+
position: absolute;
9+
top: 10px;
10+
}
11+
12+
13+
.note {
14+
border-left-width: 35px;
15+
border-left-style: solid;
16+
position: relative;
17+
border-color: $admonition-note;
18+
display: block;
19+
}
20+
21+
.warning {
22+
border-left-width: 35px;
23+
border-left-style: solid;
24+
position: relative;
25+
border-color: $admonition-warning;
26+
display: block;
27+
}
28+
29+
.tip {
30+
border-left-width: 35px;
31+
border-left-style: solid;
32+
position: relative;
33+
border-color: $admonition-tip;
34+
display: block;
35+
}
36+
37+
.admonition-content {
38+
display: block;
39+
margin: 0px;
40+
padding: .125em 1em;
41+
margin-top: 2em;
42+
margin-bottom: 2em;
43+
overflow-x: auto;
44+
background-color: $highlight-grey;
45+
}

‎assets/scss/_predefined.scss

+3
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ $light-grey: #494f5c;
66
$dark-grey: #3B3E48;
77
$highlight-grey: #7d828a;
88
$midnightblue: #2c3e50;
9+
$admonition-note :#F8E45C;
10+
$admonition-tip : #0594CB;
11+
$admonition-warning :#ff725c;
912

1013
// Fonts
1114
//

‎assets/scss/style.scss

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
@import "normalize.scss";
33
@import "syntax.scss";
44
@import "animate.scss";
5+
@import "admonition.scss";
56

67
/* Webkit Scrollbar Customize */
78
::-webkit-scrollbar {

‎layouts/_default/baseof.html

+11-10
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,11 @@
1313
{{- partial "favicons.html" }}
1414
<title>{{.Title}}</title>
1515
{{ range .AlternativeOutputFormats -}}
16-
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Title | safeHTML }}
16+
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Title | safeHTML }}
1717
{{ end -}}
1818
{{ $style := resources.Get "scss/style.scss" | resources.ExecuteAsTemplate "css/style.css" . | toCSS | minify | fingerprint -}}
19-
<link rel="stylesheet" href="{{ $style.Permalink }}" {{ printf "integrity=%q" $style.Data.Integrity | safeHTMLAttr }} crossorigin="anonymous">
19+
<link rel="stylesheet" href="{{ $style.Permalink }}"
20+
{{ printf "integrity=%q" $style.Data.Integrity | safeHTMLAttr }} crossorigin="anonymous">
2021
{{- block "head" . -}}{{- end }}
2122
{{- range .Site.Params.customCSS }}
2223
<link rel="stylesheet" href="{{ . | absURL }}">
@@ -30,21 +31,21 @@
3031
{{ block "header" . -}}{{ end -}}
3132
{{ block "main" . -}}{{ end -}}
3233
{{ block "footer" . -}}{{ end }}
33-
3434
{{ $main := resources.Get "js/main.js" -}}
3535
{{ if .Site.Params.code_copy_button | default true -}}
36-
{{ $codeCopy := resources.Get "js/code-copy.js" -}}
37-
{{ $script := slice $main $codeCopy | resources.Concat "js/bundle.js" | minify | fingerprint -}}
38-
<script src="{{ $script.Permalink }}" {{ printf "integrity=%q" $script.Data.Integrity | safeHTMLAttr }} crossorigin="anonymous"></script>
36+
{{ $codeCopy := resources.Get "js/code-copy.js" -}}
37+
{{ $script := slice $main $codeCopy | resources.Concat "js/bundle.js" | minify | fingerprint -}}
38+
<script src="{{ $script.Permalink }}" {{ printf "integrity=%q" $script.Data.Integrity | safeHTMLAttr }}
39+
crossorigin="anonymous"></script>
3940
{{ else -}}
40-
{{ $script := $main | minify | fingerprint -}}
41-
<script src="{{ $script.Permalink }}" {{ printf "integrity=%q" $script.Data.Integrity | safeHTMLAttr }} crossorigin="anonymous"></script>
41+
{{ $script := $main | minify | fingerprint -}}
42+
<script src="{{ $script.Permalink }}" {{ printf "integrity=%q" $script.Data.Integrity | safeHTMLAttr }}
43+
crossorigin="anonymous"></script>
4244
{{ end }}
43-
4445
{{- partial "analytics.html" . }}
4546
{{- if templates.Exists "partials/extra-foot.html" -}}
4647
{{ partial "extra-foot.html" . }}
4748
{{- end }}
4849
</body>
4950

50-
</html>
51+
</html>

‎layouts/partials/svg/exclamation.svg

+1
Loading

‎layouts/partials/svg/lightbulb.svg

+1
Loading

‎layouts/partials/svg/sticky-note.svg

+1
Loading

‎layouts/posts/single.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ <h1>{{ .Title }}</h1>
4949
</footer>
5050
</article>
5151
{{- if .Params.toc }}
52-
<aside id="toc">
52+
<aside id="toc" class="show-toc">
5353
<div class="toc-title">{{ i18n "tableOfContents" }}</div>
5454
{{ .TableOfContents }}
5555
</aside>

‎layouts/shortcodes/note.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{{ $_hugo_config := `{ "version": 1 }` }}
2+
3+
<aside class="admonition note">
4+
<!-- <h2 id="{{if .Get 0}}{{.Get 0 | urlize}}{{else}}note{{end}}">{{if .Get 0}}{{.Get 0 | markdownify}}{{else}}Note{{end}}</h2> -->
5+
<!-- <h3>Note</h3> -->
6+
<div class="admonition-icon">
7+
{{partial "svg/sticky-note.svg" }}
8+
</div>
9+
<div class="admonition-content">
10+
{{- .Inner -}}
11+
</div>
12+
</aside>

‎layouts/shortcodes/tip.html

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{{ $_hugo_config := `{ "version": 1 }` }}
2+
<aside class="admonition tip">
3+
<!-- <h2 id="{{if .Get 0}}{{.Get 0 | urlize}}{{else}}tip{{end}}">{{if .Get 0}}{{.Get 0 | markdownify}}{{else}}Tip{{end}}</h2> -->
4+
<!-- <h3>Tip</h3> -->
5+
<div class="admonition-icon">
6+
{{partial "svg/lightbulb.svg" }}
7+
</div>
8+
<div class="admonition-content">
9+
{{- .Inner -}}
10+
</div>
11+
</aside>

‎layouts/shortcodes/warning.html

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{{ $_hugo_config := `{ "version": 1 }` }}
2+
<aside class="admonition warning">
3+
<!-- <h2 id="{{if .Get 0}}{{.Get 0 | urlize}}{{else}}warning{{end}}">{{if .Get 0}}{{.Get 0 | markdownify}}{{else}}Warning{{end}}</h2> -->
4+
<!-- <h3>Warning</h3> -->
5+
<div class="admonition-icon">
6+
{{partial "svg/exclamation.svg" }}
7+
</div>
8+
<div class="admonition-content">
9+
{{- .Inner -}}
10+
</div>
11+
</aside>

‎resources/_gen/assets/js/js/bundle.js_d11fe7b62c27961c87ecd0f2490357b9.content

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
const throttle=(callback,limit)=>{let timeoutHandler=null;return()=>{if(timeoutHandler==null){timeoutHandler=setTimeout(()=>{callback();timeoutHandler=null;},limit);}};};const listen=(ele,e,callback)=>{if(document.querySelector(ele)!==null){document.querySelector(ele).addEventListener(e,callback);}}
2+
let header=document.getElementById('site-header');let lastScrollPosition=window.pageYOffset;const autoHideHeader=()=>{let currentScrollPosition=Math.max(window.pageYOffset,0);if(currentScrollPosition>lastScrollPosition){header.classList.remove('slideInUp');header.classList.add('slideOutDown');}else{header.classList.remove('slideOutDown');header.classList.add('slideInUp');}
3+
lastScrollPosition=currentScrollPosition;}
4+
let mobileMenuVisible=false;const toggleMobileMenu=()=>{let mobileMenu=document.getElementById('mobile-menu');if(mobileMenuVisible==false){mobileMenu.style.animationName='bounceInRight';mobileMenu.style.webkitAnimationName='bounceInRight';mobileMenu.style.display='block';mobileMenuVisible=true;}else{mobileMenu.style.animationName='bounceOutRight';mobileMenu.style.webkitAnimationName='bounceOutRight'
5+
mobileMenuVisible=false;}}
6+
const showImg=()=>{document.querySelector('.bg-img').classList.add('show-bg-img');}
7+
const hideImg=()=>{document.querySelector('.bg-img').classList.remove('show-bg-img');}
8+
const toggleToc=()=>{document.getElementById('toc').classList.toggle('show-toc');}
9+
if(header!==null){listen('#menu-btn',"click",toggleMobileMenu);listen('#toc-btn',"click",toggleToc);listen('#img-btn',"click",showImg);listen('.bg-img',"click",hideImg);document.querySelectorAll('.post-year').forEach((ele)=>{ele.addEventListener('click',()=>{window.location.hash='#'+ele.id;});});window.addEventListener('scroll',throttle(()=>{autoHideHeader();if(mobileMenuVisible==true){toggleMobileMenu();}},250));};(function(){'use strict';if(!document.queryCommandSupported('copy')){return;}
10+
function flashCopyMessage(el,msg){el.textContent=msg;setTimeout(function(){el.textContent="Copy";},1000);}
11+
function selectText(node){var selection=window.getSelection();var range=document.createRange();range.selectNodeContents(node);selection.removeAllRanges();selection.addRange(range);return selection;}
12+
function addCopyButton(containerEl){var copyBtn=document.createElement("button");copyBtn.className="highlight-copy-btn";copyBtn.textContent="Copy";var codeEl=containerEl.firstElementChild;copyBtn.addEventListener('click',function(){try{var selection=selectText(codeEl);document.execCommand('copy');selection.removeAllRanges();flashCopyMessage(copyBtn,'Copied!')}catch(e){console&&console.log(e);flashCopyMessage(copyBtn,'Failed :\'(')}});containerEl.appendChild(copyBtn);}
13+
var highlightBlocks=document.getElementsByClassName('highlight');Array.prototype.forEach.call(highlightBlocks,addCopyButton);})();

‎resources/_gen/assets/js/js/bundle.js_d11fe7b62c27961c87ecd0f2490357b9.json

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"Target":"js/bundle.min.4a9a0ac3d2217822c7865b4161e6c2a71de1d70492264337755427898dd718f6.js","MediaType":"application/javascript","Data":{"Integrity":"sha256-SpoKw9IheCLHhltBYebCpx3h1wSSJkM3dVQniY3XGPY="}}

0 commit comments

Comments
 (0)