dan/danielrayjones
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💻💪 Improve layout of contact section on theater.html

Browse source
This commit is contained in:
Dan Jones 2018-02-05 19:51:31 -06:00
commit 971f4175e1
3 changed files with 12 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

20
_assets/css/style.scss
View file

@ -146,21 +146,7 @@ p, dl, ul, ol {
#page-theater { #page-theater {
@extend %resume; @extend %resume;
#contact { figure.headshot {
display: table; max-height: 12rem;
width: 100%; }
div {
display: table-cell;
vertical-align: top;
&:first-child {
text-align: center;
}
&:last-child {
text-align: right;
}
}
}
} }

1
_layouts/default.html
View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
{% seo %} {% seo %}
{% css style %} {% css style %}
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" /> <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />

11
theater.html
View file

@ -6,8 +6,9 @@ title: Acting Resume
<h1>Dan Jones</h1> <h1>Dan Jones</h1>
<section id="contact"> <section id="contact" class="row">
<div>
<div class="col order-2 order-md-1 col-12 col-md-6 offset-md-2">
<p>12618 Day Hollow Ln<br/> <p>12618 Day Hollow Ln<br/>
Houston, TX 77070</p> Houston, TX 77070</p>
@ -18,7 +19,11 @@ Houston, TX 77070</p>
Hair: Brown &bull; Eyes: Blue</p> Hair: Brown &bull; Eyes: Blue</p>
</div> </div>
<div><a href="http://danielrayjones.blogs.goodevilgenius.org/files/2014/11/MyHeadshot.jpg"><img src="http://danielrayjones.blogs.goodevilgenius.org/files/2014/11/MyHeadshot-150x150.jpg" alt="Headshot" width="150" height="150" class="size-thumbnail wp-image-58 rounded" /></a></div> <figure class="figure col order-1 order-md-2 headshot col-12 col-md-4">
<img src="http://danielrayjones.blogs.goodevilgenius.org/files/2014/11/MyHeadshot.jpg"
class="figure-im img-fluid mh-100" alt="Headshot" />
</figure>
</section> </section>
<section id="film"> <section id="film">