Browse Source

added colored boxes

master
Eorn 2 years ago
parent
commit
384c1a177e
  1. 3
      layouts/shortcodes/block_color.html
  2. 24
      static/css/style.css
  3. 71
      static/img/info.svg
  4. 71
      static/img/ok.svg
  5. 71
      static/img/warning.svg

3
layouts/shortcodes/block_color.html

@ -0,0 +1,3 @@
<div class="block_color block_{{ index .Params 0 }}">
<p>{{ .Inner | markdownify }}</p>
</div>

24
static/css/style.css

@ -383,6 +383,30 @@ article .post-content {
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 {
border: none;
width: 30px;

71
static/img/info.svg

@ -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

@ -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

@ -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.0 KiB

Loading…
Cancel
Save