mobilní vzhled

5 years ago · 316a9d6396
13 changed files with 1469 additions and 99 deletions
--- a/mamweb/static/css/mamweb.css
+++ b/mamweb/static/css/mamweb.css
@ -11,17 +11,59 @@ div.container {
 	margin: auto;
 }

+/* odkazy a nadpisy */
+
 a {
 	color: #6f2509;
+	text-shadow: 1px 1px 3px #fdedd5;
+}
+
+a:hover {
+  	color: #6f2509;
+}
+
+h1 {	/*todo: odlišit 1 a 2 */
+	font-size: 200%;
+	font-variant: small-caps;
+	font-weight: bold;
+	color: #6f2509;
 }

 h2 {
+	font-size: 200%;
+	font-variant: small-caps;
+	font-weight: bold;
+	color: #6f2509;
+}
+
+h3 {
 	font-size: 160%;
 	font-variant: small-caps;
 	font-weight: bold;
 	color: #6f2509;
 }
-/* todo ostatní nadpisy */
+
+h4 {
+	font-size: 140%;
+	font-variant: small-caps;
+	font-weight: bold;
+	color: #6f2509;
+}
+
+h5 {
+	font-size: 140%;
+	font-variant: small-caps;
+	font-weight: bold;
+	color: black;
+}
+
+h6 {
+	font-size: 120%;
+	font-variant: small-caps;
+	font-weight: bold;
+	color: black;
+}
+

 .org-logged-in .mam-text-plugin {
  border: dashed 1px #f77;
@ -96,7 +138,12 @@ h1 {
 	font-variant: small-caps;
 	text-align: center;
 	text-decoration: bold;
-	padding-top: 8px 
+	padding-top: 8px;
+	text-shadow: none;
+}
+
+#title-mobile {
+	display: none;
 }


@ -129,6 +176,10 @@ h1 {
 	filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
 }

+#header img.logo-mobile {
+	display: none;
+}
+
 /*
 #header h1 {
 	font-size: 130%;
@ -184,6 +235,7 @@ div.menu a {
 	padding: 8px 10px;
 	color: #6f2509;
 	height: 48px;
+	text-shadow: none;
 }
 div.menu a:hover {
 	color: black;
@ -202,40 +254,45 @@ h1 a:hover {
    text-decoration: none;
 }

-#submenu {
+img.decor { /*todo bug při zmenšování okna */
 	position: relative;
-	top: 4px;
-	background: url("../images/submenu.svg") no-repeat left top;
-	background-size: 100%;
+	top: 2px;
+	width: 100%;
 	filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
+}
+
+
+#submenu {
+	position: relative;
+	top: 3px;
+	background-color: #e84e10;
 	width: 100%;
+	z-index: 5;
 }

 #submenu ul {
-	padding: 10px 30px;
 	font-size: 120%;
 	font-weight: 400;
+	margin-bottom: 0px;
 }
 #submenu li {
-	padding: 4px 20px;
+	padding: 15px 20px 0px 20px;
 	display: inline-block;
-	height: 60px;
 }
 #submenu li>a {
 	color: #f9d59e;
 	text-decoration: none;
+	text-shadow: none;
 }
 #submenu li>a:hover {
-	color: #3c003c;
-}
-/*
-#submenu li.selected {
-	background: url("../images/submenu-bg-selected.png") no-repeat center -11px;
-	background-size: 150% 150%;
+	color: black;
 }
+
 #submenu li.selected>a {
-	color: #3c003c;
+	color: black;
 }
+
+/*
 #submenu li:first-child {
 	border-top-left-radius: 7px;
 	border-top-right-radius: 7px;
@ -271,12 +328,17 @@ div.zadani_azad_termin {
 	background-position: relative;
 	background-size: 100%;
 	filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.4));
-	padding-top: 36px; /*todo lépe*/
+	padding-top: 3.5%;
 }

 #footer p.license {
 	text-align: center;
 	font-weight: 400;
+	bottom: 0px;
+}
+
+p.license-mobile {
+	display: none;
 }

 .foto_org {
@ -288,13 +350,31 @@ div.zadani_azad_termin {
    text-align: center;
 }

-@media (max-width: 991px) {
+
+
+
+/**********************
+ * Zmenšování displeje 
+***********************/
+
+
+/* stránka přes celý displej */
+@media (max-width: 971px) {
+
+	div.container {
+		width: 100%;
+	}
+
+	#title {
+		width: 100%;
+		text-align: center;
+	}
+
 	#header {
-		height: 196px;
-		background-size: 100% 100%;
+		background-size: 100%;
 	}
 	#header img.logo {
-		height: 140px;
+		width: 100%;
 	}
 	div.menu li {
 		min-width: 120px;
@ -307,30 +387,7 @@ div.zadani_azad_termin {
 		padding-top: 5px;
 	}
 	#footer {
-		padding: 20px 40px 0px 40px;
-		min-height: 270px;
-	}
-	#footer-extra {
-		position: relative;
-		top: -10px;
-		height: 39px;
-	}
-	
-	#footer p.organize {
-		margin-top: 50px;
-		margin-left: 0px;
-		max-width: 80%;
-		min-height: 70px;
-	}
-	
-	#footer img.logo-left {
-		padding: 50px 20px 0px 13px;
-		float: left;
-	}
-	
-	#footer img.logo-right {
-		padding: 20px 0px 20px 0px;
-		float: none;
+		width: 100%;
 	}
  
  div.novinky{
@ -349,68 +406,105 @@ div.zadani_azad_termin {

 }

-@media (max-width: 767px) {
+/* malý tablet, mobil */
+@media (max-width: 735px) {
+
+	#title {
+		display: none;
+	}
+
 	#header {
 		width: 100%;
-		height: 196px;
-		height: 0px;
-		background-size: 100%;
-		padding-bottom: 25%;
+		top: 0px;
+		background-image: none;
+	}
+
+	#header.cojemam, 
+	#header.soustredeni,
+	#header.zadani,
+	#header.clanky,
+	#header.archiv,
+	#header.NOC,
+	#header.NOCcojemam,
+	#header.NOCsoustredeni,
+	#header.NOCzaani,
+	#header.NOCclanky,
+	#header.NOCarchiv {
+		background-image: none;
 	}
+
 	#header img.logo {
+		display: none;
+	}	
+
+	#header img.logo-mobile {
+		display: block;
 		top: 0px;
 		left: 0px;
-		height: 100%;
+		width: 100%;
+		filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
 	}
+
 	div.menu {
-		height: auto;
-	}
-	div.menu li {
-		display: block;
-		width: 100%;
-		height: 35px;
-		font-size: 130%;
+		display: none;
 	}
+
 	#submenu {
-		background: none;
+		font-variant: small-caps;
+		top:-1px;
+		width: 100%;
+		background-color: #e84e10;
+		color: #fdedd5;
 		height: auto;
-		margin-left: 90px;
-		margin-top: 15px;
+		position: relative;
 	}
 	#submenu ul {
-		font-size: 110%;
+		font-size: 120%;
+		padding-bottom: 5px;
 	}
 	#submenu li {
-		display: inline-block;
-		margin: 5px 8px;
-		border-radius: 30px;
-		background: #ffd546;
+		display: list-item;
 		height: auto;
 	}
 	#submenu li a:hover, #submenu li.selected {
-		background: #ffd546;
+		color: black;
 	}
+
+	img.decor { /*todo bug při zmenšování okna */
+		top: -5px;
+	}
+
 	div.menu.mobile {
+		top: 3px;
 		display: block;
-		position: absolute;
-		top: -1px;
-		background: none;
+		position: relative;
+		background: #e84e10;
+		padding: 10px;
+		font-variant: small-caps;
 	}
 	div.menu.mobile > div.dropdown > button {
-		font-size: 20px;
+		background-color: #fdedd5;
+		color: #e84e10;
+		width: 100%;
+		margin: 0px;
+		border-color: #f7cb87;
+		font-size: 160%;
 	}
 	div.menu.mobile > div.dropdown > ul {
 		margin: 0px;
 		padding: 0px;
 		border-radius: 0px;
+		width: 100%;
+		background-color: #fdedd5;
 	}
 	div.menu.mobile > div.dropdown > ul > li {
 		margin: 0px;
 		padding: 0px;
 		display: block;
-		font-size: 20px;
+		font-size: 160%;
 		background: none;
-		font-variant: normal;
+		font-variant: small-caps;
+		color: #e84e10;
 		height: auto;
 	}
 	div.menu.mobile > div.dropdown > ul > li > a {
@ -419,7 +513,7 @@ div.zadani_azad_termin {
 		height: auto;
 	}
 	div.menu.mobile > div.dropdown > ul > li > a:hover {
-		background: #ffa500;
+		color: black;
 	}

 	div.menu.desktop {
@ -427,34 +521,18 @@ div.zadani_azad_termin {
 	}
 	
 	#footer {
-		padding: 20px 40px 0px 40px;
-		min-height: 270px;
+		display: none;
 	}
-	#footer-extra {
+
+	p.license-mobile {
 		position: relative;
-		top: -10px;
-		height: 39px;
-	}
-	
-	#footer p.license {
-		font-size: 80%;
-	}
-	#footer p.organize {
-		margin: 30px 0px 0px 0px;
-		min-height: 80px;
-		width: 300px;
+		display: block;
 		font-size: 90%;
+		background-color: #e84e10;
+		padding: 5%;
+		text-align: justify;
 	}
-	
-	#footer img.logo-left {
-		padding: 30px 20px 0px 18px;
-		float: left;
-	}
-	
-	#footer img.logo-right {
-		padding: 30px 0px 20px 0px;
-		float: none;
-	}
+
  
  div.novinky{
    max-width: 100%;
--- a/mamweb/static/images/MATFYZ_MM_barevne.svg
+++ b/mamweb/static/images/MATFYZ_MM_barevne.svg
@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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"
+   version="1.1"
+   id="svg2"
+   xml:space="preserve"
+   width="873.38959"
+   height="697.76959"
+   viewBox="0 0 873.38957 697.7696"
+   sodipodi:docname="MATFYZ_MM_barevne.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+     id="metadata8"><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><defs
+     id="defs6" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1853"
+     inkscape:window-height="1025"
+     id="namedview4"
+     showgrid="false"
+     inkscape:zoom="0.29733907"
+     inkscape:cx="436.69495"
+     inkscape:cy="348.92161"
+     inkscape:window-x="67"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g10" /><g
+     id="g10"
+     inkscape:groupmode="layer"
+     inkscape:label="ink_ext_XXXXXX"
+     transform="matrix(1.3333333,0,0,-1.3333333,-124.56506,745.70131)"><g
+       id="g12"
+       transform="scale(0.1)"><path
+         d="M 7483.93,3086.74 6136.77,1739.57 h -1324.9 l 1347.41,1347.17 h 1324.65"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path14"
+         inkscape:connector-curvature="0" /><path
+         d="m 7210.43,1001.61 v -88.579 h -308.59 v 91.489 l 179.35,190.24 H 6909.1 v 88.58 h 294.07 v -91.49 l -179.35,-190.24 h 186.61"
+         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path16"
+         inkscape:connector-curvature="0" /><path
+         d="M 6847.38,1283.34 6704.34,793.219 h -100.93 l 34.85,119.812 H 6578 l -108.19,370.309 h 114.72 l 73.34,-298.43 74.06,298.43 h 115.45"
+         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path18"
+         inkscape:connector-curvature="0" /><path
+         d="m 6437.13,1415.49 -5.08,-72.61 c -21.06,2.18 -37.76,2.9 -50.1,2.9 -52.28,0 -60.99,-6.53 -62.45,-63.17 h 94.4 v -87.85 h -94.4 V 913.031 h -108.91 v 387.009 c 0,96.57 32.67,128.52 129.24,128.52 36.31,0 74.07,-5.81 97.3,-13.07"
+         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path20"
+         inkscape:connector-curvature="0" /><path
+         d="M 6151.29,3087.46 C 5702.07,2638.25 5252.62,2188.79 4803.4,1739.57 h -3.15 l -0.72,0.73 1347.4,1347.16 h 4.36"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path22"
+         inkscape:connector-curvature="0" /><path
+         d="m 6116.92,998.711 5.81,-78.422 c -24.69,-7.988 -67.53,-14.519 -99.48,-14.519 -80.59,0 -119.8,25.41 -119.8,124.16 v 321.66 l 108.91,30.5 v -98.75 h 87.13 v -88.58 h -87.13 V 1056.8 c 0,-54.46 6.54,-62.448 48.65,-62.448 15.98,0 37.76,1.449 55.91,4.359"
+         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path24"
+         inkscape:connector-curvature="0" /><path
+         d="m 5685.62,1068.41 c -26.14,1.45 -52.28,2.91 -68.26,2.91 -38.48,-0.73 -53,-15.98 -53,-44.3 0,-26.86 18.87,-44.29 56.63,-44.29 24.69,0 46.47,8.719 64.63,21.06 z m 0,67.53 v 3.63 c 0,55.91 -17.43,65.35 -74.07,65.35 -38.48,0 -80.59,-2.9 -122.71,-6.53 l -5.08,77.69 c 43.56,7.99 104.56,14.52 147.4,14.52 124.16,0 163.37,-31.95 163.37,-148.13 V 913.031 h -72.61 l -22.51,37.75 c -31.22,-27.59 -69.7,-45.011 -116.9,-45.011 -79.15,0 -124.16,47.921 -124.16,119.8 0,84.96 47.92,113.28 153.2,113.28 23.24,0.72 49.38,-0.73 74.07,-2.91"
+         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path26"
+         inkscape:connector-curvature="0" /><path
+         d="m 5424.22,522.629 -17.19,-154.66 h -50.58 l 31.71,231.859 h 50.1 l 51.31,-134.078 50.58,134.078 h 51.56 l 30.49,-231.859 h -50.82 l -16.7,156.351 -45.27,-119.082 h -41.62 l -43.57,117.391"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path28"
+         inkscape:connector-curvature="0" /><path
+         d="m 5204.69,402.09 c 9.93,0 18.64,2.91 26.87,8.23 l -54.7,56.399 c -8.47,-7.02 -12.83,-16.457 -12.83,-28.559 0,-21.789 17.43,-36.07 40.66,-36.07 z m -88.58,30.98 c 0,25.168 13.31,48.172 35.58,61.239 -13.07,16.461 -19.61,31.953 -19.61,47.203 0,19.84 6.78,35.57 20.33,47.918 13.8,12.582 31.71,18.879 53.98,18.879 52.04,0 77.93,-20.817 81.81,-65.11 h -53.74 c -1.45,16.942 -11.13,25.903 -28.07,25.903 -13.56,0 -23.96,-8.481 -23.96,-23.243 0,-11.859 4.6,-19.847 20.09,-35.82 l 56.39,-58.09 c 3.87,13.563 5.81,27.84 5.81,43.813 h 50.83 c 0,-28.563 -7.51,-54.942 -22.76,-79.153 l 47.2,-48.64 h -67.04 l -13.07,13.07 c -17.19,-12.109 -36.07,-18.16 -57.36,-18.16 -24.21,0 -45.02,6.051 -61.72,18.402 -16.7,12.578 -24.69,29.77 -24.69,51.789"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path30"
+         inkscape:connector-curvature="0" /><path
+         d="m 5130.87,1248.49 c 39.94,25.41 89.31,42.11 127.8,42.11 72.61,0 109.64,-39.94 109.64,-121.98 V 913.031 h -108.92 v 212.019 c 0,67.53 -7.26,76.97 -53,76.97 -17.43,0 -38.49,-2.18 -58.09,-6.54 0.73,-8.71 1.45,-17.43 1.45,-26.86 V 913.031 h -108.91 v 212.019 c 0,67.53 -7.26,76.97 -53.01,76.97 -17.43,0 -38.48,-2.18 -58.09,-6.54 V 913.031 h -108.91 v 370.309 h 72.61 l 19.6,-34.13 c 39.21,24.69 88.59,41.39 127.07,41.39 42.84,0 73.34,-13.79 90.76,-42.11"
+         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path32"
+         inkscape:connector-curvature="0" /><path
+         d="m 5019.05,524.32 -45.26,-119.082 h -41.63 l -43.56,117.391 -17.43,-154.66 h -50.34 l 31.7,231.859 h 50.1 l 51.07,-134.078 50.83,134.078 h 51.55 l 30.5,-231.859 h -50.83 l -16.7,156.351"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path34"
+         inkscape:connector-curvature="0" /><path
+         d="M 6159.28,3086.74 4811.87,1739.57 h -8.47 c 449.22,449.22 898.67,898.68 1347.89,1347.89 h 1333.37 l -0.73,-0.72 H 6159.28"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path36"
+         inkscape:connector-curvature="0" /><path
+         d="m 4800.25,1739.57 h -1.45 l 0.73,0.73 z"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path38"
+         inkscape:connector-curvature="0" /><path
+         d="m 4782.34,1740.3 -0.24,-0.24 H 2883.34 v 1899 l 1899,-1898.76"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path40"
+         inkscape:connector-curvature="0" /><path
+         d="M 4481.01,1707.38 V 359.488 H 3133.12 V 1707.38 h 1347.89"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path42"
+         inkscape:connector-curvature="0" /><path
+         d="M 2850.67,5592.76 V 3710.7 l -941.27,941.03 z"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path44"
+         inkscape:connector-curvature="0" /><path
+         d="m 2845.59,3672.94 -953.14,-953.13 -953.126,953.13 953.126,953.14 953.14,-953.14"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path46"
+         inkscape:connector-curvature="0" /><path
+         d="M 1875.27,4651.73 934.238,3710.7 v 1882.06 z"
+         style="fill:#e94e0f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path48"
+         inkscape:connector-curvature="0" /></g></g></svg>
--- a/mamweb/static/images/logo-mobile.svg
+++ b/mamweb/static/images/logo-mobile.svg
@ -0,0 +1,232 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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"
+   version="1.1"
+   id="svg2"
+   xml:space="preserve"
+   width="1103.777"
+   height="393.65524"
+   viewBox="0 0 1103.777 393.65525"
+   sodipodi:docname="logo-mobile.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+     id="metadata8"><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><defs
+     id="defs6" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1853"
+     inkscape:window-height="1025"
+     id="namedview4"
+     showgrid="true"
+     inkscape:zoom="1.6820038"
+     inkscape:cx="359.48824"
+     inkscape:cy="169.36681"
+     inkscape:window-x="67"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g12"
+     inkscape:snap-page="true"><inkscape:grid
+       type="xygrid"
+       id="grid903"
+       originx="-10"
+       originy="-400.00001" /></sodipodi:namedview><g
+     id="g10"
+     inkscape:groupmode="layer"
+     inkscape:label="ink_ext_XXXXXX"
+     transform="matrix(1.3333333,0,0,-1.3333333,-10,793.65525)"><g
+       id="g12"
+       transform="scale(0.1)"><path
+   d="m 8353.327,4644.9587 -594.3482,-613.5483 h -584.5275 l 594.4583,613.5483 h 584.4174"
+   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.17428458"
+   id="path14"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 7104.7143,3995.0181 h -0.5065 l 0.2551,0.2632 z"
+   style="fill:#e84e10;fill-opacity:0.94117647;fill-rule:nonzero;stroke:none;stroke-width:0.92970651"
+   id="path38"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   d="m 7122.1432,4031.5026 -0.089,-0.092 h -707.236 V 4761.58 l 707.3254,-730.0775"
+   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99139327"
+   id="path40"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 6963.8256,3976.2429 v -458.6556 h -444.3051 v 458.6556 h 444.3051"
+   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.8773616"
+   id="path42"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 6375.4357,5505.1059 v -648.8741 l -314.3669,324.437 z"
+   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88894331"
+   id="path44"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   d="m 6375.438,4802.144 -340.5664,-351.5621 -340.5617,351.5621 340.5617,351.5661 340.5664,-351.5661"
+   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95103633"
+   id="path46"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 6467.1259,3517.5018 v 459.8221 h -419.1557 l -419.1559,-459.7366 c 165.9159,-0.082 672.3958,-0.085 838.3116,-0.085 z"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.62432671"
+   id="path40-9"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 5694.3073,5505.2715 v -649.0397 l 314.447,324.5198 z"
+   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88917029"
+   id="path44-3"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   d="m 6061.0688,4355.8472 0.057,-324.4368 h 314.309 z"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88894248"
+   id="path44-3-2"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   d="m 6377.0465,4749.6279 v -652.1991 l -315.9777,326.0996 z"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89349842"
+   id="path44-6"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   d="M 1411.0592,3000.0006 H 75.000002 v 301.2402 L 1411.0592,3679.8472 Z"
+   style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="M 2799.5127,3000.0001 H 1463.4536 v 679.8471 l 1337.1856,-176.7407 z"
+   style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-8"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="M 4161.7691,3000.0001 H 2851.9072 l -1.9071,487.5 1010.5008,-145.6944 301.2682,121.6951 z"
+   style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-7"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccc" /><path
+   d="M 5576.4198,3000.0001 H 4214.1635 v 490.5439 l 995.495,392.1282 366.7613,-365.0849 z"
+   style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-9"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccc" /><path
+   d="M 6964.8735,3462.4197 V 3006.851 H 5628.8143 v 455.5687 h 1336.0592"
+   style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-6"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="M 8353.327,3006.851 H 7017.2679 v 455.5687 L 8353.327,3693.369 Z"
+   style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-0"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="M 8353.327,3747.4556 7017.2679,3518.6683 v 458.6556 z"
+   style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-0-4"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   d="M 7318.5361,3977.3239 8353.327,3801.5423 v 175.7816 z"
+   style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.42913055"
+   id="path42-2-0-4-1"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   d="m 7921.0725,4031.4667 0.055,-0.057 h 432.1999 v 554.3881 l -537.0433,-554.3881"
+   style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.60585165"
+   id="path40-8"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 7488.8206,4423.5376 -340.5665,-351.5621 -340.5617,351.5621 h 681.1282"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95103633"
+   id="path46-6"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   d="m 5692.3231,4750.105 324.591,-335.0722 v -329.5356 l -322.7108,316.7226 -1.8802,347.8852"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.64130735"
+   id="path14-7"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 6021.7728,4017.8888 -419.1558,-459.7364 -353.6626,351.5631 432.2543,432.6932 z"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53091598"
+   id="path42-2-6-9"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.6533432;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 5730.6602,5528.4582 -390.0154,395.9847 h 1388.4536 l -390.5096,-395.9847 c -176.9599,-179.4408 -303.9119,-313.7814 -303.9645,-313.7814 -0.056,0 -135.429,142.6666 -303.9641,313.7814 z"
+   id="path1203"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="sccsss" /><path
+   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.6533432;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 6414.7315,5545.8365 366.7613,378.6065 V 4450.5819 c -275.071,283.9549 -209.5779,216.3467 -366.7613,378.6065 z"
+   id="path1201-3"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:17.28637505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 6833.8873,4869.7535 c 0,210.3622 -3.2442,396.0299 -1.7601,396.0299 2.375,0 659.3741,-735.7724 705.373,-788.7191 l -349.8633,0.561 h -353.7496 z"
+   id="path1199-9"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="sscccs" /><path
+   d="m 7537.5002,5175.0001 0,-637.5 -705,787.5 v 600 z"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.17428458"
+   id="path14-8"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 7777.5002,4687.5001 v 1237.5 h 570 v -1237.5 z"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.50778055"
+   id="path42-2-6-3"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 6867.6753,5924.8867 0.1097,0.1134 h 871.7325 v -900 l -871.8427,899.8867"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.22198212"
+   id="path40-0"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:9.15246391;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 7725.0002,4983.3716 -147.062,154.1285 v -600 c 110.2965,115.5963 84.0355,88.0733 147.062,154.1285 z"
+   id="path1201-3-1"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 1410,3712.5001 -847.49999,-225 0,472.5 z"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.15037227"
+   id="path42-2-0-4-1-7"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   style="opacity:1;fill:#fbe1b8;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.37429619;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 525.00001,3975.0001 -450.000008,150 v -787.5 l 450.000008,124.3881 z"
+   id="path1201-3-8"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 5062.5001,4575.0001 -1215,-1185 -2385.0001,360 -1387.499959,450 v 1725 H 5250.0001"
+   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99139333"
+   id="path40-5"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccc" /><text
+   xml:space="preserve"
+   style="font-style:normal;font-weight:normal;font-size:93.75px;line-height:40.99999964%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#fdedd5;fill-opacity:0.94117647;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="712.34778"
+   y="-4449.6621"
+   id="text862"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan860"
+     x="712.34778"
+     y="-4449.6621"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:1440px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#fdedd5;fill-opacity:0.94117647;stroke-width:7.5px">M&amp;M</tspan></text>
+
+
+<path
+   style="opacity:1;fill:#fbe1b8;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.6533432;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 5301.9917,5925.0001 172.7542,-187.5 172.7542,-187.5 v -588.75 -588.75 l -217.5,-217.5 -217.5,-217.5 c -410.0572,-168.6865 -824.1217,-327.2105 -1237.5,-487.5 l 1125,1087.5 z"
+   id="path1203-2"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccccccc" /></g></g></svg>
--- a/mamweb/static/images/logo.svg
+++ b/mamweb/static/images/logo.svg
@ -0,0 +1,208 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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"
+   version="1.1"
+   id="svg2"
+   xml:space="preserve"
+   width="1106.4916"
+   height="393.65524"
+   viewBox="0 0 1106.4916 393.65525"
+   sodipodi:docname="logo.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+     id="metadata8"><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><defs
+     id="defs6" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1853"
+     inkscape:window-height="1025"
+     id="namedview4"
+     showgrid="true"
+     inkscape:zoom="19.0297"
+     inkscape:cx="64.63195"
+     inkscape:cy="117.6539"
+     inkscape:window-x="67"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g12"
+     inkscape:snap-page="true"><inkscape:grid
+       type="xygrid"
+       id="grid903"
+       originx="-8.5083807"
+       originy="-400.00001" /></sodipodi:namedview><g
+     id="g10"
+     inkscape:groupmode="layer"
+     inkscape:label="ink_ext_XXXXXX"
+     transform="matrix(1.3333333,0,0,-1.3333333,-8.5083803,793.65525)"><g
+       id="g12"
+       transform="scale(0.1)"><path
+         d="m 8353.3143,4657.3364 -595.1505,-620.7555 h -585.3165 l 595.2607,620.7555 h 585.2063"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.18195856"
+         id="path14"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 7103.0162,3999.761 h -0.5073 l 0.2556,0.2663 z"
+         style="fill:#e84e10;fill-opacity:0.94117647;fill-rule:nonzero;stroke:none;stroke-width:0.93578213"
+         id="path38"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 7120.4685,4036.6741 -0.089,-0.093 H 6412.189 v 738.7467 l 708.2801,-738.6537"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99787205"
+         id="path40"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 6961.9373,3980.7652 v -464.0434 h -444.9049 v 464.0434 h 444.9049"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88309515"
+         id="path42"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 6372.7531,5527.5879 v -656.4965 l -314.7912,328.2481 z"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89475256"
+         id="path44"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 6372.7554,4816.3682 -341.0261,-355.6919 -341.0214,355.6919 341.0214,355.696 341.0261,-355.696"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95725137"
+         id="path46"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 6464.5671,3516.6353 v 465.2237 h -419.7215 l -419.7217,-465.1372 c 166.1399,-0.083 673.3035,-0.086 839.4432,-0.086 z"
+         style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.6284067"
+         id="path40-9"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 5690.7053,5527.7553 v -656.6639 l 314.8715,328.332 z"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89498103"
+         id="path44-3"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 6057.9619,4364.8288 0.057,-328.2479 h 314.7332 z"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89475173"
+         id="path44-3-2"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="M 6374.3661,4763.2353 V 4103.3747 L 6057.9619,4433.305 Z"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89933741"
+         id="path44-6"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="M 1401.6756,2993.055 H 63.812854 v 304.7789 L 1401.6756,3680.8878 Z"
+         style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="M 2792.0033,2993.0545 H 1454.1407 v 687.8333 l 1337.8626,-211.9864 z"
+         style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="M 4156.0985,2993.0545 H 2844.4684 v 468.9454 l 1009.9552,-123.1246 301.6749,123.1246 z"
+         style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2-7"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" /><path
+         d="M 5572.6587,2993.0545 H 4208.5636 v 496.3063 l 996.8387,396.7346 367.2564,-369.3736 z"
+         style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2-9"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" /><path
+         d="M 6962.9865,3460.9062 V 2999.9859 H 5625.1239 v 460.9203 h 1337.8626"
+         style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2-6"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="M 8376.7239,2999.9859 H 7015.4517 v 463.8792 l 1361.2722,235.1624 z"
+         style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5496583"
+         id="path42-2-0"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="M 8353.3143,3749.2903 7015.4517,3517.8155 v 464.0435 z"
+         style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2-0-4"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="M 7317.1266,3981.859 8375.6091,3793.9797 V 3981.859 Z"
+         style="fill:#fce7c6;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.49430776"
+         id="path42-2-0-4-1"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 7922.2685,4036.6385 0.056,-0.059 h 440.1754 v 568.8755 l -546.9533,-568.8753"
+         style="fill:#fce7c6;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.61935329"
+         id="path40-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 7487.641,4433.3143 -341.0262,-355.6919 -341.0214,355.6919 h 682.0476"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95725137"
+         id="path46-6"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 5688.7184,4763.718 325.0292,-339.0084 v -333.4067 l -323.1464,320.4432 -1.8828,351.9719"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.64549828"
+         id="path14-7"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 6018.6128,4022.9004 -419.7215,-465.137 -354.14,355.693 432.8377,437.776 z"
+         style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5409205"
+         id="path42-2-6-9"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         style="opacity:1;fill:#fef6eb;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.25494003;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+         d="m 5723.0643,5539.3439 -386.4988,385.6562 h 1375.9347 l -386.9887,-385.6562 c -175.3643,-174.7603 -301.1716,-305.5968 -301.2238,-305.5968 -0.055,0 -134.2079,138.9454 -301.2234,305.5968 z"
+         id="path1203"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="sccsss" /><path
+         style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.84425163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+         d="m 6412.102,5548.8436 375.3982,376.1565 V 4460.6763 c -281.5486,282.1174 -214.5132,214.9467 -375.3982,376.1566 z"
+         id="path1201-3"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:17.39934158;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+         d="m 6831.8236,4884.772 c 0,212.8333 -3.2486,400.682 -1.7625,400.682 2.3782,0 660.2642,-744.4155 706.3251,-797.9841 l -350.3355,0.5675 h -354.2271 z"
+         id="path1199-9"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="sscccs" /><path
+         d="m 7520.754,5180.846 0.612,-594.29 -696.3658,764.8252 v 573.6189 z"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.16200352"
+         id="path14-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 7776.7102,4700.3776 v 1224.6225 h 585.7897 V 4700.3776 Z"
+         style="fill:#fef6eb;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52054787"
+         id="path42-2-6-3"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 6865.6572,5925.0001 0.1099,0.1113 h 872.9092 v -883.2692 l -873.0196,883.158"
+         style="fill:#fef6eb;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.21138752"
+         id="path40-0"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:9.21227551;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+         d="m 7724.1394,4999.7247 -147.2605,155.939 v -607.0481 c 110.4453,116.9542 84.1488,89.1079 147.2605,155.939 z"
+         id="path1201-3-1"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 1402.5,3712.5001 -850.5291,-226.219 3.02911,473.719 z"
+         style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.09587288"
+         id="path42-2-0-4-1-7"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         style="opacity:1;fill:#f9d59e;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.52051163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+         d="M 514.42028,3979.5079 63.812854,4131.2699 V 3334.5191 L 514.42028,3460.3684 Z"
+         id="path1201-3-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /></g></g></svg>
--- a/mamweb/static/images/logojcmf.png
+++ b/mamweb/static/images/logojcmf.png
--- a/mamweb/static/images/matfyz-logo.png
+++ b/mamweb/static/images/matfyz-logo.png
--- a/mamweb/static/images/mozaika-footer.svg
+++ b/mamweb/static/images/mozaika-footer.svg
--- a/mamweb/static/images/noc.jpg
+++ b/mamweb/static/images/noc.jpg
--- a/mamweb/static/images/ohen.jpg
+++ b/mamweb/static/images/ohen.jpg
--- a/mamweb/static/images/stiny.jpg
+++ b/mamweb/static/images/stiny.jpg
--- a/mamweb/static/images/submenu.svg
+++ b/mamweb/static/images/submenu.svg
@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="256.64584mm"
+   height="11.90624mm"
+   viewBox="0 0 256.64584 11.90624"
+   version="1.1"
+   id="svg873"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="submenu.svg">
+  <defs
+     id="defs867" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="345.00849"
+     inkscape:cy="135.53216"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1853"
+     inkscape:window-height="1025"
+     inkscape:window-x="67"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1488"
+       originx="51.593749"
+       originy="-111.12499" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata870">
+    <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.59375,-173.96876)">
+    <path
+       d="m -51.59375,177.9375 27.781248,5.29167 26.4583353,-3.30729 25.1354167,3.96875 54.239583,-5.95313 50.270837,1.98438 42.33333,5.95312 30.42708,-7.9375 v -3.96874 H -51.59375 Z"
+       style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.064087"
+       id="path42-2-8-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccc" />
+  </g>
+</svg>
--- a/mamweb/static/images/uvod.jpg
+++ b/mamweb/static/images/uvod.jpg
--- a/mamweb/templates/base.html
+++ b/mamweb/templates/base.html
@ -54,9 +54,10 @@
 	  <div class='row'>
 		<div class='col-md-12'>
          <a href='/'>
-	    <div id="title" >M&M - korepsondenční seminář a časopis MFF UK</div>
+	    <div id="title" >M&M - korepsondenční seminář a časopis MFF&nbspUK</div>
            <div id="header" class="{% if noc %}NOC{% endif %}{% block header %}{% endblock %}">
 		<img class="logo" src="{% static 'images/logo.svg' %}" />
+		<img class="logo-mobile" src="{% static 'images/logo-mobile.svg' %}" />
              <!--<h1>{% block nadpis1b %}Nadpis 1. úrovně{% endblock %}</h1>-->
            </div>
            </a>
@ -98,6 +99,7 @@
 	    <div class='col-md-12'>
 		  {% block submenu %}
 		  {% endblock %}
+		  <img class="decor" src="{% static 'images/submenu.svg' %}" />
 	    </div>
 	  </div>
 	<div class='row content'>
@ -111,6 +113,7 @@
 		<div id="footer">
 			<p class="license">S obsahem webu M&amp;M je možné nakládat dle licence <a href="https://creativecommons.org/licenses/by/3.0/cz/">Creative Commons Attribution 3.0</a>.</p>
 		</div>
+		<p class="license-mobile">Korespondenční seminář M&M organizují převážně studenti <a herf="https://www.mff.cuni.cz/">MFF UK</a>. Organizaci semináře a vydávání časopisu podporuje <a href="https://jcmf.cz/">Jednota českých matematiků a fyziků</a>. S obsahem webu M&amp;M je možné nakládat dle licence <a href="https://creativecommons.org/licenses/by/3.0/cz/">Creative Commons Attribution 3.0</a>.</p>
 	  </div>
 	</div>
    </div>