Update

2022-07-21 18:31:50 +02:00 · 2022-07-21 18:31:50 +02:00 · 38b29794a9
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -17,13 +17,17 @@
 		"@playwright/test": "^1.22.2",
 		"@sveltejs/adapter-auto": "next",
 		"@sveltejs/kit": "next",
+		"autoprefixer": "^10.4.7",
 		"eslint": "^8.16.0",
 		"eslint-config-prettier": "^8.3.0",
 		"eslint-plugin-svelte3": "^4.0.0",
+		"postcss": "^8.4.14",
 		"prettier": "^2.6.2",
 		"prettier-plugin-svelte": "^2.7.0",
 		"svelte": "^3.44.0",
 		"svelte-check": "^2.7.1",
+		"svelte-preprocess": "^4.10.7",
+		"tailwindcss": "^3.1.6",
 		"typescript": "^4.7.4",
 		"vite": "^3.0.0"
 	},
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
--- a/src/app.css
+++ b/src/app.css
@ -0,0 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@200;500;600;700&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
--- a/src/app.html
+++ b/src/app.html
@ -4,6 +4,7 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script src="https://kit.fontawesome.com/c1c6b3e09d.js" crossorigin="anonymous"></script>
 		%sveltekit.head%
 	</head>
 	<body>
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@ -0,0 +1,7 @@
+<script>
+  import "../app.css";
+</script>
+
+<div class="font-mono">
+  <slot />
+</div>
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@ -1,2 +1,19 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<svelte:head>
+  <title>ETHBrno²</title>
+</svelte:head>
+
+
+<div class="flex justify-center items-center h-screen bg-[#15202B] text-white transition-all">
+  <div class="text-center px-10 lg:px-4 lg:w-1/2">
+    <div class="text-center mb-8"><img src="/logo-red.png" class="inline-block w-[350px]" /></div>
+    <div class="transition-all text-[#E73845] "><h1 class="text-7xl opacity-100">ETHBrno²</h1></div>
+    <div class="mt-8 text-2xl uppercase tracking-widest font-italic">&gt; Privacy & Security edition &lt;</div>
+    <div class="mt-4 text-sm opacity-50 lowercase">#anonymity #non-kyc #encryption #decentralization #p2p #smartcontracts #audits #vulnerabilities #analytics #wallets #scams #MEV #zeroknowledgeproofs #zkp </div>
+    <div class="mt-8">October 2022 @ Brno, Czech Republic</div>
+    <div class="mt-8 text-3xl transition-all opacity-80">
+      <a href="https://twitter.com/ethbrno" target="_blank"><i class="fab fa-twitter hover:text-[#E73845] transition-all"></i></a>
+      <a href="https://docs.ethbrno.cz/" target="_blank"><i class="fa-solid fa-book hover:text-[#E73845] transition-all"></i></a>
+      <a href="https://github.com/gweicz/ethbrno/" target="_blank"><i class="fa-brands fa-github hover:text-[#E73845] transition-all"></i></a>
+    </div>
+  </div>
+</div>
--- a/static/favicon.png
+++ b/static/favicon.png
--- a/static/logo-bw.png
+++ b/static/logo-bw.png
--- a/static/logo-bw.svg
+++ b/static/logo-bw.svg
--- a/static/logo-red.png
+++ b/static/logo-red.png
--- a/svelte.config.js
+++ b/svelte.config.js
@ -5,7 +5,9 @@ import preprocess from 'svelte-preprocess';
 const config = {
 	// Consult https://github.com/sveltejs/svelte-preprocess
 	// for more information about preprocessors
-	preprocess: preprocess(),
+	preprocess: preprocess({
+    postcss: true
+  }),

 	kit: {
 		adapter: adapter(),
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./src/**/*.{html,js,svelte,ts}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}