add more uni stuff

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) |