feat: style and infos

.github/ISSUE_TEMPLATE/bug.yaml

@@ -24,7 +24,7 @@ body:
       required: false
 
   - type: textarea
-    id: logs
+    id: logos
     attributes:
       label: Logs or Error Messages
       description: Paste any relevant console output, stack traces, or screenshots.

src/app/home/home.component.html

@@ -129,7 +129,7 @@
 
   <section id="projects" class="projects-section">
     <div class="section-heading section-heading-centered">
-      <p class="eyebrow">Projects</p>
+      <p class="eyebrow">current Jobs & Projects</p>
     </div>
 
     <div class="project-list">

src/global.ts

@@ -68,6 +68,9 @@ export const global: Global = {
     { label: 'DevOps', value: 'Docker' },
     { label: 'DevOps', value: 'Ubuntu' },
     { label: 'DevOps', value: 'Arch' },
+    { label: 'Declarative Languages', value: 'XAML' },
+    { label: 'Declarative Languages', value: 'YAML' },
+    { label: 'Declarative Languages', value: 'Markdown' },
   ],
   portraitHighlights: [
     {
@@ -79,8 +82,8 @@ export const global: Global = {
       text: 'My Love',
     },
     {
-      image: 'assets/portrait/anniversary.jpg',
+      image: 'assets/portrait/sbua.jpg',
-      text: 'Anniversary',
+      text: 'Scuba Diving',
     },
     {
       image: 'assets/portrait/trains.jpg',
@@ -97,12 +100,12 @@ export const global: Global = {
   ],
   projects: [
     {
-      title: 'SynRadio',
+      title: 'SobIT GmbH',
-      link: 'https://www.synradio.de/',
+      link: 'https://sobit.at/',
-      description: 'An internet radio station that is available on various media.',
+      description: 'I currently work primarily for the viennese company SobIT GmbH. This company develops software for the healthcare industry. - Development of modern desktop, mobile, and web applications to support healthcare delivery.',
-      languages: ['TypeScript', 'JavaScript', 'HTML', 'CSS'],
+      languages: ['TypeScript', 'C#', 'WPF', 'YML', 'XAML'],
-      icon: 'assets/portrait/me.png',
+      icon: 'assets/logos/sobit.png',
-      CircleIcon: true,
+      CircleIcon: false,
     },
     {
       title: 'SynHost',

src/styles.scss

@@ -804,7 +804,8 @@ hr {
   width: clamp(84px, 12vw, 108px);
   min-width: clamp(84px, 12vw, 108px);
   height: clamp(84px, 12vw, 108px);
-  object-fit: cover;
+  object-fit: contain;
+  object-position: center;
   box-shadow: none;
 }