Merge pull request jglovier#63 from jglovier/jglovier/add-address-phone

Simpler way to display contact info in header

_config.yml

@@ -12,10 +12,17 @@ sass:
 resume_avatar:                  "true"
 resume_name:                    "Lisa M. Simpson"
 resume_title:                   "VP of Global Communications"
+
+# used for the contact button in _layouts/resume.html
 resume_contact_email:           "[email protected]"
+
+# the next two items are used for schema itemprops in _layouts/resume.html
 resume_contact_telephone:       "555-7334"
 resume_contact_address:         "742 Evergreen Terrace, Springfield"
-resume_header_contact_info: "742 Evergreen Terrace, Springfield | 555-7334 | [email protected]"
+
+resume_header_contact_info:     "742 Evergreen Terrace, Springfield • 555-7334 • [email protected]"
+display_header_contact_info:    "false"
+
 resume_header_intro: "<p>This is the executive summary. You should write a few brief, concise, and meaningful sentences about yourself from a professional context, and your immediate career goals. Make the length appropriate for your needs, but keep it brief and concise</p>"
 
 # use "yes" to display the email contact button,

_layouts/resume.html

@@ -19,10 +19,12 @@
         <!-- Your name is defined in the _config.yml file -->
         <h1 class="header-name" itemprop="name">{{ site.resume_name }}</h1>
 
-        <!-- Contact buttons don't work in print, configure in the _config.yml file, remove "print-only" to display always. -->
-        <div class="header-contact-info print-only">
+        <!-- To display contact info here, change `display_header_contact_info` value in _config.yml to true -->
+        {% if site.display_header_contact_info == 'true' %}
+        <div class="header-contact-info">
           <p>{{ site.resume_header_contact_info }}</p>
         </div>
+        {% endif %}
 
         <div class="title-bar no-print">
 

_sass/_resume.scss

@@ -36,7 +36,7 @@
     text-align: center;
     letter-spacing: -.15rem;
     line-height: 1;
-    margin: 1rem 0 2rem;
+    margin: 1rem 0 0;
   }
 
   .header-contact-info {
@@ -49,6 +49,7 @@
 
   .title-bar {
     @include section_border;
+    margin-top: 2rem;
     padding: .4rem 0;
     @include clearfix;