Icon font

Closes: #13

content/katedra/pracovnici/_index.md

@@ -6,7 +6,7 @@ page_template = "people-profile.html"
 sort_by = "weight"
 
 [extra]
-icon = "♥"
+icon = "icon-account-circle-line"
 +++
 
 Zde najdete informace a kontaktní údaje pracovníků katedry. Další termíny konzultací zde uvedených pracovníků mohou být stanoveny individuálně na základě dohody s příslušným pracovníkem e-mailem.

sass/main.scss

@@ -76,10 +76,8 @@ header {
 					padding: .5em;
 
 					&:hover { color: var(--color) }
-					.icon {
+					[class^="icon-"], [class*=" icon-"] {
-						color:  var(--color);
 						margin-right: .4em;
-						font-size: 1.5em;
 					}
 				}
 
@@ -100,15 +98,15 @@ header {
 		font-weight: bold;
 		font-size: 1.2em;
 
-		a::after {
+		&>ul>li>a::after {
-			content: "";
+			content: "\e921";
-			display: inline-block;
+			font-family: icomoon;
-			background: url("nav-arrow.svg") center center no-repeat;
+			font-size: .8em;
-			background-width: 100%;
+			margin-left: .5em;
-			width: .5em;
+			color: #5E81AC;
-			height: 50%;
+
-			margin-left: .4em;
 		}
+		&>ul>li>a:hover::after { color: inherit }
 	}
 }
 
@@ -381,16 +379,21 @@ div.breadcrumbs {
 		width: 100%;
 	}
 
-	a.home {
+	a {
-		display: flex;
+		display: inline-block;
-		align-items: center;
+		padding: 1rem;
 
-		img { height: 1.5em }
+		&.home {
+			display: flex; // vertical center
+			font-size: 1.5em;
+			color: #88c0d0;
+
+			&:hover { color: #000 }
+		}
 	}
 
 	ul {
 		display: flex;
-		margin-left: .9rem;
 
 		li {
 			display: flex;
@@ -403,14 +406,8 @@ div.breadcrumbs {
 				color: #D8DEE9;
 			}
 
-			a {
-				display: inline-block;
-				padding: 1rem;
-
-				&:hover { text-decoration: underline }
-			}
-
 			&:last-child { font-weight: bold }
+			a:hover { text-decoration: underline }
 		}
 	}
 }

static/fonts/icomoon.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="artboard-line" d="M366.336 234.667h-238.336v85.333h768v-85.333h-238.336l138.368-138.368-60.331-60.331-181.035 181.035v-110.336h-85.333v110.336l-181.035-181.035-60.331 60.331 138.368 138.368zM213.333 832h597.333c23.564 0 42.667-19.103 42.667-42.667v0-426.667h-682.667v426.667c0 23.564 19.103 42.667 42.667 42.667v0zM256 746.667v-298.667h512v298.667h-512z" />
+<glyph unicode="&#xe901;" glyph-name="award-fill" d="M725.333 309.547v-293.205c0-0.001 0-0.003 0-0.004 0-11.782-9.551-21.333-21.333-21.333-4.049 0-7.835 1.128-11.060 3.087l0.095-0.053-181.035 108.629-181.035-108.629c-3.13-1.906-6.916-3.034-10.965-3.034-11.782 0-21.333 9.551-21.333 21.333 0 0.017 0 0.033 0 0.050v-0.003 293.12c-78.314 63.078-128 158.963-128 266.453 0 188.513 152.82 341.333 341.333 341.333s341.333-152.82 341.333-341.333c0-107.49-49.686-203.375-127.343-265.942l-0.657-0.512zM512 320c141.385 0 256 114.615 256 256s-114.615 256-256 256v0c-141.385 0-256-114.615-256-256s114.615-256 256-256v0zM512 405.333c-94.257 0-170.667 76.41-170.667 170.667s76.41 170.667 170.667 170.667v0c94.257 0 170.667-76.41 170.667-170.667s-76.41-170.667-170.667-170.667v0z" />
+<glyph unicode="&#xe902;" glyph-name="book-3-line" d="M896 789.333h-597.333c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0h597.333v-554.667c0-23.564-19.103-42.667-42.667-42.667v0h-554.667c-94.257 0-170.667 76.41-170.667 170.667v0 512c0 94.257 76.41 170.667 170.667 170.667v0h554.667c23.564 0 42.667-19.103 42.667-42.667v0-42.667zM213.333 192c0-47.128 38.205-85.333 85.333-85.333v0h512v426.667h-512c-0.081 0-0.176 0-0.272 0-31.323 0-60.666 8.476-85.861 23.261l0.8-0.434v-364.16zM853.333 661.333h-554.667c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667v0h554.667v-85.333z" />
+<glyph unicode="&#xe903;" glyph-name="brush-3-line" d="M341.333 106.667v213.333h85.333v-213.333h384v298.667h-597.333v-298.667h128zM170.667 490.667h682.667v128h-256v170.667h-170.667v-170.667h-256v-128zM128 64v341.333h-42.667v256c0 23.564 19.103 42.667 42.667 42.667v0h213.333v128c0 23.564 19.103 42.667 42.667 42.667v0h256c23.564 0 42.667-19.103 42.667-42.667v0-128h213.333c23.564 0 42.667-19.103 42.667-42.667v0-256h-42.667v-341.333c0-23.564-19.103-42.667-42.667-42.667v0h-682.667c-23.564 0-42.667 19.103-42.667 42.667v0z" />
+<glyph unicode="&#xe904;" glyph-name="calendar-2-line" d="M725.333 832h170.667c23.564 0 42.667-19.103 42.667-42.667v0-682.667c0-23.564-19.103-42.667-42.667-42.667v0h-768c-23.564 0-42.667 19.103-42.667 42.667v0 682.667c0 23.564 19.103 42.667 42.667 42.667v0h170.667v85.333h85.333v-85.333h256v85.333h85.333v-85.333zM853.333 490.667h-682.667v-341.333h682.667v341.333zM640 746.667h-256v-85.333h-85.333v85.333h-128v-170.667h682.667v170.667h-128v-85.333h-85.333v85.333zM256 405.333h85.333v-85.333h-85.333v85.333zM469.333 405.333h85.333v-85.333h-85.333v85.333zM682.667 405.333h85.333v-85.333h-85.333v85.333z" />
+<glyph unicode="&#xe905;" glyph-name="calendar-event-fill" d="M725.333 832h170.667c23.564 0 42.667-19.103 42.667-42.667v0-682.667c0-23.564-19.103-42.667-42.667-42.667v0h-768c-23.564 0-42.667 19.103-42.667 42.667v0 682.667c0 23.564 19.103 42.667 42.667 42.667v0h170.667v85.333h85.333v-85.333h256v85.333h85.333v-85.333zM170.667 576v-426.667h682.667v426.667h-682.667zM256 405.333h213.333v-170.667h-213.333v170.667z" />
+<glyph unicode="&#xe906;" glyph-name="calendar-todo-line" d="M725.333 832h170.667c23.564 0 42.667-19.103 42.667-42.667v0-682.667c0-23.564-19.103-42.667-42.667-42.667v0h-768c-23.564 0-42.667 19.103-42.667 42.667v0 682.667c0 23.564 19.103 42.667 42.667 42.667v0h170.667v85.333h85.333v-85.333h256v85.333h85.333v-85.333zM640 746.667h-256v-85.333h-85.333v85.333h-128v-170.667h682.667v170.667h-128v-85.333h-85.333v85.333zM853.333 490.667h-682.667v-341.333h682.667v341.333zM256 362.667h85.333v-85.333h-85.333v85.333zM426.667 362.667h341.333v-85.333h-341.333v85.333z" />
+<glyph unicode="&#xe907;" glyph-name="external-link-line" d="M426.667 704v-85.333h-213.333v-469.333h469.333v213.333h85.333v-256c0-23.564-19.103-42.667-42.667-42.667v0h-554.667c-23.564 0-42.667 19.103-42.667 42.667v0 554.667c0 23.564 19.103 42.667 42.667 42.667v0h256zM896 832v-341.333h-85.333v195.712l-332.501-332.544-60.331 60.331 332.459 332.501h-195.627v85.333h341.333z" />
+<glyph unicode="&#xe908;" glyph-name="file-copy-2-line" d="M298.667 704v128c0 23.564 19.103 42.667 42.667 42.667v0h512c23.564 0 42.667-19.103 42.667-42.667v0-597.333c0-23.564-19.103-42.667-42.667-42.667v0h-128v-128c0-23.552-19.2-42.667-42.965-42.667h-511.403c-0.076 0-0.166-0.001-0.256-0.001-23.573 0-42.685 19.098-42.709 42.665v0.002l0.128 597.333c0 23.552 19.2 42.667 42.923 42.667h127.616zM213.419 618.667l-0.085-512h426.667v512h-426.581zM384 704h341.333v-426.667h85.333v512h-426.667v-85.333zM298.667 490.667h256v-85.333h-256v85.333zM298.667 320h256v-85.333h-256v85.333z" />
+<glyph unicode="&#xe909;" glyph-name="file-paper-2-line" d="M853.333 874.667c70.692 0 128-57.308 128-128v0-85.333h-85.333v-512c0-70.692-57.308-128-128-128v0h-597.333c-70.692 0-128 57.308-128 128v0 85.333h682.667v-85.333c0.003-21.803 16.359-39.784 37.47-42.348l0.205-0.020 4.992-0.299c21.803 0.003 39.784 16.359 42.348 37.47l0.020 0.205 0.299 4.992v640h-554.667c-21.803-0.003-39.784-16.359-42.348-37.47l-0.020-0.205-0.299-4.992v-426.667h-85.333v426.667c0 70.692 57.308 128 128 128v0h597.333z" />
+<glyph unicode="&#xe90a;" glyph-name="file-word-2-line" d="M725.333 149.333h128v597.333h-128v85.333h170.667c23.564 0 42.667-19.103 42.667-42.667v0-682.667c0-23.564-19.103-42.667-42.667-42.667v0h-170.667v85.333zM121.984 837.248l536.32 76.587c0.91 0.138 1.961 0.216 3.029 0.216 11.782 0 21.333-9.551 21.333-21.333 0-0.001 0-0.002 0-0.003v0-889.429c-0.002-11.781-9.552-21.33-21.333-21.33-1.054 0-2.089 0.076-3.102 0.224l0.115-0.014-536.405 76.587c-20.834 3.051-36.65 20.798-36.651 42.24v0 694.016c0 21.442 15.817 39.189 36.419 42.212l0.232 0.028zM170.667 757.973v-619.947l426.667-60.971v741.888l-426.667-60.971zM469.333 618.667h85.333v-341.333h-85.333l-85.333 85.333-85.333-85.333h-85.333v341.333h85.333l0.427-213.333 84.907 85.333 85.333-84.864v212.864z" />
+<glyph unicode="&#xe90b;" glyph-name="globe-line" d="M554.667 64h213.333v-85.333h-512v85.333h213.333v44.8c-140.777 14.539-259.931 95.592-326.756 210.776l-1.095 2.045 74.112 42.325c59.966-103.377 170.118-171.791 296.25-171.791 188.513 0 341.333 152.82 341.333 341.333 0 126.131-68.414 236.284-170.158 295.374l-1.633 0.876 42.325 74.112c129.339-74.886 214.955-212.613 214.955-370.336 0-0.064 0-0.127 0-0.191v0.010c0-221.227-168.405-403.157-384-424.533v-44.8zM512 234.667c-164.949 0-298.667 133.718-298.667 298.667s133.718 298.667 298.667 298.667v0c164.949 0 298.667-133.718 298.667-298.667s-133.718-298.667-298.667-298.667v0zM512 320c117.821 0 213.333 95.513 213.333 213.333s-95.513 213.333-213.333 213.333v0c-117.821 0-213.333-95.513-213.333-213.333s95.513-213.333 213.333-213.333v0z" />
+<glyph unicode="&#xe90c;" glyph-name="home-8-line" d="M810.667 64h-597.333c-23.564 0-42.667 19.103-42.667 42.667v0 384h-128l440.619 400.555c7.55 6.889 17.64 11.109 28.715 11.109s21.164-4.22 28.748-11.139l-0.034 0.030 440.619-400.555h-128v-384c0-23.564-19.103-42.667-42.667-42.667v0zM256 149.333h512v419.968l-256 232.704-256-232.704v-419.968zM384 533.333h256v-256h-256v256zM469.333 448v-85.333h85.333v85.333h-85.333z" />
+<glyph unicode="&#xe90d;" glyph-name="key-2-line" d="M459.008 455.339l334.891 334.891 60.331-60.331-60.331-60.373 105.557-105.557-60.331-60.373-105.6 105.6-60.331-60.331 90.496-90.496-60.331-60.373-90.496 90.539-93.525-93.525c22.021-33.037 35.14-73.647 35.14-117.321 0-117.868-95.551-213.419-213.419-213.419-58.778 0-112.006 23.761-150.603 62.203l0.007-0.007c-38.775 38.634-62.768 92.081-62.768 151.133 0 117.821 95.513 213.333 213.333 213.333 43.953 0 84.802-13.292 118.746-36.076l-0.767 0.485zM431.829 186.837c24.683 23.383 40.042 56.394 40.042 92.992 0 70.692-57.308 128-128 128-36.598 0-69.608-15.36-92.937-39.984l-0.055-0.058c-22.231-22.995-35.931-54.359-35.931-88.923 0-70.692 57.308-128 128-128 34.564 0 65.928 13.7 88.959 35.966l-0.036-0.035z" />
+<glyph unicode="&#xe90e;" glyph-name="mail-line" d="M128 832h768c23.564 0 42.667-19.103 42.667-42.667v0-682.667c0-23.564-19.103-42.667-42.667-42.667v0h-768c-23.564 0-42.667 19.103-42.667 42.667v0 682.667c0 23.564 19.103 42.667 42.667 42.667v0zM853.333 651.179l-338.261-302.933-344.405 303.872v-502.784h682.667v501.845zM192.469 746.667l322.133-284.245 317.483 284.245h-639.616z" />
+<glyph unicode="&#xe90f;" glyph-name="map-pin-line" d="M512 68.267l211.2 211.2c54.042 54.047 87.467 128.709 87.467 211.178 0 164.949-133.718 298.667-298.667 298.667s-298.667-133.718-298.667-298.667c0-82.469 33.425-157.132 87.467-211.179l211.2-211.2zM512-52.395l-271.531 271.531c-69.489 69.49-112.469 165.49-112.469 271.527 0 212.077 171.923 384 384 384s384-171.923 384-384c0-106.038-42.98-202.037-112.47-271.528l-271.53-271.53zM512 405.333c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333v0c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0zM512 320c-94.257 0-170.667 76.41-170.667 170.667s76.41 170.667 170.667 170.667v0c94.257 0 170.667-76.41 170.667-170.667s-76.41-170.667-170.667-170.667v0z" />
+<glyph unicode="&#xe910;" glyph-name="node-tree" d="M426.667 874.667c23.552 0 42.667-19.115 42.667-42.667v-170.667c0-23.552-19.115-42.667-42.667-42.667h-85.333v-85.333h213.333v42.667c0 23.552 19.115 42.667 42.667 42.667h256c23.552 0 42.667-19.115 42.667-42.667v-170.667c0-23.552-19.115-42.667-42.667-42.667h-256c-23.552 0-42.667 19.115-42.667 42.667v42.667h-213.333v-256h213.333v42.667c0 23.552 19.115 42.667 42.667 42.667h256c23.552 0 42.667-19.115 42.667-42.667v-170.667c0-23.552-19.115-42.667-42.667-42.667h-256c-23.552 0-42.667 19.115-42.667 42.667v42.667h-256c-23.552 0-42.667 19.115-42.667 42.667v469.333h-85.333c-23.552 0-42.667 19.115-42.667 42.667v170.667c0 23.552 19.115 42.667 42.667 42.667h256zM810.667 192h-170.667v-85.333h170.667v85.333zM810.667 533.333h-170.667v-85.333h170.667v85.333zM384 789.333h-170.667v-85.333h170.667v85.333z" />
+<glyph unicode="&#xe911;" glyph-name="nurse-fill" d="M638.123 295.936c113.451-45.141 196.949-149.333 212.565-274.603h-677.376c15.616 125.269 99.115 229.461 212.565 274.603l126.123-189.269 126.123 189.269zM768 874.667v-256c0-141.397-114.603-256-256-256s-256 114.603-256 256v256h512zM682.667 618.667h-341.333c0-94.293 76.373-170.667 170.667-170.667s170.667 76.373 170.667 170.667z" />
+<glyph unicode="&#xe912;" glyph-name="pencil-ruler-2-line" d="M300.8 357.504l-90.453-90.539 120.661-120.661 482.688 482.731-120.661 120.619-90.581-90.453 60.373-60.331-60.373-60.416-60.331 60.373-60.331-60.373 60.331-60.331-60.331-60.331-60.331 60.331-60.373-60.331 60.373-60.331-60.373-60.373-60.288 60.459zM723.2 840.192l180.992-180.992c7.718-7.721 12.492-18.386 12.492-30.165s-4.774-22.445-12.492-30.165l-543.061-543.061c-7.721-7.718-18.386-12.492-30.165-12.492s-22.445 4.774-30.165 12.492l-180.992 180.992c-7.718 7.721-12.492 18.386-12.492 30.165s4.774 22.445 12.492 30.165l543.061 543.061c7.721 7.718 18.386 12.492 30.165 12.492s22.445-4.774 30.165-12.492v0zM602.453 176.512l60.373 60.331 95.659-95.701h60.331v60.331l-95.659 95.701 60.331 60.331 112.512-112.469v-181.035h-180.992l-112.512 112.512zM240.469 538.539l-120.704 120.661c-7.731 7.723-12.514 18.396-12.514 30.187s4.782 22.464 12.513 30.186l120.704 120.662c7.721 7.718 18.386 12.492 30.165 12.492s22.445-4.774 30.165-12.492l120.747-120.661-60.416-60.373-90.496 90.539-60.331-60.373 90.496-90.453-60.331-60.373z" />
+<glyph unicode="&#xe913;" glyph-name="phone-line" d="M399.616 504.235c40.758-70.719 97.899-127.861 166.446-167.461l2.173-1.158 37.717 52.821c7.834 10.874 20.461 17.871 34.722 17.871 7.514 0 14.574-1.942 20.706-5.352l-0.218 0.111c56.509-31.485 123.022-52.349 193.81-58.084l1.731-0.113c22.069-1.801 39.296-20.156 39.296-42.533 0-0.002 0-0.004 0-0.006v0-190.379c0-0.003 0-0.006 0-0.009 0-22.031-16.698-40.163-38.129-42.428l-0.186-0.016c-22.613-2.347-45.397-3.499-68.352-3.499-365.227 0-661.333 296.107-661.333 661.333 0 22.955 1.152 45.739 3.499 68.352 2.281 21.616 20.413 38.315 42.444 38.315 0.003 0 0.006 0 0.010 0h190.378c0.002 0 0.003 0 0.005 0 22.378 0 40.732-17.227 42.523-39.143l0.010-0.153c5.848-72.519 26.712-139.032 59.466-198.033l-1.269 2.491c3.299-5.914 5.241-12.975 5.241-20.489 0-14.261-6.997-26.888-17.745-34.635l-0.126-0.086-52.821-37.717zM292.011 532.267l81.067 57.899c-21.596 45.386-37.954 98.051-46.405 153.319l-0.4 3.183h-112.512c-0.256-7.083-0.384-14.208-0.384-21.333-0.043-318.123 257.835-576 575.957-576 7.125 0 14.251 0.128 21.333 0.427v112.512c-58.45 8.851-111.115 25.21-159.986 48.285l3.485-1.48-57.899-81.067c-26.689 10.431-48.992 21.18-70.366 33.372l2.611-1.372-2.475 1.408c-84.144 48.488-152.131 116.474-199.241 198.034l-1.377 2.585-1.408 2.475c-10.82 18.763-21.569 41.067-30.743 64.166l-1.257 3.588z" />
+<glyph unicode="&#xe914;" glyph-name="psychotherapy-fill" d="M469.333 874.667c173.568 0 316.843-129.536 338.517-297.173l96-150.997c6.315-9.941 5.035-24.747-9.6-31.061l-83.584-35.755v-125.013c0-47.147-38.187-85.333-85.333-85.333h-85.291l-0.043-128h-384v157.611c0 50.347-18.603 98.005-53.077 141.013-46.891 58.453-74.923 132.651-74.923 213.376 0 188.501 152.832 341.333 341.333 341.333zM469.333 661.333c-23.552 0-42.667-19.115-42.667-42.667v-42.624l-42.667-0.043c-23.552 0-42.667-19.115-42.667-42.667s19.115-42.667 42.667-42.667l42.667 0.043v-42.709c0-23.552 19.115-42.667 42.667-42.667s42.667 19.115 42.667 42.667v42.667h42.667c23.552 0 42.667 19.115 42.667 42.667s-19.115 42.667-42.667 42.667h-42.667v42.667c0 23.552-19.115 42.667-42.667 42.667z" />
+<glyph unicode="&#xe915;" glyph-name="psychotherapy-line" d="M469.333 874.667c173.568 0 316.843-129.536 338.517-297.173l96-150.997c6.315-9.941 5.035-24.747-9.6-31.061l-83.584-35.755v-125.013c0-47.147-38.187-85.333-85.333-85.333h-85.291l-0.043-128h-384v157.611c0 50.347-18.603 98.005-53.077 141.013-46.891 58.453-74.923 132.651-74.923 213.376 0 188.501 152.832 341.333 341.333 341.333zM469.333 789.333c-141.397 0-256-114.603-256-256 0-59.093 19.968-114.901 56.149-160 46.677-58.197 71.851-124.459 71.851-194.389v-72.277h213.333l0.085 128h170.581v181.248l66.133 28.331-65.835 103.467-2.432 18.859c-16.384 126.72-124.843 222.763-253.867 222.763zM469.333 661.333c23.552 0 42.667-19.115 42.667-42.667v-42.667h42.667c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-42.667v-42.667c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667v42.709l-42.667-0.043c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667l42.667 0.043v42.624c0 23.552 19.115 42.667 42.667 42.667z" />
+<glyph unicode="&#xe916;" glyph-name="search-line" d="M769.323 251.008l182.741-182.699-60.373-60.373-182.699 182.741c-64.857-52.336-148.287-84.011-239.115-84.011-0.191 0-0.382 0-0.573 0h0.030c-211.968 0-384 172.032-384 384s172.032 384 384 384 384-172.032 384-384c0-0.162 0-0.353 0-0.544 0-90.828-31.675-174.258-84.581-239.846l0.57 0.731zM683.733 282.667c52.123 53.559 84.267 126.791 84.267 207.531 0 0.165 0 0.33 0 0.494v-0.025c0 165.035-133.675 298.667-298.667 298.667-165.035 0-298.667-133.632-298.667-298.667 0-164.992 133.632-298.667 298.667-298.667 0.139 0 0.304 0 0.469 0 80.74 0 153.972 32.144 207.598 84.332l-0.067-0.065 6.4 6.4z" />
+<glyph unicode="&#xe917;" glyph-name="skull-line" d="M853.333 448c0 188.513-152.82 341.333-341.333 341.333s-341.333-152.82-341.333-341.333v0-170.667h128c23.564 0 42.667-19.103 42.667-42.667v0-128h341.333v128c0 23.564 19.103 42.667 42.667 42.667v0h128v170.667zM768 192v-128c0-23.564-19.103-42.667-42.667-42.667v0h-426.667c-23.564 0-42.667 19.103-42.667 42.667v0 128h-128c-23.564 0-42.667 19.103-42.667 42.667v0 213.333c0 235.648 191.019 426.667 426.667 426.667s426.667-191.019 426.667-426.667v-213.333c0-23.564-19.103-42.667-42.667-42.667v0h-128zM320 362.667c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0zM704 362.667c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0z" />
+<glyph unicode="&#xe918;" glyph-name="stack-line" d="M856.875 311.467l51.285-30.763c6.258-3.794 10.375-10.568 10.375-18.304s-4.118-14.51-10.281-18.251l-0.095-0.053-374.187-224.512c-6.271-3.827-13.857-6.093-21.973-6.093s-15.702 2.266-22.162 6.2l0.188-0.107-374.187 224.512c-6.258 3.794-10.375 10.568-10.375 18.304s4.118 14.51 10.281 18.251l0.095 0.053 51.285 30.763 344.875-206.933 344.875 206.933zM856.875 512l51.285-30.763c6.258-3.794 10.375-10.568 10.375-18.304s-4.118-14.51-10.281-18.251l-0.095-0.053-396.16-237.696-396.16 237.696c-6.258 3.794-10.375 10.568-10.375 18.304s4.118 14.51 10.281 18.251l0.095 0.053 51.285 30.763 344.875-206.933 344.875 206.933zM533.931 904.149l374.229-224.512c6.258-3.794 10.375-10.568 10.375-18.304s-4.118-14.51-10.281-18.251l-0.095-0.053-396.16-237.696-396.16 237.696c-6.258 3.794-10.375 10.568-10.375 18.304s4.118 14.51 10.281 18.251l0.095 0.053 374.187 224.512c6.271 3.827 13.857 6.093 21.973 6.093s15.702-2.266 22.162-6.2l-0.188 0.107zM512 817.835l-260.821-156.501 260.821-156.501 260.821 156.501-260.821 156.501z" />
+<glyph unicode="&#xe919;" glyph-name="terminal-box-line" d="M128 832h768c23.564 0 42.667-19.103 42.667-42.667v0-682.667c0-23.564-19.103-42.667-42.667-42.667v0h-768c-23.564 0-42.667 19.103-42.667 42.667v0 682.667c0 23.564 19.103 42.667 42.667 42.667v0zM170.667 746.667v-597.333h682.667v597.333h-682.667zM512 320h256v-85.333h-256v85.333zM369.792 448l-120.704 120.661 60.373 60.373 180.992-181.035-180.992-181.035-60.373 60.373 120.704 120.661z" />
+<glyph unicode="&#xe91a;" glyph-name="wheelchair-line" d="M341.333 518.784v-93.611c-51.029-29.525-85.333-84.693-85.333-147.84 0-94.293 76.373-170.667 170.667-170.667 63.147 0 118.315 34.304 147.84 85.333h93.568c-35.115-99.413-129.963-170.667-241.408-170.667-141.397 0-256 114.603-256 256 0 111.488 71.253 206.293 170.667 241.451zM512 234.667c-70.699 0-128 57.301-128 128v170.667c0 44.544 22.784 83.797 57.301 106.709-34.56 22.827-57.301 62.080-57.301 106.624 0 70.699 57.301 128 128 128s128-57.301 128-128c0-44.544-22.784-83.797-57.301-106.709 34.56-22.827 57.301-62.080 57.301-106.624v-213.291l61.184-0.043c27.648 0 53.461-13.397 69.376-35.669l3.797-5.76 115.541-192.64-73.131-43.861-115.627 192.597h-189.141zM512 576c-23.552 0-42.667-19.115-42.667-42.667v-170.667c0-23.552 19.115-42.667 42.667-42.667h42.624l0.043 213.333c0 23.552-19.115 42.667-42.667 42.667zM512 789.333c-23.552 0-42.667-19.115-42.667-42.667s19.115-42.667 42.667-42.667 42.667 19.115 42.667 42.667-19.115 42.667-42.667 42.667z" />
+<glyph unicode="&#xe91b;" glyph-name="checkbox-multiple-line" d="M298.667 661.333v170.667c0 23.564 19.103 42.667 42.667 42.667v0h554.667c23.564 0 42.667-19.103 42.667-42.667v0-554.667c0-23.564-19.103-42.667-42.667-42.667v0h-170.667v-170.368c0-23.723-19.157-42.965-42.965-42.965h-554.069c-0.013 0-0.028 0-0.043 0-23.706 0-42.923 19.217-42.923 42.923 0 0.015 0 0.030 0 0.045v-0.002l0.128 554.069c0 23.723 19.157 42.965 42.965 42.965h170.24zM384 661.333h298.368c23.723 0 42.965-19.157 42.965-42.965v-298.368h128v469.333h-469.333v-128zM640 576h-469.205l-0.128-469.333h469.333v469.333zM362.795 192l-150.869 150.869 60.331 60.331 90.539-90.539 180.992 181.035 60.331-60.331-241.323-241.365z" />
+<glyph unicode="&#xe91c;" glyph-name="account-circle-line" d="M512 21.333c-235.648 0-426.667 191.019-426.667 426.667s191.019 426.667 426.667 426.667 426.667-191.019 426.667-426.667-191.019-426.667-426.667-426.667zM299.221 181.077c57.602-46.36 131.644-74.411 212.238-74.411 0.19 0 0.38 0 0.57 0h-0.029c84.053 0 160.981 30.379 220.459 80.725-54.141 55.512-129.673 89.942-213.247 89.942-0.135 0-0.27 0-0.406 0h0.021c-0.102 0-0.223 0-0.344 0-86.643 0-164.646-36.994-219.073-96.049l-0.188-0.207zM239.616 242.347c69.993 74.156 168.954 120.32 278.698 120.32 0.18 0 0.361 0 0.541 0h-0.028c0.148 0 0.323 0 0.498 0 105.839 0 201.647-42.953 270.941-112.378l0.006-0.006c39.448 54.947 63.083 123.563 63.083 197.7 0 188.513-152.82 341.333-341.333 341.333s-341.333-152.82-341.333-341.333c0-77.614 25.904-149.177 69.539-206.516l-0.612 0.838zM512 405.333c-94.257 0-170.667 76.41-170.667 170.667s76.41 170.667 170.667 170.667v0c94.257 0 170.667-76.41 170.667-170.667s-76.41-170.667-170.667-170.667v0zM512 490.667c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333v0c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0z" />
+<glyph unicode="&#xe91d;" glyph-name="pencil-ruler-line" d="M213.333 618.667v-512h170.667v512h-170.667zM128 661.333l170.667 213.333 170.667-213.333v-640h-341.333v640zM810.667 277.333v85.333h-128v85.333h128v85.333h-85.333v85.333h85.333v85.333h-170.667v-597.333h170.667v85.333h-85.333v85.333h85.333zM597.333 789.333h256c23.564 0 42.667-19.103 42.667-42.667v0-682.667c0-23.564-19.103-42.667-42.667-42.667v0h-256c-23.564 0-42.667 19.103-42.667 42.667v0 682.667c0 23.564 19.103 42.667 42.667 42.667v0z" />
+<glyph unicode="&#xe91e;" glyph-name="newspaper-line" d="M682.667 106.667v682.667h-512v-640c0-23.564 19.103-42.667 42.667-42.667v0h469.333zM810.667 21.333h-597.333c-70.692 0-128 57.308-128 128v0 682.667c0 23.564 19.103 42.667 42.667 42.667v0h597.333c23.564 0 42.667-19.103 42.667-42.667v0-298.667h170.667v-384c0-70.692-57.308-128-128-128v0zM768 448v-298.667c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 298.667h-85.333zM256 704h256v-256h-256v256zM341.333 618.667v-85.333h85.333v85.333h-85.333zM256 405.333h341.333v-85.333h-341.333v85.333zM256 277.333h341.333v-85.333h-341.333v85.333z" />
+<glyph unicode="&#xe91f;" glyph-name="information-line" d="M512 21.333c-235.648 0-426.667 191.019-426.667 426.667s191.019 426.667 426.667 426.667 426.667-191.019 426.667-426.667-191.019-426.667-426.667-426.667zM512 106.667c188.513 0 341.333 152.82 341.333 341.333s-152.82 341.333-341.333 341.333v0c-188.513 0-341.333-152.82-341.333-341.333s152.82-341.333 341.333-341.333v0zM469.333 661.333h85.333v-85.333h-85.333v85.333zM469.333 490.667h85.333v-256h-85.333v256z" />
+<glyph unicode="&#xe920;" glyph-name="organization-chart" d="M640 832c23.552 0 42.667-19.115 42.667-42.667v-170.667c0-23.552-19.115-42.667-42.667-42.667h-85.333v-85.333h170.667c23.552 0 42.667-19.115 42.667-42.667v-128h85.333c23.552 0 42.667-19.115 42.667-42.667v-170.667c0-23.552-19.115-42.667-42.667-42.667h-256c-23.552 0-42.667 19.115-42.667 42.667v170.667c0 23.552 19.115 42.667 42.667 42.667h85.333v85.333h-341.333v-85.333h85.333c23.552 0 42.667-19.115 42.667-42.667v-170.667c0-23.552-19.115-42.667-42.667-42.667h-256c-23.552 0-42.667 19.115-42.667 42.667v170.667c0 23.552 19.115 42.667 42.667 42.667h85.333v128c0 23.552 19.115 42.667 42.667 42.667h170.667v85.333h-85.333c-23.552 0-42.667 19.115-42.667 42.667v170.667c0 23.552 19.115 42.667 42.667 42.667h256zM384 234.667h-170.667v-85.333h170.667v85.333zM810.667 234.667h-170.667v-85.333h170.667v85.333zM597.333 746.667h-170.667v-85.333h170.667v85.333z" />
+<glyph unicode="&#xe921;" glyph-name="arrow-down-s-line" d="M512 397.995l211.2 211.2 60.331-60.331-271.531-271.531-271.531 271.531 60.331 60.331z" />
+<glyph unicode="&#xe922;" glyph-name="home-4-line" d="M810.667 64h-597.333c-23.564 0-42.667 19.103-42.667 42.667v0 384h-128l440.619 400.555c7.55 6.889 17.64 11.109 28.715 11.109s21.164-4.22 28.748-11.139l-0.034 0.030 440.619-400.555h-128v-384c0-23.564-19.103-42.667-42.667-42.667v0zM554.667 149.333h213.333v419.968l-256 232.704-256-232.704v-419.968h213.333v256h85.333v-256z" />
+</font></defs></svg>

static/home.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23"><path d="M0 0h23v23H0z" fill="none"/><path d="M18.182 20H4.818a.952.952 0 01-.955-.949v-8.542H1L10.858 1.6a.959.959 0 011.285 0L22 10.509h-2.864v8.542a.952.952 0 01-.954.949zm-5.727-1.9h4.773V8.76L11.5 3.583 5.773 8.76v9.34h4.773v-5.693h1.909z" fill="#88c0d0"/></svg>

static/icons.css

@@ -0,0 +1,132 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('fonts/icomoon.eot?ttj0nt');
+  src:  url('fonts/icomoon.eot?ttj0nt#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?ttj0nt') format('truetype'),
+    url('fonts/icomoon.woff?ttj0nt') format('woff'),
+    url('fonts/icomoon.svg?ttj0nt#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-checkbox-multiple-line:before {
+  content: "\e91b";
+}
+.icon-account-circle-line:before {
+  content: "\e91c";
+}
+.icon-pencil-ruler-line:before {
+  content: "\e91d";
+}
+.icon-newspaper-line:before {
+  content: "\e91e";
+}
+.icon-information-line:before {
+  content: "\e91f";
+}
+.icon-organization-chart:before {
+  content: "\e920";
+}
+.icon-arrow-down-s-line:before {
+  content: "\e921";
+}
+.icon-home-4-line:before {
+  content: "\e922";
+}
+.icon-artboard-line:before {
+  content: "\e900";
+}
+.icon-award-fill:before {
+  content: "\e901";
+}
+.icon-book-3-line:before {
+  content: "\e902";
+}
+.icon-brush-3-line:before {
+  content: "\e903";
+}
+.icon-calendar-2-line:before {
+  content: "\e904";
+}
+.icon-calendar-event-fill:before {
+  content: "\e905";
+}
+.icon-calendar-todo-line:before {
+  content: "\e906";
+}
+.icon-external-link-line:before {
+  content: "\e907";
+}
+.icon-file-copy-2-line:before {
+  content: "\e908";
+}
+.icon-file-paper-2-line:before {
+  content: "\e909";
+}
+.icon-file-word-2-line:before {
+  content: "\e90a";
+}
+.icon-globe-line:before {
+  content: "\e90b";
+}
+.icon-home-8-line:before {
+  content: "\e90c";
+}
+.icon-key-2-line:before {
+  content: "\e90d";
+}
+.icon-mail-line:before {
+  content: "\e90e";
+}
+.icon-map-pin-line:before {
+  content: "\e90f";
+}
+.icon-node-tree:before {
+  content: "\e910";
+}
+.icon-nurse-fill:before {
+  content: "\e911";
+}
+.icon-pencil-ruler-2-line:before {
+  content: "\e912";
+}
+.icon-phone-line:before {
+  content: "\e913";
+}
+.icon-psychotherapy-fill:before {
+  content: "\e914";
+}
+.icon-psychotherapy-line:before {
+  content: "\e915";
+}
+.icon-search-line:before {
+  content: "\e916";
+}
+.icon-skull-line:before {
+  content: "\e917";
+}
+.icon-stack-line:before {
+  content: "\e918";
+}
+.icon-terminal-box-line:before {
+  content: "\e919";
+}
+.icon-wheelchair-line:before {
+  content: "\e91a";
+}

static/nav-arrow.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="9.076" height="5.673" version="1.1" id="svg13"><defs id="defs7"><clipPath id="a"><path class="a" transform="translate(415.629 -.457)" id="rect4" d="M0 0h10v10H0z"/></clipPath><style id="style2">.a{fill:#5e81ac}</style></defs><g transform="rotate(90 213.437 -204.356)" clip-path="url(#a)" id="g11"><path class="a" d="M225 1.135L226.156 0l4.517 4.538-4.517 4.538L225 7.942l3.4-3.4z" transform="translate(192.793 .005)" id="path9"/></g></svg>

templates/base.html

@@ -10,6 +10,7 @@
 		{%- endblock title -%}
 	</title>
 	<link rel="stylesheet" href="{{ get_url(path="main.css") | safe }}">
+	<link rel="stylesheet" href="{{ get_url(path="icons.css") | safe }}" type="text/css">
 	{% block styles %}{% endblock styles %}
 	<link rel="shortcut icon" type="image/x-icon" href="{{ get_url(path="favicon.ico") }}" />
 </head>

templates/macros.html

@@ -27,13 +27,9 @@
 								{% set subsection = get_section(path=subsection) %}
 								<li>
 									<a href="{{ subsection.permalink }}">
-										<span class="icon">
 											{% if subsection.extra.icon %}
-												{{ subsection.extra.icon | safe }}
+												<span class="{{ subsection.extra.icon | safe }}"></span>
-											{% else %}
-												&clubs;
 											{% endif %}
-										</span>
 										{% if subsection.extra.short_title %}
 											{{ subsection.extra.short_title }}
 										{% else %}
@@ -53,7 +49,7 @@
 {% macro breadcrumbs(page) %}
 	<div class="breadcrumbs">
 		<div class="wrap">
-			<a href="{{ config.base_url }}" class="home"><img src="{{ get_url(path="home.svg") }}" alt="Home"></a>
+			<a href="{{ config.base_url }}" class="home"><span class="icon-home-8-line"></span></a>
 			<ul>
 				{% for ancestor in page.ancestors %}
 					{% if loop.first %}{% continue %}{% endif %}