display slogan like html comment

christopheschwyzer · christopheschwyzer · commit 56725aff539c · 2014-02-09T13:00:43.000+01:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -303,7 +303,7 @@
 		<header id="header">
 			<div class="logo-wrapper">
 				<span class="logo" title="Made in Basel"></span>
-				<p class="slogan">Beautiful code from a beautiful city!</p>
+				<p class="slogan">Beautiful code from a beautiful city</p>
 			</div>
 			<div class="bg">
 				<svg viewBox="0 0 1600 900" preserveAspectRatio="xMidYMax slice" height="100%" width="100%">
diff --git a/css/main.css b/css/main.css
@@ -173,10 +173,10 @@ strong {
   text-shadow: 1px 1px #f5f5f5;
 }
 #header .logo-wrapper .slogan:before {
-  content: '< ';
+  content: '<!-- ';
 }
 #header .logo-wrapper .slogan:after {
-  content: ' >';
+  content: ' -->';
 }
 @media (min-width: 700px) {
   #header .logo-wrapper .slogan {
diff --git a/css/main.less b/css/main.less
@@ -204,11 +204,11 @@ strong {
 			text-shadow: 1px 1px @colorBg;
 
 			&:before {
-				content: '< ';
+				content: '<!-- ';
 			}
 
 			&:after {
-				content: ' >';
+				content: ' -->';
 			}
 
 			@media (min-width: @breakpointMedium) {

Original file line number	Diff line number	Diff line change
`@@ -173,10 +173,10 @@ strong {`
`173`	`173`	`text-shadow: 1px 1px #f5f5f5;`
`174`	`174`	`}`
`175`	`175`	`#header .logo-wrapper .slogan:before {`
`176`		`- content: '< ';`
	`176`	`+ content: '<!-- ';`
`177`	`177`	`}`
`178`	`178`	`#header .logo-wrapper .slogan:after {`
`179`		`- content: ' >';`
	`179`	`+ content: ' -->';`
`180`	`180`	`}`
`181`	`181`	`@media (min-width: 700px) {`
`182`	`182`	`#header .logo-wrapper .slogan {`
Original file line number	Diff line number	Diff line change
`@@ -204,11 +204,11 @@ strong {`
`204`	`204`	`text-shadow: 1px 1px @colorBg;`
`205`	`205`
`206`	`206`	`&:before {`
`207`		`- content: '< ';`
	`207`	`+ content: '<!-- ';`
`208`	`208`	`}`
`209`	`209`
`210`	`210`	`&:after {`
`211`		`- content: ' >';`
	`211`	`+ content: ' -->';`
`212`	`212`	`}`
`213`	`213`
`214`	`214`	`@media (min-width: @breakpointMedium) {`