feat: add cross platform css prefix

backend/server.js

@@ -1,11 +1,13 @@
-const express = require('express');
+const express = require("express");
 const cors = require("cors");
-bodyParser = require('body-parser');
+bodyParser = require("body-parser");
 const app = express();
 
-app.use(cors({
-  origin: 'https://complai.de/'
-}));
+app.use(
+  cors({
+    origin: "https://complai.de/",
+  })
+);
 
 // support parsing of application/json type post data
 app.use(bodyParser.json());
@@ -15,14 +17,14 @@ app.use(bodyParser.urlencoded({ extended: true }));
 
 app.route("/register").get((req, res) => {
   // check static beta invitation code
-  const {email, code} = req.body;
+  const { email, code } = req.body;
 
   if (code === "SOMECODE") {
     res.status(200).end(true);
   } else {
     res.status(403).end(false);
   }
-})
+});
 
 var companies = [];
 
@@ -38,7 +40,7 @@ class Company {
 
 // Put new company
 app.route("/company").post((req, res) => {
-  const {email, code, nace, region, size, name} = req.body;
+  const { email, code, nace, region, size, name } = req.body;
 
   if (code !== "SOMECODE") {
     res.status(403).end(false);
@@ -47,17 +49,17 @@ app.route("/company").post((req, res) => {
 
   var id = companies.push(new Company(email, nace, region, size, name));
   res.status(200).end(id);
-})
+});
 
 // Poll notifications for company
 app.route("/interpretLaw").post((req, res) => {
-  const {id, lawtext} = req.body;
+  const { id, lawtext } = req.body;
   getResponse(lawtext, id, res);
 });
 
-app.listen(8543, ()=>{
-    console.log('server is runing at port 8543')
-  });
+app.listen(8543, () => {
+  console.log("server is runing at port 8543");
+});
 
 async function getResponse(lawtext, id, res) {
   const { Configuration, OpenAIApi } = require("openai");
@@ -68,7 +70,11 @@ async function getResponse(lawtext, id, res) {
   const openai = new OpenAIApi(configuration);
 
   const company = companies[id];
-  const prompt = "Betriff eine Firma mit NACE code " + company.nace + " das folgende Gesetzt? Dann, und nur dann, geben Sie in der nächsten Zeile ausführliche Empfehlungen an Unternehmen, die diese Dienste anbieten, zum Umgang mit diesem Gesetz:\n" + lawtext;
+  const prompt =
+    "Betriff eine Firma mit NACE code " +
+    company.nace +
+    " das folgende Gesetzt? Dann, und nur dann, geben Sie in der nächsten Zeile ausführliche Empfehlungen an Unternehmen, die diese Dienste anbieten, zum Umgang mit diesem Gesetz:\n" +
+    lawtext;
   console.log("sending to openai: " + prompt);
 
   try {
@@ -79,12 +85,12 @@ async function getResponse(lawtext, id, res) {
       max_tokens: 1000,
       top_p: 1,
       frequency_penalty: 0,
-      presence_penalty: 0
+      presence_penalty: 0,
     });
 
     console.log("got from openai: " + JSON.stringify(response.data));
     res.status(200).end(history + response.data.choices[0].text);
-  } catch(error) {
+  } catch (error) {
     console.error(error.response.status, error.response.data);
     res.status(error.response.status).json(error.response.data);
   }

frontend/src/lib/components/Liquid.svelte

@@ -7,12 +7,6 @@ Codepen: https://codepen.io/supah/
 
 -->
 <div>
-	<div class="wrapper">
-		<div class="ball" />
-		<div class="ball" />
-		<div class="ball" />
-	</div>
-
 	<svg>
 		<defs>
 			<filter id="filter">
@@ -27,6 +21,12 @@ Codepen: https://codepen.io/supah/
 			</filter>
 		</defs>
 	</svg>
+
+	<div class="wrapper">
+		<div class="ball" />
+		<div class="ball" />
+		<div class="ball" />
+	</div>
 </div>
 
 <style lang="scss">
@@ -34,7 +34,6 @@ Codepen: https://codepen.io/supah/
 	$radius: 80px;
 
 	svg {
-		display: none;
 	}
 
 	.wrapper {
@@ -44,6 +43,7 @@ Codepen: https://codepen.io/supah/
 		width: 300px;
 		height: 300px;
 		filter: url('#filter');
+		-webkit-filter: url('#filter');
 	}
 
 	.ball {

frontend/src/lib/style/global.scss

@@ -111,6 +111,7 @@ body {
 	--color-light: #fff;
 	--color-light-raw: #fff;
 	--color-primary: rgb(82, 188, 131); //#005F6A;
+	--color-primary-2: rgb(44, 110, 75); //#005F6A;
 	--color-primary-raw: 82, 188, 131; //#005F6A;
 	--color-secondary: #72ecfa;
 

frontend/src/routes/+page.svelte

@@ -50,7 +50,7 @@
 					<img src="/nicholas.jpeg" />
 				</div>
 				<span>
-					<h3 class="name">Nicholas</h3>
+					<h3 class="name">Nicholas Trofin</h3>
 					<span>Flutter Dev</span>
 				</span>
 			</div>

frontend/svelte.config.js

@@ -1,17 +1,14 @@
 import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/kit/vite';
 import postcssJitProps from 'postcss-jit-props';
+import autoprefixer from 'autoprefixer';
 import OpenProps from 'open-props';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
 	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
 	// for more information about preprocessors
-	preprocess: vitePreprocess({
-		postcss: {
-			plugins: [postcssJitProps(OpenProps)]
-		}
-	}),
+	preprocess: vitePreprocess({}),
 
 	kit: {
 		adapter: adapter()

frontend/vite.config.ts

@@ -1,6 +1,7 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import svg from '@poppanator/sveltekit-svg';
 import type { UserConfig } from 'vite';
+import autoprefixer from 'autoprefixer';
 
 const config: UserConfig = {
 	plugins: [
@@ -20,7 +21,12 @@ const config: UserConfig = {
 				]
 			}
 		})
-	]
+	],
+	css: {
+		postcss: {
+			plugins: [autoprefixer]
+		}
+	}
 };
 
 export default config;