added colored boxes
This commit is contained in:
Eorn
parent
c3728e6545
commit
384c1a177e
3
layouts/shortcodes/block_color.html
Normal file
3
layouts/shortcodes/block_color.html
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
<div class="block_color block_{{ index .Params 0 }}">
|
||||||
|
<p>{{ .Inner | markdownify }}</p>
|
||||||
|
</div>
|
||||||
|
|
@ -383,6 +383,30 @@ article .post-content {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page-content .block_color {
|
||||||
|
padding-right: 15px;
|
||||||
|
padding-left: 50px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 30px;
|
||||||
|
background-position: 10px 10px;
|
||||||
|
}
|
||||||
|
.page-content .block_red {
|
||||||
|
border: 1px dashed #b64f4f;
|
||||||
|
background-color: #2f2525;
|
||||||
|
background-image: url("/img/warning.svg");
|
||||||
|
}
|
||||||
|
.page-content .block_blue {
|
||||||
|
border: 1px dashed #3b5f72;
|
||||||
|
background-color: #24282f;
|
||||||
|
background-image: url("/img/info.svg");
|
||||||
|
}
|
||||||
|
.page-content .block_green {
|
||||||
|
border: 1px dashed #50a243;
|
||||||
|
background-color: #272f26;
|
||||||
|
background-image: url("/img/ok.svg");
|
||||||
|
}
|
||||||
|
|
||||||
.page-content hr {
|
.page-content hr {
|
||||||
border: none;
|
border: none;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
|
|
|
||||||
71
static/img/info.svg
Normal file
71
static/img/info.svg
Normal file
|
|
@ -0,0 +1,71 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="49.483803mm"
|
||||||
|
height="49.483803mm"
|
||||||
|
viewBox="0 0 49.483803 49.483803"
|
||||||
|
version="1.1"
|
||||||
|
id="svg8"
|
||||||
|
sodipodi:docname="info.svg"
|
||||||
|
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="1.4"
|
||||||
|
inkscape:cx="111.46274"
|
||||||
|
inkscape:cy="134.5312"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
inkscape:document-rotation="0"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:window-width="1366"
|
||||||
|
inkscape:window-height="728"
|
||||||
|
inkscape:window-x="1920"
|
||||||
|
inkscape:window-y="20"
|
||||||
|
inkscape:window-maximized="1" />
|
||||||
|
<metadata
|
||||||
|
id="metadata5">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(-51.287358,-71.778065)">
|
||||||
|
<circle
|
||||||
|
style="fill:none;stroke:#3b5f72;stroke-width:4.0222;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||||
|
id="path833"
|
||||||
|
cx="76.029259"
|
||||||
|
cy="96.519966"
|
||||||
|
r="22.730801" />
|
||||||
|
<g
|
||||||
|
aria-label="i"
|
||||||
|
id="text837"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:34.6831px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#3b5f72;fill-opacity:1;stroke:none;stroke-width:0.867079">
|
||||||
|
<path
|
||||||
|
d="m 77.156458,87.20755 q 0,1.248592 -0.797711,1.976937 -0.797711,0.728345 -1.907571,0.728345 -1.109859,0 -1.90757,-0.728345 -0.763028,-0.728345 -0.763028,-1.976937 0,-1.283275 0.763028,-2.01162 0.797711,-0.728345 1.90757,-0.728345 1.10986,0 1.907571,0.728345 0.797711,0.728345 0.797711,2.01162 z m 6.347008,20.28961 q -1.317958,0.6243 -2.497183,0.8324 -1.144543,0.24278 -2.11567,0.24278 -1.664788,0 -2.809331,-0.48556 -1.109859,-0.48557 -1.803521,-1.38733 -0.658979,-0.93644 -0.936444,-2.2544 -0.277465,-1.31796 -0.277465,-3.01743 v -6.000175 h -4.508803 v -3.537676 h 8.774825 v 10.092781 q 0,1.45669 0.520246,2.18504 0.55493,0.69366 1.803522,0.69366 0.589612,0 1.422007,-0.13873 0.832394,-0.17342 1.872887,-0.65898 z"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'UbuntuMono Nerd Font';-inkscape-font-specification:'UbuntuMono Nerd Font';fill:#3b5f72;fill-opacity:1;stroke-width:0.867079"
|
||||||
|
id="path2138" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
71
static/img/ok.svg
Normal file
71
static/img/ok.svg
Normal file
|
|
@ -0,0 +1,71 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="49.483803mm"
|
||||||
|
height="49.483803mm"
|
||||||
|
viewBox="0 0 49.483803 49.483803"
|
||||||
|
version="1.1"
|
||||||
|
id="svg8"
|
||||||
|
sodipodi:docname="ok.svg"
|
||||||
|
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="1.4"
|
||||||
|
inkscape:cx="111.46274"
|
||||||
|
inkscape:cy="134.5312"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
inkscape:document-rotation="0"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:window-width="1366"
|
||||||
|
inkscape:window-height="728"
|
||||||
|
inkscape:window-x="1920"
|
||||||
|
inkscape:window-y="20"
|
||||||
|
inkscape:window-maximized="1" />
|
||||||
|
<metadata
|
||||||
|
id="metadata5">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(-51.287358,-71.778065)">
|
||||||
|
<circle
|
||||||
|
style="fill:none;stroke:#50a243;stroke-width:4.0222;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||||
|
id="path833"
|
||||||
|
cx="76.029259"
|
||||||
|
cy="96.519966"
|
||||||
|
r="22.730801" />
|
||||||
|
<g
|
||||||
|
aria-label="✓"
|
||||||
|
id="text837"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:49.1866px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#50a243;fill-opacity:1;stroke:none;stroke-width:1.22966">
|
||||||
|
<path
|
||||||
|
d="m 67.008289,98.438848 q 0.936658,0 1.416996,1.537081 0.960676,2.882031 1.368963,2.882031 0.31222,0 0.648456,-0.48034 6.748748,-10.807604 12.488786,-17.4843 1.489047,-1.729217 4.731328,-1.729217 0.76854,0 1.032726,0.144102 0.264186,0.144101 0.264186,0.360253 0,0.336236 -0.792557,1.320929 -9.270522,11.143839 -17.196097,23.536553 -0.552388,0.86461 -2.257588,0.86461 -1.729216,0 -2.041436,-0.1441 -0.816574,-0.36025 -1.921352,-3.67458 -1.248878,-3.67459 -1.248878,-4.61125 0,-1.008708 1.681183,-1.945367 1.032726,-0.576405 1.825284,-0.576405 z"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'UbuntuMono Nerd Font';-inkscape-font-specification:'UbuntuMono Nerd Font';fill:#50a243;fill-opacity:1;stroke-width:1.22966"
|
||||||
|
id="path1524" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.9 KiB |
71
static/img/warning.svg
Normal file
71
static/img/warning.svg
Normal file
|
|
@ -0,0 +1,71 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="49.483803mm"
|
||||||
|
height="49.483803mm"
|
||||||
|
viewBox="0 0 49.483803 49.483803"
|
||||||
|
version="1.1"
|
||||||
|
id="svg8"
|
||||||
|
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
|
||||||
|
sodipodi:docname="warning.svg">
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="1.4"
|
||||||
|
inkscape:cx="111.46274"
|
||||||
|
inkscape:cy="134.53121"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
inkscape:document-rotation="0"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:window-width="1366"
|
||||||
|
inkscape:window-height="728"
|
||||||
|
inkscape:window-x="1920"
|
||||||
|
inkscape:window-y="20"
|
||||||
|
inkscape:window-maximized="1" />
|
||||||
|
<metadata
|
||||||
|
id="metadata5">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(-51.287358,-71.778065)">
|
||||||
|
<circle
|
||||||
|
style="fill:none;stroke:#b64f4f;stroke-width:4.0222;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||||
|
id="path833"
|
||||||
|
cx="76.029259"
|
||||||
|
cy="96.519966"
|
||||||
|
r="22.730801" />
|
||||||
|
<g
|
||||||
|
aria-label="!"
|
||||||
|
id="text837"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:43.9153px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#b64f4f;fill-opacity:1;stroke:none;stroke-width:1.09788">
|
||||||
|
<path
|
||||||
|
d="m 79.235078,89.866798 q 0,1.580951 -0.08783,2.854495 -0.04392,1.229628 -0.175661,2.415341 -0.08783,1.141798 -0.263492,2.283596 -0.131746,1.141797 -0.307407,2.547087 h -4.479361 q -0.219576,-1.40529 -0.395237,-2.547087 -0.131746,-1.185714 -0.263492,-2.327511 -0.131746,-1.141798 -0.219577,-2.371426 -0.04391,-1.273544 -0.04391,-2.854495 v -7.202109 h 6.235972 z m 0.526984,16.863472 q 0,1.7127 -1.141798,2.67884 -1.097882,0.96613 -2.503172,0.96613 -1.405289,0 -2.547087,-0.96613 -1.097883,-0.96614 -1.097883,-2.67884 0,-1.66878 1.097883,-2.63492 1.141798,-0.96613 2.547087,-0.96613 1.40529,0 2.503172,0.96613 1.141798,0.96614 1.141798,2.63492 z"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'UbuntuMono Nerd Font';-inkscape-font-specification:'UbuntuMono Nerd Font';fill:#b64f4f;fill-opacity:1;stroke-width:1.09788"
|
||||||
|
id="path2752" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3 KiB |
Loading…
Reference in a new issue