add more uni stuff

.direnv/flake-profile

@@ -0,0 +1 @@
+flake-profile-1-link

.direnv/flake-profile-1-link

@@ -0,0 +1 @@
+/nix/store/p7z5gbs1jx39z6x9mb6rgg3izkkjgw24-nix-shell-env

.envrc

@@ -0,0 +1 @@
+use flake;

src/content/blog/personal/fileclap.mdx

@@ -16,7 +16,7 @@ import search from "@assets/fileclap/search.png";
  p { color: #cacbcd}
  a { color: #cacbcd }
  nav::after { background: #101828; }
- img { border: 10px solid;
+ img { border: 5px solid;
         border-color: #ffdf20; }
  ul li {
         color: #ffdf20; 

src/content/blog/personal/general.md

@@ -15,7 +15,7 @@ body { background: #19171a }
 .wrapper, nav::after {background: #0a090a }
 p, a, ul { color: #e2e2e2}
 img { 
-    border: 10px solid;
+    border: 5px solid;
     border-color: #f90f91; 
 }
 

src/content/blog/personal/horsa.md

@@ -16,7 +16,7 @@ body {background: #27272a }
 .wrapper, nav::after  {background: #18181b }
 p, a, ul { color: #e2e2e2}
 img {
-    border: 10px solid;
+    border: 5px solid;
     border-color: #bb4d00; 
 }
 </style>

src/content/blog/personal/osuProgress.md

@@ -13,7 +13,7 @@ body { background: #171a1c }
 .wrapper, nav::after  {background: #22282a }
 p, a, ul { color: #cda637 }
 img {
-    border: 10px solid;
+    border: 5px solid;
     border-color: #aaaeaf;
 }
 </style>

src/content/blog/personal/pwaplayer.md

@@ -14,7 +14,7 @@ pubDate: "Jul 08 2022"
  body, .wrapper, nav::after  {background: #1c1719 }
  a, p, ul { color: #ec4889}
  img {
-     border: 10px solid;
+     border: 5px solid;
      border-color: #eab308;
  }
 </style>

src/content/blog/university/eai-presentation.md

@@ -2,6 +2,7 @@
 title: "eai-presentation-frameworks"
 description: "Lorem ipsum dolor sit amet"
 pubDate: "Jul 08 2022"
+gitLink: "https://github.com/JuLi0n21/eai-presentation-oriented-integration"
 ---
 
 <style is:global>
@@ -9,11 +10,26 @@ h1,
 h2,
 h3,
 h4, ul li { color: #c8cacb }
-body { background: #171a1c }
-.wrapper, nav::after  {background: #22282a }
-p, a, ul { color: #cda637 }
+body { background: #f9fafb }
+.wrapper, nav::after  {background: #ffffff }
+p, a, ul { color: #181e2d }
 img {
-    border: 10px solid;
+    border: 5px solid;
     border-color: #aaaeaf;
 }
 </style>
+
+# Enterprise application Integegration
+
+This small module was focused on the Integration of already existing Websites into a new One.
+
+In the past this was commonly done using IFrames, while their straight forward to use they make (for good reason) sharing ressources and data between the host website and added one very difficult and needed crazy work arounds. So today one would look at other presentation frameworks for example java Portellts, while a great technology the overhead and night mare it was to work with left many people rather build a new one. In the current times the framework <a href="https://google.com/search?q=module federation">Module Federation</a> has picked up Steam. It allows to Natively Integrate exported Components on a configured Website, while its still a bit of work to configure, its still less and allows connections to a majority of modern frontend frameworks
+
+<iframe src="https://eai-presentation-frameworks.illegalesachen.download/" height="800px" />
+
+# this is hidden?
+
+The Microfrontend is inserted as an IFrame otherwise check it out
+<a target="_blank" href="https://eai-presentation-frameworks.illegalesachen.download/">here</a> 
+as fullpage.
+

src/content/blog/university/eai.md

@@ -2,18 +2,37 @@
 title: "eai"
 description: "Lorem ipsum dolor sit amet"
 pubDate: "Jul 08 2022"
+gitLink: "https://github.com/Juli0n21/eai"
 ---
 
 <style is:global>
 h1,
 h2,
 h3,
-h4, ul li { color: #c8cacb }
-body { background: #171a1c }
-.wrapper, nav::after  {background: #22282a }
-p, a, ul { color: #cda637 }
-img {
-    border: 10px solid;
+h4, ul li { color: #1e3a8a }
+body, table { background: #9ca3af }
+.wrapper, nav::after  {background: #f1f5f9 }
+p, a, ul { color: #000000 }
+img, iframe, td {
+    border: 5px solid;
     border-color: #aaaeaf;
 }
 </style>
+
+# Enterprise Application Integration - Grand Finale
+
+We build a website to show of the diffrent layers and Techniques used in eai, we set ourself the goal to build a webshop, we ended up with 3 backend components and 4 frontend ones, first we started with Microservices as backend having each their own database. A CRM, IMS and PMS those where build using diffrent languages and frameworks, each service got their own microfrontends aswell, lastly a portal that was managed using module federation and the routing of the independent services happend over a wos2 integrator a Enterprise service bus
+
+Try it out, and play around 
+
+<IFrame src="https://eai.illegalesachen.download" height="800px" />
+
+#
+
+The other Services are reachable here
+
+| Service | Backend (OpenAPI/Swagger) | Frontend |
+| :--- | :--- | :--- |
+| **Customers** | [Swagger UI](https://eai-customers.illegalesachen.download/swagger/index.html) | [Customer Dashboard](https://eai.illegalesachen.download/customers) |
+| **Products** | [Swagger UI](https://eai-products.illegalesachen.download/swagger-ui/index.html) | [Product Catalog](https://eai.illegalesachen.download/products) |
+| **Orders** | [Swagger UI](https://eai-orders.illegalesachen.download/orders/q/swagger-ui) | [Order Management](https://eai.illegalesachen.download/orders) |

src/content/blog/university/eai.xmpp.md

@@ -10,12 +10,27 @@ h2,
 h3,
 h4, 
 ul li,
-figcaption::before { color: #bb4d00 }
-body {background: #27272a }
+figcaption::before { color: #ff5faf }
+body {background: #1e1e1e }
 .wrapper, nav::after  {background: #18181b }
-p, a, ul { color: #e2e2e2}
-img {
-    border: 10px solid;
-    border-color: #bb4d00; 
+p, a, ul { color: #fff }
+img, iframe {
+    border: 5px solid;
+    border-color: #ff5faf; 
 }
 </style>
+
+# Terminal XMPP client setup
+
+In this lecture we talked about Message based integration and looked at some Technologies
+To deepen the Lecture we created a custom Xmpp client that implements common features to a terminal based xmpp client should have.
+
+- Creating a public channel, where multiple users can join
+- See Online Users
+![publicChat](@assets/eai-xmpp/publicChat.png)
+
+- Write Private Chat Messages
+- write them with `/msg Username [message]
+![privateChat](@assets/eai-xmpp/privateChat.png)
+
+switch with Tab

src/content/blog/university/gc-project.md

@@ -19,3 +19,7 @@ img {
     border-color: #bb4d00; 
 }
 </style>
+
+# Computer-Graphics
+
+<IFrame src="https://computer-graphics.illegalesachen.download" height="800px" />