Merge branch 'master' into add-description-for-hannes

2025-12-13 09:25:49 +00:00 · 2023-02-02 10:13:23 +01:00 · 2023-02-02 10:13:23 +01:00 · 0003746be1
commit 0003746be1
parent 8496f65c8c 60ccfa7b73
9 changed files with 398 additions and 8 deletions
--- a/.github/workflows/lint_pr.yml
+++ b/.github/workflows/lint_pr.yml
@ -0,0 +1,69 @@
+name: "lint pull request CI"
+
+on:
+  #pull_request:
+  pull_request_target:
+    types:
+      - opened
+      - edited
+      - synchronize
+
+jobs:
+  main:
+    name: Validate PR title
+    runs-on: ubuntu-latest
+    steps:
+      - uses: amannn/action-semantic-pull-request@v5
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          # Configure which types are allowed (newline delimited).
+          # Default: https://github.com/commitizen/conventional-commit-types
+          #types: |
+          #  fix
+          #  feat
+          # Configure which scopes are allowed (newline delimited).
+          scopes: |
+            content
+            workflow
+            other
+          # Configure that a scope must always be provided.
+          requireScope: true
+          # Configure which scopes (newline delimited) are disallowed in PR
+          # titles. For instance by setting # the value below, `chore(release):
+          # ...` and `ci(e2e,release): ...` will be rejected.
+          #disallowScopes: |
+          #  release
+          # Configure additional validation for the subject based on a regex.
+          # This example ensures the subject doesn't start with an uppercase character.
+          subjectPattern: ^(?![A-Z]).+$
+          # If `subjectPattern` is configured, you can use this property to override
+          # the default error message that is shown when the pattern doesn't match.
+          # The variables `subject` and `title` can be used within the message.
+          subjectPatternError: |
+            The subject "{subject}" found in the pull request title "{title}"
+            didn't match the configured pattern. Please ensure that the subject
+            doesn't start with an uppercase character.
+          # If you use GitHub Enterprise, you can set this to the URL of your server
+          #githubBaseUrl: https://github.myorg.com/api/v3
+          # If the PR contains one of these labels (newline delimited), the
+          # validation is skipped.
+          # If you want to rerun the validation when labels change, you might want
+          # to use the `labeled` and `unlabeled` event triggers in your workflow.
+          #ignoreLabels: |
+          #  bot
+          #  ignore-semantic-pull-request
+          # If you're using a format for the PR title that differs from the traditional Conventional
+          # Commits spec, you can use these options to customize the parsing of the type, scope and
+          # subject. The `headerPattern` should contain a regex where the capturing groups in parentheses
+          # correspond to the parts listed in `headerPatternCorrespondence`.
+          # See: https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-commits-parser#headerpattern
+          headerPattern: '^(\w*)(?:\(([\w$.\-*/ ]*)\))?: (.*)$'
+          headerPatternCorrespondence: type, scope, subject
+          # For work-in-progress PRs you can typically use draft pull requests 
+          # from GitHub. However, private repositories on the free plan don't have 
+          # this option and therefore this action allows you to opt-in to using the 
+          # special "[WIP]" prefix to indicate this state. This will avoid the 
+          # validation of the PR title and the pull request checks remain pending.
+          # Note that a second check will be reported if this is enabled.
+          wip: true
--- a/README.md
+++ b/README.md
@ -13,7 +13,7 @@ This package requires:
 This package uses:
 - [vuepress](https://github.com/vuejs/vuepress)
 - [vuepress-theme-book](https://github.com/cyrilf/vuepress-theme-book)
-
+- [vuepress-deploy](https://github.com/jenkey2011/vuepress-deploy)

 ## Usage

@ -40,4 +40,12 @@ Run the tests to ensure everything is working as expected

 ```
 npm test
-```
+```
+
+## How it works
+
+This repository utilizes `vuepress-deploy` to automatically deploy the current `master` branch to github pages.
+
+![repo-architecture](./docs/images/docs/architecture.png)
+
+A Pullrequest-Review-Workflow is applied to get changes into the `master`. From there on an automatic github workflow script utilizing `vuepress-deploy` is taking over. The vuepress page is built and force-pushed to the `gh-pages` branch, which in turn is then deployed on the github pages infrastructure and bound to the web address [IT4C.dev](https://www.it4c.dev).
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@ -49,10 +49,11 @@ module.exports = {
          collapsable: false,
          children: [
            ['/people/ulf-gebhardt', 'Ulf Gebhardt'],
+            ['/people/wolfgang-huss', 'Wolfgang Huß'],
            ['/people/hannes-heine', 'Hannes Heine'],
-              // ['/random/website', 'Websites using this theme 👌'],
-              // ['/random/emoji', 'Emoji 😃'],
-              // ['/random/lorem', 'Lorem Ipsum 🌟']
+            // ['/random/website', 'Websites using this theme 👌'],
+            // ['/random/emoji', 'Emoji 😃'],
+            // ['/random/lorem', 'Lorem Ipsum 🌟']
          ]
        },
      ]
@ -65,4 +66,4 @@ module.exports = {
      }
    }
  },
-}  
+}  
--- a/docs/contact.md
+++ b/docs/contact.md
@ -1,3 +1,21 @@
 # Contact

-Contact us [via E-Mail](mailto:service@webcraft-media.de) or [mobile phone](tel://+4915784841600)
+Wether you are looking for skilled developers to <!-- textlint-disable write-good -->implement<!-- textlint-enable write-good --> your business idea, you want to scale up your existing team or you are a developer and want to work with us: Get in touch!
+
+You can contact us [via E-Mail](mailto:service@webcraft-media.de) or [mobile phone](tel://+4915784841600).
+
+We accept inquiries in German and English language.
+
+## For Developers
+
+If you consider to work with us as developer please make sure to provide resources like your Github Profile or CV.
+
+Also if you do not have a great Github Profile or you <!-- textlint-disable write-good -->just<!-- textlint-enable write-good --> finished university, feel free to contact us if you are interested in working in a professional developer environment. We will help you get educated in modern workflows, technologies and the inner workings of a remote team. <!-- textlint-disable write-good -->Just<!-- textlint-enable write-good --> make sure that you do IT out of love and not necessity.
+
+You can also join our [Telegram Channel](https://t.me/+A3XAurSG9ws3NjE6) to get in touch.
+
+## For Clients
+
+If you are looking for a developer team and you consider hiring (some of) us, please make sure to also provide a detailed project description, outlining goals, time frame, social impact and wether the project will be open- or closed source.
+
+We will work with you to archive your goals in a sustainable manner. We will make sure knowledge is spread within the team and we will integrate with your existing IT department to ensure scalability.
--- a/docs/images/docs/architecture.drawio
+++ b/docs/images/docs/architecture.drawio
@ -0,0 +1,138 @@
+<mxfile host="65bd71144e">
+    <diagram id="meJA_rg5n3EOEVvTAqwo" name="Page-1">
+        <mxGraphModel dx="1679" dy="836" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" background="#4D4D4D" math="0" shadow="0">
+            <root>
+                <mxCell id="0"/>
+                <mxCell id="1" parent="0"/>
+                <mxCell id="41" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1" source="5" target="38">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="42" value="1. force push" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;fontColor=#FFFFFF;" vertex="1" connectable="0" parent="41">
+                    <mxGeometry x="-0.3753" y="2" relative="1" as="geometry">
+                        <mxPoint x="10" y="12" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="44" value="2. gh-pages deploy from branch" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;jumpStyle=none;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;labelBackgroundColor=none;" edge="1" parent="1" source="5" target="43">
+                    <mxGeometry x="0.3208" y="-15" relative="1" as="geometry">
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="5" value="vuepress-build&lt;br&gt;Workflow" style="rhombus;whiteSpace=wrap;html=1;fillColor=#a0522d;fontColor=#ffffff;strokeColor=#6D1F00;" vertex="1" parent="1">
+                    <mxGeometry x="760" y="41" width="160" height="119" as="geometry"/>
+                </mxCell>
+                <mxCell id="21" value="open PR" style="edgeStyle=none;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;labelBackgroundColor=none;" edge="1" parent="1" target="17">
+                    <mxGeometry x="0.0127" y="-13" relative="1" as="geometry">
+                        <mxPoint x="200" y="100" as="sourcePoint"/>
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="12" value="PR branch" style="swimlane;whiteSpace=wrap;html=1;fillColor=#1ba1e2;fontColor=#ffffff;strokeColor=#006EAF;" vertex="1" parent="1">
+                    <mxGeometry x="40" y="40" width="160" height="113" as="geometry"/>
+                </mxCell>
+                <mxCell id="14" value="Commit #1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#647687;fontColor=#ffffff;strokeColor=#314354;" vertex="1" parent="12">
+                    <mxGeometry y="83" width="160" height="30" as="geometry"/>
+                </mxCell>
+                <mxCell id="15" value="Commit #2" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#647687;fontColor=#ffffff;strokeColor=#314354;" vertex="1" parent="12">
+                    <mxGeometry y="53" width="160" height="30" as="geometry"/>
+                </mxCell>
+                <mxCell id="16" value="Commit #3&lt;br&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#647687;fontColor=#ffffff;strokeColor=#314354;" vertex="1" parent="12">
+                    <mxGeometry y="23" width="160" height="30" as="geometry"/>
+                </mxCell>
+                <mxCell id="34" value="merge" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.404;entryDx=0;entryDy=0;entryPerimeter=0;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;labelBackgroundColor=none;" edge="1" parent="1" source="17" target="32">
+                    <mxGeometry x="0.0005" y="-13" relative="1" as="geometry">
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="17" value="Pullrequest-Review&lt;br&gt;Workflow" style="rhombus;whiteSpace=wrap;html=1;fillColor=#a0522d;fontColor=#ffffff;strokeColor=#6D1F00;" vertex="1" parent="1">
+                    <mxGeometry x="279" y="40" width="160" height="120" as="geometry"/>
+                </mxCell>
+                <mxCell id="26" value="review" style="edgeStyle=none;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;labelBackgroundColor=none;" edge="1" parent="1" target="17">
+                    <mxGeometry x="0.0137" relative="1" as="geometry">
+                        <mxPoint x="359.412429378531" y="230" as="sourcePoint"/>
+                        <mxPoint x="360" y="170" as="targetPoint"/>
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="23" value="Reviewer" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;fillColor=#eeeeee;strokeColor=#FFFFFF;fontColor=#FFFFFF;" vertex="1" parent="1">
+                    <mxGeometry x="352" y="230" width="15" height="31" as="geometry"/>
+                </mxCell>
+                <mxCell id="37" style="edgeStyle=none;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1" target="5">
+                    <mxGeometry relative="1" as="geometry">
+                        <mxPoint x="680" y="101" as="sourcePoint"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="40" value="on merge" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;fontColor=#FFFFFF;" vertex="1" connectable="0" parent="37">
+                    <mxGeometry x="-0.6632" relative="1" as="geometry">
+                        <mxPoint x="24" y="12" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="27" value="master branch" style="swimlane;whiteSpace=wrap;html=1;fillColor=#1ba1e2;fontColor=#ffffff;strokeColor=#006EAF;" vertex="1" parent="1">
+                    <mxGeometry x="520" y="41" width="160" height="289" as="geometry"/>
+                </mxCell>
+                <mxCell id="28" value="PR Merge #1" style="rounded=0;whiteSpace=wrap;html=1;fontColor=#ffffff;fillColor=#647687;strokeColor=#314354;" vertex="1" parent="27">
+                    <mxGeometry y="201" width="160" height="89" as="geometry"/>
+                </mxCell>
+                <mxCell id="31" value="PR Merge #2" style="rounded=0;whiteSpace=wrap;html=1;fontColor=#ffffff;fillColor=#647687;strokeColor=#314354;" vertex="1" parent="27">
+                    <mxGeometry y="112" width="160" height="89" as="geometry"/>
+                </mxCell>
+                <mxCell id="32" value="PR Merge #3" style="rounded=0;whiteSpace=wrap;html=1;fontColor=#ffffff;fillColor=#647687;strokeColor=#314354;" vertex="1" parent="27">
+                    <mxGeometry y="23" width="160" height="89" as="geometry"/>
+                </mxCell>
+                <mxCell id="35" value="" style="endArrow=classic;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;dashed=1;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1" target="31">
+                    <mxGeometry width="50" height="50" relative="1" as="geometry">
+                        <mxPoint x="480" y="198" as="sourcePoint"/>
+                        <mxPoint x="691" y="221" as="targetPoint"/>
+                        <Array as="points">
+                            <mxPoint x="480" y="198"/>
+                        </Array>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="36" value="" style="endArrow=classic;html=1;dashed=1;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1">
+                    <mxGeometry width="50" height="50" relative="1" as="geometry">
+                        <mxPoint x="480" y="287" as="sourcePoint"/>
+                        <mxPoint x="521" y="287" as="targetPoint"/>
+                        <Array as="points">
+                            <mxPoint x="481" y="287"/>
+                        </Array>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="45" style="edgeStyle=orthogonalEdgeStyle;jumpStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;labelBackgroundColor=none;fontColor=#FFFFFF;strokeColor=#FFFFFF;" edge="1" parent="1" source="38" target="43">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="38" value="gh-pages branch" style="swimlane;whiteSpace=wrap;html=1;fillColor=#1ba1e2;fontColor=#ffffff;strokeColor=#006EAF;" vertex="1" parent="1">
+                    <mxGeometry x="1000" y="41" width="200" height="120" as="geometry"/>
+                </mxCell>
+                <mxCell id="39" value="latest built files&lt;br&gt;Commit #1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="38">
+                    <mxGeometry y="23" width="200" height="97" as="geometry"/>
+                </mxCell>
+                <mxCell id="43" value="github-pages infrastructrue&lt;br&gt;https://www.it4c.dev" style="shape=internalStorage;whiteSpace=wrap;html=1;backgroundOutline=1;fillColor=#e3c800;fontColor=#000000;strokeColor=#B09500;" vertex="1" parent="1">
+                    <mxGeometry x="1000" y="200" width="200" height="130" as="geometry"/>
+                </mxCell>
+                <mxCell id="46" value="" style="endArrow=classic;html=1;dashed=1;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1">
+                    <mxGeometry width="50" height="50" relative="1" as="geometry">
+                        <mxPoint x="680" y="198" as="sourcePoint"/>
+                        <mxPoint x="720" y="198" as="targetPoint"/>
+                        <Array as="points">
+                            <mxPoint x="720" y="198"/>
+                        </Array>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="47" value="" style="endArrow=classic;html=1;dashed=1;fillColor=#f9f7ed;strokeColor=#FFFFFF;fontColor=#FFFFFF;" edge="1" parent="1">
+                    <mxGeometry width="50" height="50" relative="1" as="geometry">
+                        <mxPoint x="680" y="284" as="sourcePoint"/>
+                        <mxPoint x="720" y="284" as="targetPoint"/>
+                        <Array as="points">
+                            <mxPoint x="720" y="284"/>
+                        </Array>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="49" value="" style="rounded=0;whiteSpace=wrap;html=1;labelBackgroundColor=none;strokeColor=none;fontColor=#FFFFFF;fillColor=none;gradientColor=none;" vertex="1" parent="1">
+                    <mxGeometry width="20" height="20" as="geometry"/>
+                </mxCell>
+                <mxCell id="50" value="" style="rounded=0;whiteSpace=wrap;html=1;labelBackgroundColor=none;strokeColor=none;fontColor=#FFFFFF;fillColor=none;gradientColor=none;" vertex="1" parent="1">
+                    <mxGeometry x="1220" y="340" width="20" height="20" as="geometry"/>
+                </mxCell>
+            </root>
+        </mxGraphModel>
+    </diagram>
+</mxfile>
--- a/docs/images/docs/architecture.png
+++ b/docs/images/docs/architecture.png
--- a/docs/images/portrait/Wolfgang_Huss.jpeg
+++ b/docs/images/portrait/Wolfgang_Huss.jpeg
--- a/docs/index.md
+++ b/docs/index.md
@ -24,7 +24,7 @@ In the following we list some projects we are proud of:
 Since we constantly try to recruit new members this list is not complete.

 - Alex <!--[Alex](./people/alex-friedland.md)-->
- Wolle <!--[Wolle](./people/wolfgang-huss.md)-->
+- [Wolfgang Huß](./people/wolfgang-huss.md)
 - Moriz <!--[Moriz](./people/moriz-wahl.md)-->
 - [Ulf Gebhardt](./people/ulf-gebhardt.md)
 - Mahula <!--[Mahula](./people/mathias-.md)-->
--- a/docs/people/wolfgang-huss.md
+++ b/docs/people/wolfgang-huss.md
@ -0,0 +1,156 @@
+<!-- textlint-disable write-good -->
+# Wolfgang Huß
+
+![Bild – Wolfgang Huß](~@images/portrait/Wolfgang_Huss.jpeg)
+
+<!-- Seit meinem 14. Lebensjahr, also seit Anfang 1983, beschäftige ich mich nun schon mit Programmierung.
+Dabei bin ich durch einige Phasen interessanter technologischer Veränderungen gegangen.
+Diese erlernte ich Überwiegend autodidaktisch und in Pairing-Sessions. -->
+Since I was 14 years old, i.e. since the beginning of 1983, I have been involved in programming.
+I have gone through several phases of interesting technological changes.
+I learned these mainly self-taught and in pairing sessions.
+
+<!-- Programmieren ist wie eine interaktive Geschichte erzählen, die dazu oft noch gestalterisch visuelle Komponenten trägt.
+Mir gefällt besonders die künstlerisch strukturelle Ästetik, wenn ich komplexe Projekte in faszinierenden Programmiersprachen umsetze. -->
+Programming is like telling an interactive story, which often has visual components as well.
+I particularly enjoy the artistic structural aesthetics when implementing complex projects in fascinating programming languages.
+
+<!-- So haben meine bisherigen Projekte in fast allen Fällen mit Grafik zu tun gehabt, bis hin zu meiner high-end großformat Drucksoftware `Pjannto RIP`, mit Farbkalibration für höchste Ansprüche meiner Kunden zum Druck auf diversen Drucker Marken und Geräten.  
+Auch meine iPhone App [FaceYourFace](https://apps.apple.com/de/app/faceyourface/id1137963659) zur Spiegelung von Gesichtshälften zur Erstellung von doppellinken und doppelrechten Gesichtsbilder ist eine grafische Anwendung. -->
+So my projects so far have been almost all graphic related, up to my high-end large format printing software `Pjannto RIP`, with color calibration for highest demands of my customers for printing on various printer brands and devices.  
+Also my iPhone App [FaceYourFace](https://apps.apple.com/de/app/faceyourface/id1137963659) for mirroring face halves to create double-left and double-right face images is a graphic application.
+
+<!-- Schließlich habe ich mich derzeit von der Entwicklung von Anwendungssoftware auf Desktop-Computern mehr in Richtung von Web-Anwendungen für Internet-Browser orientiert (Frontend).
+Dies schließt die Entwicklung von Server-Programmen (Backend) und den Einsatz von Datenbanken sowie auch die Server-Administration mit ein und kann ebenso das Projektmanagement und die Entwicklungsleitung umfassen, wie beim [ocelot.social Projekt](https://github.com/Ocelot-Social-Community). -->
+Currently I have moved away from application software development for desktop computers more towards web applications for internet browsers (frontend).
+This includes the development of server applications (backend) and the use of databases as well as server administration and can also include project management and development management, as with the [ocelot.social project](https://github.com/Ocelot-Social-Community).
+
+<!-- Einer der Gründe dafür war, gerne im Team zu arbeiten, und mit agilen Methoden Software zu entwickeln. -->
+One of the reasons was to enjoy working in a team, and to develop software using agile methods.
+
+<!-- Und nicht zu letzt war ich 12 Jahre Inhaber einer „kleinen“ Werbeagentur (8 Mitarbeiter) in der wir Logos, Prospekte, Kataloge erstellt und als Schauwerbegestalter für die Anfertigung von Schildern, Ladenbeschriftungen, Messetafeln und vielem anderen tätig waren.
+Dabei kamen die gängigen Grafikprogramme zum Einsatz.  
+Dies kommt mir heute auch bei der programmierung zu gute. -->
+And last but not least, for 12 years I was the owner of a "small" advertising agency (8 employees) in which we created logos, designs, brochures, catalogs etc.
+Additionally we worked as signmakers for the production of signs, store signs, exhibition boards and much more.
+In the process, the usual graphics programs were used.  
+Today, I also benefit from this in programming.
+
+## Roles
+
+- Desktop application developer
+- Frontend developer
+- Backend developer
+- DevOps
+  - GitHub Actions
+- UI (user interface)
+- Testing
+  - Setup of test environments
+  - Agile testing
+  - Manual testing
+- Design
+  - Corporate design
+
+## Expertise & Projects
+
+I developed and contributed to different projects:
+
+- Maintainer, manager, and programmer for [ocelot.social project](https://github.com/Ocelot-Social-Community)
+  - Frontend development
+  - Backend development
+  - DevOps
+    - GitHub
+    - Server adminitration
+      - Kubernetes
+  - UI (user interface)
+  - Testing
+    - Setup of test environments
+    - Agile testing
+    - Manual testing
+- Employee at [Gradido software project](../projects/gradido.md)
+  - Frontend development
+  - Backend development
+  - Server setup
+- Owner of iOS [FaceYourFace](https://apps.apple.com/de/app/faceyourface/id1137963659) App
+  - Developer
+- Owner of Windows `Pjannto RIP` App
+  - Developer
+
+## Approaches & Tools
+
+### Frontend Development
+
+- [Javascript](https://www.javascript.com/)
+- [Vue](https://vuejs.org/)
+- [Nuxt](https://nuxtjs.org)
+
+### Backend Development
+
+- [Node](https://nodejs.org/)
+- [Javascript](https://www.javascript.com/)
+- [Neo4j](https://neo4j.com/)
+
+### DevOps & Server Administration
+
+- [Kubernetes](https://kubernetes.io/)
+- [Docker](https://www.docker.com)
+- [GitHub](https://github.com/)
+- [GitHub Actions](https://github.com/features/actions/)
+
+### Testing
+
+- [Jest](https://jestjs.io)
+- [Cypress](https://www.cypress.io/)
+- [Cucumber](https://cucumber.io/)
+
+### Development Environments
+
+- [VSCode](https://code.visualstudio.com/)
+- [Xcode](https://apps.apple.com/de/app/xcode/id497799835?mt=12)
+- [Delphi Pascal](https://www.embarcadero.com/de/products/delphi/)
+
+### Programming & Database & Markup Languages
+
+- [Javascript](https://www.javascript.com/)
+- [GraphQL](https://graphql.org)
+- [Cypher](https://neo4j.com/developer/cypher/)
+- [Swift](https://www.python.org/)
+- [C++](https://en.wikipedia.org/wiki/C%2B%2B)
+- [Pascale](https://en.wikipedia.org/wiki/C%2B%2B)
+- [HTML](https://en.wikipedia.org/wiki/HTML)
+- [CSS](https://en.wikipedia.org/wiki/CSS)
+- [LaTex](https://www.latex-project.org/)
+- [PostScript](https://en.wikipedia.org/wiki/PostScript)
+
+## Spoken Languages
+
+- German (native speaker)
+- English (business fluent)
+
+## Profile
+
+- [Github](https://github.com/tirokk)
+
+## Further Interests and Commitments
+
+<!-- Ich habe noch viele weitere Interessen und bin gesellschaftlich engagiert: -->
+I have many other interests and am socially involved:
+
+- Vice chairman of the developer association<!-- Stellvertretender Vorsitzender des Entwickler-Vereins --> [busFaktor() e.V.](https://www.busfaktor.org/)
+- Singing in a rockband and in a chior
+- Practice and teach yoga
+- Private scientist, philosopher<!-- - Privatwissenschaftler, Philosoph -->
+- Operation of Internet sites on private research on the topics<!-- Betrieb von Internetseiten über private Forschung zu den Themen -->
+  - Mainpage
+    - [New Soul Of Science Project](http://www.nsosp.org/de/New-Soul-Of-Science-Project/)
+    - [GitHub Repository of New Soul Of Science Project](https://github.com/New-Soul-Of-Science-Project/New-Soul-Of-Science-Project-Web)
+  - Fundaments of physics
+    - [Fractal Quantum Flow Theory](http://www.nsosp.org/de/Quanten-Fluss-Theorie/)
+  - Fundaments of mathematics
+    - [Superial Numbers](http://www.nsosp.org/de/Superial-Zahlen/)
+    - [Biordinal Numbers and Integrated Set Theory](http://www.nsosp.org/de/Superial-Zahlen/Biordinalzahlen.php)
+    - [Operial-Theory](http://www.nsosp.org/de/Operialtheorie/)
+  - Philosophy of nature, philosophy of life<!-- Naturphilosophie, Lebensphilosophie -->
+    - [Tension Game of Life](http://www.nsosp.org/de/Spannungsspiel-des-Lebens/)
+    - [Natural Philosophy Yoga](http://www.nsosp.org/de/Naturphilosophie-Yoga/)
+<!-- textlint-enable write-good -->