move from class to id

daroczig · daroczig · commit f1734cc22da3 · 2017-08-11T02:08:21.000+02:00
diff --git a/css/custom.css b/css/custom.css
@@ -3,12 +3,12 @@ body {
     text-align: center;
 }
 
-.logo {
+#logo {
     min-width: 50%;
     max-width: 80%;
 }
 
-.headline {
+#headline {
     font-size: 1.4em;
     margin-left: 10%;
     margin-right: 10%;
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <link rel="stylesheet" href="css/custom.css" type="text/css" charset="utf-8">
   </head>
   <body>
-    <img class="logo" src="images/erum.jpg">
-    <p class="headline">The European R Users Meeting (eRum) is an international conference that aimed at integrating users of the <a href="https://www.r-project.org/">R language</a> in Europe. This multi-day conference is organized in years when the <a href="https://www.r-project.org/conferences.html">useR! conference</a> is hosted outside of Europe: <a href="http://2016.erum.io">2016 in Poznan, Poland</a> and <a href="http://2018.erum.io" onmouseover="document.getElementById('logo').src='images/erum-2018.jpg'" onmouseout="document.getElementById('logo').src='images/erum.jpg'">2018 in Budapest, Hungary</a>.</p>
+    <img id="logo" src="images/erum.jpg">
+    <p id="headline">The European R Users Meeting (eRum) is an international conference that aimed at integrating users of the <a href="https://www.r-project.org/">R language</a> in Europe. This multi-day conference is organized in years when the <a href="https://www.r-project.org/conferences.html">useR! conference</a> is hosted outside of Europe: <a href="http://2016.erum.io">2016 in Poznan, Poland</a> and <a href="http://2018.erum.io" onmouseover="document.getElementById('logo').src='images/erum-2018.jpg'" onmouseout="document.getElementById('logo').src='images/erum.jpg'">2018 in Budapest, Hungary</a>.</p>
 </body>
 </html>

Original file line number	Diff line number	Diff line change
`@@ -3,12 +3,12 @@ body {`
`3`	`3`	`text-align: center;`
`4`	`4`	`}`
`5`	`5`
`6`		`-.logo {`
	`6`	`+#logo {`
`7`	`7`	`min-width: 50%;`
`8`	`8`	`max-width: 80%;`
`9`	`9`	`}`
`10`	`10`
`11`		`-.headline {`
	`11`	`+#headline {`
`12`	`12`	`font-size: 1.4em;`
`13`	`13`	`margin-left: 10%;`
`14`	`14`	`margin-right: 10%;`