updated theme and config

.drone.yml

@@ -14,8 +14,8 @@ steps:
   - name: build
     image: klakegg/hugo:ext-ci
     commands:
-      #- cd themes/hugo-resume # && npm i && cd - 
-      - hugo --gc --minify --environment production
+      - cd themes/hugo-resume # && npm i && cd - 
+      #- hugo --gc --minify --environment production
 
   - name: deploy
     image: appleboy/drone-scp
@@ -25,8 +25,10 @@ steps:
         - /var/www/html/nicktrimborn.de/public_html/
       source: 
         - public/*
-      username: "root"
-      password: "R*Hc96Wb@v"
+      username: 
+        from_secret: webserver_username
+      password: 
+        from_secret: webserver_password
 
 trigger:
    event:

config.toml

@@ -22,6 +22,8 @@ showProjects = false
 showPublications = true
 showQr = false
 showSkills = true
+showCertifications = false
+showSocializations = true
 
 [params.google]
 

layouts/partials/about.html

@@ -0,0 +1,53 @@
+
+
+<section class="resume-section p-3 p-lg-5 d-flex d-column" id="about">
+  <div class="my-auto">
+    <div class="resume-item d-flex flex-column flex-md-row">
+      <div class="mr-auto">
+
+        <h1 class="mb-0">{{ .Site.Params.firstName }}
+          <span class="text-primary">{{ .Site.Params.lastName }}</span>
+        </h1>
+        <div class="subheading mb-5">{{ .Site.Params.address }} ·
+          <a href="mailto:{{ substr .Site.Params.email 0 5}}-remove-{{ substr .Site.Params.email 5 }}">{{ substr .Site.Params.email 0 5}}<span style="display:none">-remove-</span>{{ substr .Site.Params.email 5 }}</a>
+        </div>
+
+      </div>
+
+      {{ if .Site.Params.showQr }}
+        {{ partial "contact-qr" . }}
+      {{ end }}
+
+  </div>
+  <div>
+    {{ .Content }}
+    {{ if .Site.Params.showCertifications }}
+    <h3>Certifications</h3>
+    <ul class="list-inline list-social-icons mb-0">
+      {{ range .Site.Data.certifications }}
+          <li class="list-inline-item">
+            <a href="{{ .proof }}" data-toggle="tooltip" title="{{ .name }}" data-offset="0 10" rel="me">
+              <img src="{{ .badge }}" width=75 />
+            </a>
+          </li>
+      {{ end }}
+    </ul>
+    {{ end }}
+    {{ if .Site.Params.showSocializations }}
+    <h3>Socialization</h3>
+    <ul class="list-inline list-social-icons mb-0">
+      {{ range .Site.Params.handles }}
+          <li class="list-inline-item">
+            <a href="{{ .link }}" data-toggle="tooltip" title="{{ .name }}" data-offset="0,10" rel="me">
+              <span class="fa-stack fa-lg">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fab {{ if .icon}}fa-{{ .icon }}{{ else }}fa-{{ lower .name }}{{ end }} fa-stack-1x fa-inverse"></i>
+              </span>
+            </a>
+          </li>
+      {{ end }}
+    </ul>
+    {{ end }}
+  </div>
+</div>
+</section>

static/css/resume.css

@@ -0,0 +1,151 @@
+body {
+  font-family: 'Open Sans', serif;
+  padding-top: 54px;
+  color: #868e96;
+}
+
+@media (min-width: 992px) {
+  body {
+    padding-top: 0;
+    padding-left: 17rem;
+  }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'Saira Extra Condensed', serif;
+  font-weight: 700;
+  color: #343a40;
+}
+
+
+h1, h2{
+  text-transform: uppercase;
+}
+
+h1 {
+  font-size: 6rem;
+  line-height: 5.5rem;
+}
+
+h2 {
+  font-size: 3.5rem;
+}
+
+.subheading {
+  text-transform: uppercase;
+  font-weight: 500;
+  font-family: 'Saira Extra Condensed', serif;
+  font-size: 1.35rem;
+}
+
+.list-social-icons a {
+  color: #495057;
+}
+
+.list-social-icons a:hover {
+  color: #005B96;
+}
+
+.list-social-icons a .fa-lg {
+  font-size: 1.75rem;
+}
+
+.list-icons {
+  font-size: 3rem;
+}
+
+.list-icons .list-inline-item i:hover {
+  color: #005B96;
+}
+
+#sideNav .navbar-nav .nav-item .nav-link {
+  font-weight: 600;
+  text-transform: uppercase;
+}
+
+@media (min-width: 992px) {
+  #sideNav {
+    text-align: center;
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: flex;
+    flex-direction: column;
+    width: 17rem;
+    height: 100vh;
+  }
+  #sideNav .navbar-brand {
+    display: flex;
+    margin: auto auto 0;
+    padding: 0.5rem;
+  }
+  #sideNav .navbar-brand .img-profile {
+    max-width: 10rem;
+    max-height: 10rem;
+    border: 0.5rem solid rgba(255, 255, 255, 0.2);
+  }
+  #sideNav .navbar-collapse {
+    display: flex;
+    align-items: flex-start;
+    flex-grow: 0;
+    width: 100%;
+    margin-bottom: auto;
+  }
+  #sideNav .navbar-collapse .navbar-nav {
+    flex-direction: column;
+    width: 100%;
+  }
+  #sideNav .navbar-collapse .navbar-nav .nav-item {
+    display: block;
+  }
+  #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
+    display: block;
+  }
+}
+
+section.resume-section {
+  border-bottom: 1px solid #dee2e6;
+  padding-top: 5rem !important;
+  padding-bottom: 5rem !important;
+}
+
+section.resume-section .resume-item .resume-date {
+  min-width: none;
+}
+
+@media (min-width: 768px) {
+  section.resume-section {
+    min-height: 100vh;
+  }
+  section.resume-section .resume-item .resume-date {
+    min-width: 18rem;
+  }
+}
+
+@media (min-width: 992px) {
+  section.resume-section {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+
+.bg-primary {
+  background-color: #005B96 !important;
+}
+
+.text-primary {
+  color: #005B96 !important;
+}
+
+a {
+  color: #005B96;
+}
+
+a:hover, a:focus, a:active {
+  color: #824027;
+}

static/css/tweaks.css

@@ -0,0 +1,130 @@
+.p-0{
+  margin: 0 auto;
+}
+
+.devicons{
+  font-size:1.5em;
+      vertical-align: sub;
+}
+
+/* ensure items with short summarues push date over image */
+.publication-content{
+  width:90%;
+}
+
+
+h3{
+    margin-top:40px;
+}
+
+h3.mb-0{
+    margin-top:0;
+}
+
+div.skills-heading{
+    margin-top:1em;
+    margin-bottom:0 !important;
+}
+
+
+
+/* From https://codepen.io/wbeeftink/pen/dIaDH */
+
+.tags {
+    font: 12px/1.5 'PT Sans', serif;
+  list-style: none;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+}
+
+.tags li {
+  float: left;
+}
+
+.tag {
+  background: #eee;
+  border-radius: 3px 0 0 3px;
+  color: #999;
+  display: inline-block;
+  height: 26px;
+  line-height: 26px;
+  padding: 0 20px 0 23px;
+  position: relative;
+  margin: 0 10px 10px 0;
+  text-decoration: none;
+  -webkit-transition: color 0.2s;
+}
+
+.tag::before {
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
+  content: '';
+  height: 6px;
+  left: 10px;
+  position: absolute;
+  width: 6px;
+  top: 10px;
+}
+
+.tag::after {
+  background: #fff;
+  border-bottom: 13px solid transparent;
+  border-left: 10px solid #eee;
+  border-top: 13px solid transparent;
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.tag:hover {
+  background-color: crimson;
+  color: white;
+}
+
+.tag:hover::after {
+   border-left-color: crimson;
+}
+
+.project-fact{
+  font-size:80%;
+  font-style:italic;
+}
+
+
+
+
+.resume-section blockquote {
+    border-left: 4px solid #005B96;
+    padding-left: 1em;
+}
+
+/* Fix responsive width for blog posts */
+.my-auto {
+	width: 100%
+}
+
+    .advteaser-container{
+
+    }
+
+    .advteaser {
+        width: 250px;
+        height: 250px;
+        position: relative;
+        display: inline-block;
+    }
+    .advteaser img {
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+    .advteaser .img-top {
+        display: none;
+        z-index: 99;
+    }
+    .advteaser-container:hover .img-top {
+        display: inline;
+    }

themes/hugo-resume

@@ -1 +1 @@
-Subproject commit 0802f1380e85a4cd92c7c7067a9386ac4465eb79
+Subproject commit ee7df20d8fc87c4b07a7ad3802c85a3454eca2cd