Skip to content

Commit 4fd1744

Browse files
k-nutk-nut
committed
rescale logo on mobile. Fixes #1 
1 parent d1a42af commit 4fd1744

1 file changed

Lines changed: 37 additions & 32 deletions

File tree

‎index.html‎

Lines changed: 37 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -18,36 +18,41 @@ <h1 class="person">{{ name }} </h1>
1818
{{/if}}
1919
{{# if github }}
2020
<p class="social"><i class="fa fa-github"></i> Github: <a target="_blank" href="https://github.com/{{ github }}">{{ github }}</a></p>
21-
{{/if}}
22-
{{# if facebook }}
23-
<p class="social"><i class="fa fa-facebook"></i> Facebook: <a target="_blank" href="https://facebook.com/{{ facebook }}">{{ facebook }}</a></p>
24-
{{/if}}
25-
{{# if email }}
26-
<p class="social"><i class="fa fa-envelope"></i> E-Mail: <a target="_blank" href="mailto:{{ email }}">{{ email }}</a></p>
27-
{{/if}}
21+
{{/if}}
22+
{{# if facebook }}
23+
<p class="social"><i class="fa fa-facebook"></i> Facebook: <a target="_blank" href="https://facebook.com/{{ facebook }}">{{ facebook }}</a></p>
24+
{{/if}}
25+
{{# if email }}
26+
<p class="social"><i class="fa fa-envelope"></i> E-Mail: <a target="_blank" href="mailto:{{ email }}">{{ email }}</a></p>
27+
{{/if}}
2828

29-
{{# each urls }}
30-
<p class="social"><i class="fa fa-cloud"></i> Website: <a target="_blank" href="{{ url }}">{{ name }}</a></p>
31-
{{/each}}
32-
</script>
33-
<style>
34-
.leaflet-popup-content p {
35-
margin: 0;
36-
}
37-
#name{
38-
z-index: 200;
39-
position: absolute;
40-
top: 25px;
41-
right: 25px;
42-
background-color:lightgray;
43-
border-radius: 5px;
44-
padding: 5px;
45-
}
46-
</style>
47-
</head>
48-
<body>
49-
<img src="http://www.codeforfreedom.org/wp-content/themes/codeforfreedom/images/logo.png" id="name"/>
50-
<div id='map'>
51-
</div>
52-
</body>
53-
</html>
29+
{{# each urls }}
30+
<p class="social"><i class="fa fa-cloud"></i> Website: <a target="_blank" href="{{ url }}">{{ name }}</a></p>
31+
{{/each}}
32+
</script>
33+
<style>
34+
.leaflet-popup-content p {
35+
margin: 0;
36+
}
37+
#logo{
38+
z-index: 200;
39+
position: absolute;
40+
top: 25px;
41+
right: 25px;
42+
background-color:lightgray;
43+
border-radius: 5px;
44+
padding: 5px;
45+
}
46+
@media (max-width: 600px) {
47+
#logo {
48+
width: 30%;
49+
}
50+
}
51+
</style>
52+
</head>
53+
<body>
54+
<img src="http://www.codeforfreedom.org/wp-content/themes/codeforfreedom/images/logo.png" id="logo"/>
55+
<div id='map'>
56+
</div>
57+
</body>
58+
</html>

0 commit comments

Comments
 (0)