diff --git a/assets/css/profileMode.css b/assets/css/profileMode.css
new file mode 100644
index 00000000..04cf6983
--- /dev/null
+++ b/assets/css/profileMode.css
@@ -0,0 +1,29 @@
+.main {
+    text-align: center;
+    display: table;
+}
+
+.main>.profile {
+    display: table-cell;
+    vertical-align: middle;
+
+}
+
+.main>.profile>.profile_inner {
+    transform: translate(0, -20%);
+}
+
+img {
+    display: inline-block;
+    width: 200px;
+    border-radius: 50%;
+    pointer-events: none;
+    margin: 5px;
+}
+
+@media screen and (max-width: 600px) {
+    img {
+        width: 150px;
+    }
+
+}
diff --git a/layouts/_default/index.html b/layouts/_default/index.html
index 89090519..2a1c64fd 100644
--- a/layouts/_default/index.html
+++ b/layouts/_default/index.html
@@ -1,4 +1,18 @@
 {{ define "main" }}
+
+{{ if .Site.Params.profileMode }}
+<div class="profile">
+  <div class="profile_inner">
+    {{if .Site.Params.profileMode.imageUrl}}
+    <div>
+      <img src="{{ .Site.Params.profileMode.imageUrl}}" alt="{{ .Site.Params.profileMode.imageTitle}}" />
+    </div>
+    {{end}}
+    <h1>{{ if .Site.Params.profileMode.title }}{{.Site.Params.profileMode.title}}{{ else }}{{ .Site.Title }}{{end}}</h1>
+  </div>
+</div>
+{{else}} {{/* if not profileMode */}}
+
 {{ $isntDefault := not (or (eq (trim $.Site.Params.contentTypeName " ") "posts") (eq (trim $.Site.Params.contentTypeName " ") "")) }}
 {{ $contentTypeName := cond $isntDefault (string $.Site.Params.contentTypeName) "posts" }}
 
@@ -52,5 +66,5 @@
   </nav>
 </footer>
 {{- end }}
-
+{{end}}{{/* end profileMode */}}
 {{ end  }}{{/* end main */}}
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index fbc6ee65..60d66eb6 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -30,6 +30,11 @@
 {{ $stylesheet := slice $anoldhope $style | resources.Concat "css/stylesheet.css" | minify | fingerprint }}
 <link href="{{ $stylesheet.Permalink }}" integrity="{{ $stylesheet.Data.Integrity }}" rel="preload stylesheet"
     as="style">
+{{ if (and (.Site.Params.profileMode) (.IsHome)) }}
+{{ $profileMode := resources.Get "css/profileMode.css" | minify | fingerprint }}
+<link href="{{ $profileMode.Permalink }}" integrity="{{ $profileMode.Data.Integrity }}" rel="preload stylesheet"
+    as="style">
+{{end}}
 <link href="{{ "custom.css" | absURL }}" rel="stylesheet">
 <!-- Favicons -->
 <link rel="apple-touch-icon" href="{{ "apple-touch-icon.png" | absURL }}">