diff --git a/resume/data.yml b/resume/data.yml
index dd1c3690..0772601f 100755
--- a/resume/data.yml
+++ b/resume/data.yml
@@ -6,6 +6,7 @@ name:
 about: Hi, my name is John Doe. I"m just about the most boring type of person you could
        possibly imagine. I like collecting leaves from the tree in my back yard and documenting
        each time I eat a peanut that is non-uniform. I am not a robot. Please hire me.
+photo: true
 position: Software Developer
 
 birth:
diff --git a/src/resumes/cool-rtl.vue b/src/resumes/cool-rtl.vue
index 69776853..05005361 100644
--- a/src/resumes/cool-rtl.vue
+++ b/src/resumes/cool-rtl.vue
@@ -178,7 +178,7 @@
       </div>
     </div>
 
-    <img class="picture"/>
+    <img class="picture" v-if="isPhotoAvailable"/>
   </div>
 </template>
 
diff --git a/src/resumes/cool-rtl2.vue b/src/resumes/cool-rtl2.vue
index 79b3b99a..e286defb 100755
--- a/src/resumes/cool-rtl2.vue
+++ b/src/resumes/cool-rtl2.vue
@@ -181,7 +181,7 @@
       </div>
     </div>
 
-    <img class="picture"/>
+    <img class="picture" v-if="isPhotoAvailable" />
 
   </div>
 </template>
diff --git a/src/resumes/cool.vue b/src/resumes/cool.vue
index e643712b..cdbb1767 100644
--- a/src/resumes/cool.vue
+++ b/src/resumes/cool.vue
@@ -184,7 +184,7 @@
       </div>
     </div>
 
-    <img class="picture"/>
+    <img class="picture" v-if="isPhotoAvailable" />
   </div>
 </template>
 
diff --git a/src/resumes/left-right-projects.vue b/src/resumes/left-right-projects.vue
index 8d526c8e..91dcc47d 100755
--- a/src/resumes/left-right-projects.vue
+++ b/src/resumes/left-right-projects.vue
@@ -6,7 +6,7 @@
   <div class="row text-center">
     <p class="position center">{{person.position}}</p>
   </div>
-  <div class="row">
+  <div class="row" v-if="isPhotoAvailable">
     <div class="image center">
       <div class="img"></div>
     </div>
diff --git a/src/resumes/left-right-rtl.vue b/src/resumes/left-right-rtl.vue
index 1a351275..b88ef679 100755
--- a/src/resumes/left-right-rtl.vue
+++ b/src/resumes/left-right-rtl.vue
@@ -6,7 +6,7 @@
   <div class="row text-center">
     <p class="position center">{{person.position}}</p>
   </div>
-  <div class="row">
+  <div class="row" v-if="isPhotoAvailable">
     <div class="image center">
       <div class="img"></div>
     </div>
diff --git a/src/resumes/left-right.vue b/src/resumes/left-right.vue
index 3d947632..bb2e93d3 100755
--- a/src/resumes/left-right.vue
+++ b/src/resumes/left-right.vue
@@ -6,7 +6,7 @@
   <div class="row text-center">
     <p class="position center">{{person.position}}</p>
   </div>
-  <div class="row">
+  <div class="row" v-if="isPhotoAvailable">
     <div class="image center">
       <div class="img"></div>
     </div>
diff --git a/src/resumes/material-dark-projects.vue b/src/resumes/material-dark-projects.vue
index ed8c9ced..3336b8c2 100755
--- a/src/resumes/material-dark-projects.vue
+++ b/src/resumes/material-dark-projects.vue
@@ -2,7 +2,7 @@
 <div class="resume">
   <div class="leftCol m_box">
     <div class="shadow"></div>
-    <div class="heading" id="myselfpic">
+    <div class="heading" id="myselfpic" v-if="isPhotoAvailable">
     </div>
     <div class="section-headline">
       Contact
diff --git a/src/resumes/material-dark.vue b/src/resumes/material-dark.vue
index 7752f4a3..678e1f73 100755
--- a/src/resumes/material-dark.vue
+++ b/src/resumes/material-dark.vue
@@ -2,7 +2,7 @@
 <div class="resume">
   <div class="leftCol m_box">
     <div class="shadow"></div>
-    <div class="heading" id="myselfpic">
+    <div class="heading" id="myselfpic" v-if="isPhotoAvailable">
     </div>
     <div class="section-headline">
       {{ lang.contact }}
@@ -119,7 +119,7 @@
           <div class="subheadline">{{experience.timeperiod}}</div>
           <p class="info">
             {{experience.description}}
-          </p>  
+          </p>
       </a>
     </div>
     <div class="section-headline">{{ lang.education }}</div>
@@ -474,7 +474,7 @@ h4 {
       }
     }
   }
-  .item.last{ 
+  .item.last{
     .text {
       border-bottom-style:none;
       padding-bottom:0;
diff --git a/src/resumes/oblique-projects.vue b/src/resumes/oblique-projects.vue
index a107b4ed..a64d5ab7 100755
--- a/src/resumes/oblique-projects.vue
+++ b/src/resumes/oblique-projects.vue
@@ -8,7 +8,7 @@
           <div class="name">{{person.name.first}} {{person.name.last}}</div>
           <div class="position">{{person.position}}</div>
         </div>
-        <div class="img">
+        <div class="img" v-if="isPhotoAvailable">
         </div>
       </div>
 
diff --git a/src/resumes/oblique-rtl.vue b/src/resumes/oblique-rtl.vue
index f4d0d408..5cb43126 100644
--- a/src/resumes/oblique-rtl.vue
+++ b/src/resumes/oblique-rtl.vue
@@ -8,7 +8,7 @@
           <div class="name">{{person.name.first}} {{person.name.middle}} {{person.name.last}}</div>
           <div class="position">{{person.position}}</div>
         </div>
-        <div class="img">
+        <div class="img" v-if="isPhotoAvailable">
         </div>
       </div>
 
diff --git a/src/resumes/oblique.vue b/src/resumes/oblique.vue
index 76bd736d..7df9470b 100755
--- a/src/resumes/oblique.vue
+++ b/src/resumes/oblique.vue
@@ -8,7 +8,7 @@
           <div class="name">{{person.name.first}} {{person.name.middle}} {{person.name.last}}</div>
           <div class="position">{{person.position}}</div>
         </div>
-        <div class="img">
+        <div class="img" v-if="isPhotoAvailable">
         </div>
       </div>
 
diff --git a/src/resumes/options.js b/src/resumes/options.js
index 032cca07..8c338fde 100755
--- a/src/resumes/options.js
+++ b/src/resumes/options.js
@@ -61,6 +61,10 @@ function getVueOptions (name) {
 
                 return links;
             },
+
+            isPhotoAvailable() {
+                return Boolean(this.person.photo);
+            }
         }
     };
     return opt;
diff --git a/src/resumes/side-bar-projects.vue b/src/resumes/side-bar-projects.vue
index 57e9d58b..efb9fb93 100755
--- a/src/resumes/side-bar-projects.vue
+++ b/src/resumes/side-bar-projects.vue
@@ -5,7 +5,7 @@
           <span class="person-position">  {{person.position}}    </span>
       </div>
       <div class="left-col">
-          <div class="person-image">
+          <div class="person-image" v-if="isPhotoAvailable">
               <div class="image-centerer">
                   <div class="img"></div>
               </div>
diff --git a/src/resumes/side-bar-rtl.vue b/src/resumes/side-bar-rtl.vue
index b878b323..b31fc6fe 100755
--- a/src/resumes/side-bar-rtl.vue
+++ b/src/resumes/side-bar-rtl.vue
@@ -9,7 +9,7 @@
           </span>
       </div>
       <div class="right-col">
-          <div class="person-image">
+          <div class="person-image" v-if="isPhotoAvailable">
               <div class="image-centerer">
                   <div class="img"></div>
               </div>
diff --git a/src/resumes/side-bar.vue b/src/resumes/side-bar.vue
index fe86403c..682e943e 100755
--- a/src/resumes/side-bar.vue
+++ b/src/resumes/side-bar.vue
@@ -9,7 +9,7 @@
           </span>
       </div>
       <div class="left-col">
-          <div class="person-image">
+          <div class="person-image" v-if="isPhotoAvailable">
               <div class="image-centerer">
                   <div class="img"></div>
               </div>