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

CSS fixes for logos

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) { @media screen and (max-width:767px) {
.hb-sm { #logo_about {
display: none; display: none;
} }
.hb-xs { #heading_large {
display: block; width: 256px;
}
#logo_large, #logo_about {
display: none;
}
#logo_small {
display: block;
} }
} }
@media screen and (min-width:768px) { @media screen and (min-width:768px) {
.hb-sm { #heading_large {
width: 512px;
}
#logo_about {
display: block; display: block;
} }
.hb-xs {
display: none;
}
#logo_large, #logo_about {
display: block;
}
#logo_small {
display: none;
}
} }
@media(max-width:1199px) { @media(max-width:1199px) {

8
index.html
View File

@ -57,32 +57,26 @@
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<hr> <hr>
<h1 class="brand-heading" id="heading_large"><img style="max-width: 512px;" src="img/logo.png"/></h1> <h1 class="brand-heading"><img id="heading_large" 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>
<hr> <hr>
<ul class="list-inline"> <ul class="list-inline">
<li> <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-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>
<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-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>
<!--<li> <!--<li>
<a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a> <a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
</li>--> </li>-->
<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-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>
<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-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>
<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-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> </li>
</ul> </ul>
</div> </div>