cleanup

webdesignberlin · Aug 1, 2023 · 8e5fab8 · 8e5fab8
1 parent 175989a
commit 8e5fab8
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 91 deletions.
diff --git a/build-helper/html-footer.ts b/build-helper/html-footer.ts
@@ -0,0 +1,44 @@
+export const htmlInjectFooter = `
+<ul class="social">
+        <li>
+            <a href="https://github.com/webdesignberlin" title="Auf GitHub">
+                <b>GitHub</b>
+            </a>
+        </li>
+        <li>
+            <a href="https://twitter.com/top_webdesign" title="als top_webdesign auf Twitter">
+                <b><s>Twitter</s></b>
+            </a>
+        </li>
+        <li>
+            <a href="https://www.germanupa.de/experten/michael-gerstmann" title="Berufsverband der deutschen Usability-Experten">
+                <b>Mitglied der German&nbsp;<abbr title="Usability Professionals' Association">UPA</abbr></b>
+            </a>
+        </li>
+        <li>
+            <a href="https://www.xing.com/profile/Michael_SeilerGerstmann" title="Im Jobportal Xing">
+                <b><s>XING</s></b>
+            </a>
+        </li>
+        <li>
+            <a href="https://www.facebook.com/Berlin.Webdesign" title="Facebookseite Webdesign Berlin">
+                <b><s>Facebook</s></b>
+            </a>
+        </li>
+        <li>
+            <a href="https://de.linkedin.com/pub/michael-seiler-gerstmann/25/629/199" title="Im Jobportal LinkedIn">
+                <b><s>LinkedIn</s></b>
+            </a>
+        </li>
+        <li>
+            <a href="https://vimeo.com/webdesignberlin/likes" title="webdesign berlin auf vimeo">
+                <b><s>Vimeo</s></b>
+            </a>
+        </li>
+        <li>
+            <a href="https://www.youtube.com/user/derkoala84" title="Youtubekanal">
+                <b>Youtube</b>
+            </a>
+        </li>
+    </ul>
+`;
diff --git a/index.html b/index.html
@@ -79,50 +79,9 @@ <h3 class="headline headline--h3">
     </dl>
 </article>
 <section class="container module">
-    <h3 class="headline headline--h3">Und nun?</h3>
-    <p>Ich bin per <a class="js-mailto" data-mailto-user="guten-tag" data-mailto-domain="seiler-gerstmann.de" href="#">Mail</a> zu erreichen. Ansonsten natürlich auch über die Sozialen Kanäle. Code Beispiele und Arbeiten gibt es auf <a href="https://github.com/webdesignberlin">GitHub</a> und per Nachfrage auf <a href="https://bitbucket.org/webdesignberlin/">Bitbucket</a>. Weitere Informationen über meinen Werdegang im <a href="/vita/">Lebenslauf</a>.</p>
-    <ul class="social">
-        <li>
-            <a href="https://github.com/webdesignberlin" title="Auf GitHub">
-                <b>GitHub</b>
-            </a>
-        </li>
-        <li>
-            <a href="https://twitter.com/top_webdesign" title="als top_webdesign auf Twitter">
-                <b><s>Twitter</s></b>
-            </a>
-        </li>
-        <li>
-            <a href="https://www.germanupa.de/experten/michael-gerstmann" title="Berufsverband der deutschen Usability-Experten">
-                <b>Mitglied der German&nbsp;<abbr title="Usability Professionals' Association">UPA</abbr></b>
-            </a>
-        </li>
-        <li>
-            <a href="https://www.xing.com/profile/Michael_SeilerGerstmann" title="Im Jobportal Xing">
-                <b><s>XING</s></b>
-            </a>
-        </li>
-        <li>
-            <a href="https://www.facebook.com/Berlin.Webdesign" title="Facebookseite Webdesign Berlin">
-                <b><s>Facebook</s></b>
-            </a>
-        </li>
-        <li>
-            <a href="https://de.linkedin.com/pub/michael-seiler-gerstmann/25/629/199" title="Im Jobportal LinkedIn">
-                <b><s>LinkedIn</s></b>
-            </a>
-        </li>
-        <li>
-            <a href="https://vimeo.com/webdesignberlin/likes" title="webdesign berlin auf vimeo">
-                <b><s>Vimeo</s></b>
-            </a>
-        </li>
-        <li>
-            <a href="https://www.youtube.com/user/derkoala84" title="Youtubekanal">
-                <b>Youtube</b>
-            </a>
-        </li>
-    </ul>
+  <h3 class="headline headline--h3">Und nun?</h3>
+  <p>Ich bin per <a class="js-mailto" data-mailto-user="guten-tag" data-mailto-domain="seiler-gerstmann.de" href="#">Mail</a> zu erreichen. Ansonsten natürlich auch über die Sozialen Kanäle. Code Beispiele und Arbeiten gibt es auf <a href="https://github.com/webdesignberlin">GitHub</a> und per Nachfrage auf <a href="https://bitbucket.org/webdesignberlin/">Bitbucket</a>. Weitere Informationen über meinen Werdegang im <a href="/vita/">Lebenslauf</a>.</p>
+  <template data-replace-key="injectHtmlFooter"></template>
 </section>
 <script src="/src/js/index.ts" type="module" async></script>
 </body>

diff --git a/vita/index.html b/vita/index.html
@@ -189,52 +189,10 @@ <h4 class="headline headline--h4">Technologien:</h4>
 
 </article>
 <footer class="container module">
-    <h3 class="headline headline--h3">Und nun?</h3>
-    <p>Ich suche Herausforderungen und ein, im besten Fall, agiles crossfunktionales Team, in dem ich meine Fähigkeiten einbringen kann.</p>
-    <p>Ich bin per <a class="js-mailto" data-mailto-user="guten-tag" data-mailto-domain="seiler-gerstmann.de" href="#">Mail</a> zu erreichen. Ansonsten natürlich auch über die sozialen Kanäle. Code Beispiele und Arbeiten gibt es auf <a href="https://github.com/webdesignberlin">GitHub</a> und per Nachfrage auf <a href="https://bitbucket.org/webdesignberlin/">Bitbucket</a>. Weitere Informationen zu meiner Tätigkeit als Frontend Entwickler gibt es <a href="/">hier</a>.</p>
-
-    <ul class="social">
-        <li>
-            <a href="https://github.com/webdesignberlin" title="Auf GitHub">
-                <b>GitHub</b>
-            </a>
-        </li>
-        <li>
-            <a href="https://twitter.com/top_webdesign" title="als top_webdesign auf Twitter">
-                <b>Twitter</b>
-            </a>
-        </li>
-        <li>
-            <a href="https://www.germanupa.de/experten/michael-gerstmann" title="Berufsverband der deutschen Usability-Experten">
-                <b>Mitglied der German&nbsp;<abbr title="Usability Professionals' Association">UPA</abbr></b>
-            </a>
-        </li>
-        <li>
-            <a href="https://www.xing.com/profile/Michael_SeilerGerstmann" title="Im Jobportal Xing">
-                <b>XING</b>
-            </a>
-        </li>
-        <li>
-            <a href="https://www.facebook.com/Berlin.Webdesign" title="Facebookseite Webdesign Berlin">
-                <b>Facebook</b>
-            </a>
-        </li>
-        <li>
-            <a href="https://de.linkedin.com/pub/michael-seiler-gerstmann/25/629/199" title="Im Jobportal LinkedIn">
-                <b>LinkedIn</b>
-            </a>
-        </li>
-        <li>
-            <a href="https://vimeo.com/webdesignberlin/likes" title="webdesign berlin auf vimeo">
-                <b>Vimeo</b>
-            </a>
-        </li>
-        <li>
-            <a href="https://www.youtube.com/user/derkoala84" title="Youtubekanal">
-                <b>Youtube</b>
-            </a>
-        </li>
-    </ul>
+  <h3 class="headline headline--h3">Und nun?</h3>
+  <p>Ich suche Herausforderungen und ein, im besten Fall, agiles crossfunktionales Team, in dem ich meine Fähigkeiten einbringen kann.</p>
+  <p>Ich bin per <a class="js-mailto" data-mailto-user="guten-tag" data-mailto-domain="seiler-gerstmann.de" href="#">Mail</a> zu erreichen. Ansonsten natürlich auch über die sozialen Kanäle. Code Beispiele und Arbeiten gibt es auf <a href="https://github.com/webdesignberlin">GitHub</a> und per Nachfrage auf <a href="https://bitbucket.org/webdesignberlin/">Bitbucket</a>. Weitere Informationen zu meiner Tätigkeit als Frontend Entwickler gibt es <a href="/">hier</a>.</p>
+  <template data-replace-key="injectHtmlFooter"></template>
 </footer>
 <script src="/src/js/vita.ts" type="module" async></script>
 </body>

diff --git a/vite.config.ts b/vite.config.ts
@@ -2,6 +2,7 @@ import { resolve } from 'path';
 import { defineConfig } from 'vite';
 import { VitePWA } from 'vite-plugin-pwa';
 import { htmlInjectHead } from './build-helper/html-head';
+import { htmlInjectFooter } from './build-helper/html-footer';
 
 /**
  * HTML Build replacing
@@ -23,7 +24,10 @@ const transformHtmlPlugin = data => ({
 
 export default defineConfig({
   plugins: [
-    transformHtmlPlugin({ injectHtmlHead: htmlInjectHead }),
+    transformHtmlPlugin({
+      injectHtmlHead: htmlInjectHead,
+      injectHtmlFooter: htmlInjectFooter,
+    }),
     VitePWA({ registerType: 'autoUpdate' }),
   ],
   appType: 'mpa',