enpaul/enpaul.net
1
0
Fork 0
Code Issues Pull Requests Releases Activity

CSS fixes for logos

Browse Source
This commit is contained in:
Ethan N. Paul 2017-02-10 16:58:47 -05:00
parent 5f3893dd3b
commit e47db7e6ab
2 changed files with 8 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
css/style.css
View File

@ -335,33 +335,21 @@ ul.banner-social-buttons {
}
@media screen and (max-width:767px) {
.hb-sm {
#logo_about {
display: none;
}
.hb-xs {
display: block;
}
#logo_large, #logo_about {
display: none;
}
#logo_small {
display: block;
#heading_large {
width: 256px;
}
}
@media screen and (min-width:768px) {
.hb-sm {
#heading_large {
width: 512px;
}
#logo_about {
display: block;
}
.hb-xs {
display: none;
}
#logo_large, #logo_about {
display: block;
}
#logo_small {
display: none;
}
}
@media(max-width:1199px) {

8
index.html
View File

@ -57,32 +57,26 @@
<div class="row">
<div class="col-md-8 col-md-offset-2">
<hr>
<h1 class="brand-heading" id="heading_large"><img style="max-width: 512px;" src="img/logo.png"/></h1>
<h1 class="brand-heading" id="heading_small"><img style="max-width: 512px;" src="img/e-w.png"/></h1>
<h1 class="brand-heading"><img id="heading_large" style="max-width: 512px;" src="img/logo.png"/></h1>
<hr>
<ul class="list-inline">
<li>
<a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>
<a href="mailto:enpaul@enpaul.net"><span class="hb hb-xs"><i class="fa fa-envelope-o"></i></span></a>
</li>
<li>
<a href="https://drive.enpaul.net/index.php/s/ffyHdMV0yljDIwr"><span class="hb hb-sm"><i class="fa fa-file-text-o"></i></span></a>
<a href="https://drive.enpaul.net/index.php/s/ffyHdMV0yljDIwr"><span class="hb hb-xs"><i class="fa fa-file-text-o"></i></span></a>
</li>
<!--<li>
<a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
</li>-->
<li>
<a href="https://twitter.com/theenpaul"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
<a href="https://twitter.com/theenpaul"><span class="hb hb-xs"><i class="fa fa-twitter"></i></span></a>
</li>
<li>
<a href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm"><i class="fa fa-google-plus"></i></span></a>
<a href="https://plus.google.com/+EthanPaul42"><span class="hb hb-xs"><i class="fa fa-google-plus"></i></span></a>
</li>
<li>
<a href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm"><i class="fa fa-linkedin"></i></span></a>
<a href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs"><i class="fa fa-linkedin"></i></span></a>
</li>
</ul>
</div>