feat: final commit

Signed-off-by: Vojtech Mares <iam@vojtechmares.com>
chore(README): rename to websites
2023-12-13 18:20:21 +01:00 · 2023-06-07 09:41:28 +02:00 · 2023-06-06 20:25:44 +02:00 · 2023-06-06 19:31:38 +02:00
70 changed files with 1738 additions and 1268 deletions
--- a/README.md
+++ b/README.md
@ -1,3 +1,3 @@
-# Microsites
+# Websites

-Monorepo of my microsites
+Monorepo of my websites
--- a/package.json
+++ b/package.json
@ -15,7 +15,9 @@
    "format": "prettier --write \"**/*.{js,cjs,mjs,ts,tsx,md,mdx}\""
  },
  "devDependencies": {
-    "eslint-config-custom": "workspace:*",
+    "eslint": "^8.42.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-turbo": "^1.10.1",
    "prettier": "latest",
    "prettier-plugin-tailwindcss": "^0.3.0",
    "turbo": "latest"
--- a/packages/config/package.json
+++ b/packages/config/package.json
@ -1,6 +0,0 @@
-{
-    "name": "config",
-    "version": "0.0.0",
-    "dependencies": {}
-  }
-  
--- a/packages/config/postcss.config.js
+++ b/packages/config/postcss.config.js
@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {}
-  }
-}
--- a/packages/config/tailwind.config.js
+++ b/packages/config/tailwind.config.js
@ -1,11 +0,0 @@
-module.exports = {
-    content: [
-      '../../packages/ui/components/**/*.{ts,tsx}',
-      './src/**/*.{ts,tsx}',
-      '../../packages/ui/**/*.{js,ts,jsx,tsx}',
-    ],
-    theme: {
-      extend: {}
-    },
-    plugins: []
-  }
--- a/packages/content/package.json
+++ b/packages/content/package.json
@ -0,0 +1,5 @@
+{
+  "name": "content",
+  "version": "0.0.0",
+  "private": true
+}
--- a/packages/content/src/training/kubernetes.md
+++ b/packages/content/src/training/kubernetes.md
@ -0,0 +1,11 @@
+---
+title: Kubernetes školení
+slug: kubernetes
+description: TODO
+image: ../images/kubernetes.png
+price:
+  open: 9000
+  corporate: 29000
+days: 2
+featured: true
+---
--- a/packages/content/src/training/terraform.md
+++ b/packages/content/src/training/terraform.md
@ -0,0 +1,11 @@
+---
+title: Terraform školení
+slug: terraform
+description: TODO
+image: ../images/terraform.png
+price:
+  open: 5000
+  corporate: 19000
+days: 1
+featured: false
+---
--- a/packages/eslint-config-custom/index.js
+++ b/packages/eslint-config-custom/index.js
@ -1,7 +0,0 @@
-module.exports = {
-  extends: ["next", "turbo", "prettier"],
-  rules: {
-    "@next/next/no-html-link-for-pages": "off",
-    "react/jsx-key": "off",
-  },
-};
--- a/packages/eslint-config-custom/package.json
+++ b/packages/eslint-config-custom/package.json
@ -1,19 +0,0 @@
-{
-  "name": "eslint-config-custom",
-  "version": "0.0.0",
-  "main": "index.js",
-  "license": "MIT",
-  "dependencies": {
-    "eslint": "^8.0.0",
-    "eslint-config-next": "^13.0.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-react": "7.32.2",
-    "eslint-config-turbo": "latest"
-  },
-  "devDependencies": {
-    "typescript": "^4.7.4"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}
--- a/packages/training-theme/src/Layout.tsx
+++ b/packages/training-theme/src/Layout.tsx
--- a/packages/training-theme/src/components/Container.tsx
+++ b/packages/training-theme/src/components/Container.tsx
--- a/packages/training-theme/src/components/Dates.tsx
+++ b/packages/training-theme/src/components/Dates.tsx
--- a/packages/training-theme/src/components/Footer.tsx
+++ b/packages/training-theme/src/components/Footer.tsx
--- a/packages/training-theme/src/components/Header.tsx
+++ b/packages/training-theme/src/components/Header.tsx
--- a/packages/tsconfig/README.md
+++ b/packages/tsconfig/README.md
@ -1,3 +0,0 @@
-# `tsconfig`
-
-These are base shared `tsconfig.json`s from which all other `tsconfig.json`'s inherit from.
--- a/packages/tsconfig/base.json
+++ b/packages/tsconfig/base.json
@ -1,20 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Default",
-  "compilerOptions": {
-    "composite": false,
-    "declaration": true,
-    "declarationMap": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "inlineSources": false,
-    "isolatedModules": true,
-    "moduleResolution": "node",
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "preserveWatchOutput": true,
-    "skipLibCheck": true,
-    "strict": true
-  },
-  "exclude": ["node_modules"]
-}
--- a/packages/tsconfig/nextjs.json
+++ b/packages/tsconfig/nextjs.json
@ -1,22 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Next.js",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "incremental": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve"
-  },
-  "include": ["src", "next-env.d.ts"],
-  "exclude": ["node_modules"]
-}
--- a/packages/tsconfig/package.json
+++ b/packages/tsconfig/package.json
@ -1,10 +0,0 @@
-{
-  "name": "tsconfig",
-  "version": "0.0.0",
-  "private": true,
-  "files": [
-    "base.json",
-    "nextjs.json",
-    "react-library.json"
-  ]
-}
--- a/packages/tsconfig/react-library.json
+++ b/packages/tsconfig/react-library.json
@ -1,11 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "React Library",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "lib": ["ES2015"],
-    "module": "ESNext",
-    "target": "es6"
-  }
-}
--- a/packages/ui/Button.tsx
+++ b/packages/ui/Button.tsx
@ -1,4 +0,0 @@
-import * as React from "react";
-export const Button = () => {
-  return <button>Boop</button>;
-};
--- a/packages/ui/index.tsx
+++ b/packages/ui/index.tsx
@ -1,2 +0,0 @@
-import * as React from "react";
-export * from "./Button";
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@ -1,19 +0,0 @@
-{
-  "name": "ui",
-  "version": "0.0.0",
-  "main": "./index.tsx",
-  "types": "./index.tsx",
-  "license": "MIT",
-  "scripts": {
-    "lint": "eslint *.ts*"
-  },
-  "devDependencies": {
-    "@types/react": "^18.0.17",
-    "@types/react-dom": "^18.0.6",
-    "eslint": "^8.0.0",
-    "eslint-config-custom": "workspace:*",
-    "react": "^18.2.0",
-    "tsconfig": "workspace:*",
-    "typescript": "^4.5.2"
-  }
-}
--- a/packages/ui/postcss.config.js
+++ b/packages/ui/postcss.config.js
@ -1 +0,0 @@
-module.exports = require('config/postcss.config')
--- a/packages/ui/tailwind.config.js
+++ b/packages/ui/tailwind.config.js
@ -1 +0,0 @@
-module.exports = require('config/tailwind.config')
--- a/packages/ui/tsconfig.json
+++ b/packages/ui/tsconfig.json
@ -1,5 +0,0 @@
-{
-  "extends": "tsconfig/react-library.json",
-  "include": ["."],
-  "exclude": ["dist", "build", "node_modules"]
-}
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/sites/argocd-skoleni.cz/next.config.js
+++ b/sites/argocd-skoleni.cz/next.config.js
@ -1,5 +0,0 @@
-const withTM = require("next-transpile-modules")(["ui"]);
-
-module.exports = withTM({
-  reactStrictMode: true,
-});
--- a/sites/argocd-skoleni.cz/package.json
+++ b/sites/argocd-skoleni.cz/package.json
@ -1,28 +0,0 @@
-{
-  "name": "argocd-skoleni.cz",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "next": "13.4.4",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "ui": "workspace:*",
-    "config": "workspace:*"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "eslint-config-custom": "workspace:*",
-    "eslint": "8.41.0",
-    "next-transpile-modules": "10.0.0",
-    "tsconfig": "workspace:*",
-    "@types/node": "^18.0.0",
-    "@types/react": "18.2.7",
-    "typescript": "^4.5.3"
-  }
-}
--- a/sites/argocd-skoleni.cz/postcss.config.js
+++ b/sites/argocd-skoleni.cz/postcss.config.js
@ -1 +0,0 @@
-module.exports = require('config/postcss.config')
--- a/sites/argocd-skoleni.cz/src/pages/index.tsx
+++ b/sites/argocd-skoleni.cz/src/pages/index.tsx
@ -1,10 +0,0 @@
-import { Button } from "ui";
-
-export default function Web() {
-  return (
-    <div>
-      <h1>argocd-skoleni.cz</h1>
-      <Button />
-    </div>
-  );
-}
--- a/sites/argocd-skoleni.cz/tailwind.config.js
+++ b/sites/argocd-skoleni.cz/tailwind.config.js
@ -1 +0,0 @@
-module.exports = require('config/tailwind.config')
--- a/sites/argocd-skoleni.cz/tsconfig.json
+++ b/sites/argocd-skoleni.cz/tsconfig.json
@ -1,5 +0,0 @@
-{
-  "extends": "tsconfig/nextjs.json",
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}
--- a/sites/kubernetes-skoleni.cz/.eslintrc.js
+++ b/sites/kubernetes-skoleni.cz/.eslintrc.js
@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ["custom"],
-};
--- a/sites/kubernetes-skoleni.cz/README.md
+++ b/sites/kubernetes-skoleni.cz/README.md
@ -1,30 +0,0 @@
-## Getting Started
-
-First, run the development server:
-
-```bash
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
--- a/sites/kubernetes-skoleni.cz/next-env.d.ts
+++ b/sites/kubernetes-skoleni.cz/next-env.d.ts
@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
--- a/sites/kubernetes-skoleni.cz/next.config.js
+++ b/sites/kubernetes-skoleni.cz/next.config.js
@ -1,5 +0,0 @@
-const withTM = require("next-transpile-modules")(["ui"]);
-
-module.exports = withTM({
-  reactStrictMode: true,
-});
--- a/sites/kubernetes-skoleni.cz/package.json
+++ b/sites/kubernetes-skoleni.cz/package.json
@ -1,28 +0,0 @@
-{
-  "name": "kubernetes-skoleni.cz",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "next": "13.4.4",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "ui": "workspace:*",
-    "config": "workspace:*"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "eslint-config-custom": "workspace:*",
-    "eslint": "8.41.0",
-    "next-transpile-modules": "10.0.0",
-    "tsconfig": "workspace:*",
-    "@types/node": "^18.0.0",
-    "@types/react": "18.2.7",
-    "typescript": "^4.5.3"
-  }
-}
--- a/sites/kubernetes-skoleni.cz/postcss.config.js
+++ b/sites/kubernetes-skoleni.cz/postcss.config.js
@ -1 +0,0 @@
-module.exports = require('config/postcss.config')
--- a/sites/kubernetes-skoleni.cz/src/pages/index.tsx
+++ b/sites/kubernetes-skoleni.cz/src/pages/index.tsx
@ -1,10 +0,0 @@
-import { Button } from "ui";
-
-export default function Web() {
-  return (
-    <div>
-      <h1>kubernetes-skoleni.cz</h1>
-      <Button />
-    </div>
-  );
-}
--- a/sites/kubernetes-skoleni.cz/tailwind.config.js
+++ b/sites/kubernetes-skoleni.cz/tailwind.config.js
@ -1 +0,0 @@
-module.exports = require('config/tailwind.config')
--- a/sites/kubernetes-skoleni.cz/tsconfig.json
+++ b/sites/kubernetes-skoleni.cz/tsconfig.json
@ -1,5 +0,0 @@
-{
-  "extends": "tsconfig/nextjs.json",
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}
--- a/sites/r11y.news/.eslintrc.js
+++ b/sites/r11y.news/.eslintrc.js
@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ["custom"],
-};
--- a/sites/r11y.news/README.md
+++ b/sites/r11y.news/README.md
@ -1,30 +0,0 @@
-## Getting Started
-
-First, run the development server:
-
-```bash
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
--- a/sites/r11y.news/next-env.d.ts
+++ b/sites/r11y.news/next-env.d.ts
@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
--- a/sites/r11y.news/next.config.js
+++ b/sites/r11y.news/next.config.js
@ -1,5 +0,0 @@
-const withTM = require("next-transpile-modules")(["ui"]);
-
-module.exports = withTM({
-  reactStrictMode: true,
-});
--- a/sites/r11y.news/postcss.config.js
+++ b/sites/r11y.news/postcss.config.js
@ -1 +0,0 @@
-module.exports = require('config/postcss.config')
--- a/sites/r11y.news/src/pages/index.tsx
+++ b/sites/r11y.news/src/pages/index.tsx
@ -1,10 +0,0 @@
-import { Button } from "ui";
-
-export default function Web() {
-  return (
-    <div>
-      <h1>Web</h1>
-      <Button />
-    </div>
-  );
-}
--- a/sites/r11y.news/tailwind.config.js
+++ b/sites/r11y.news/tailwind.config.js
@ -1 +0,0 @@
-module.exports = require('config/tailwind.config')
--- a/sites/r11y.news/tsconfig.json
+++ b/sites/r11y.news/tsconfig.json
@ -1,5 +0,0 @@
-{
-  "extends": "tsconfig/nextjs.json",
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}
--- a/sites/terraform-skoleni.cz/.eslintrc.js
+++ b/sites/terraform-skoleni.cz/.eslintrc.js
--- a/sites/terraform-skoleni.cz/README.md
+++ b/sites/terraform-skoleni.cz/README.md
--- a/sites/terraform-skoleni.cz/app/layout.tsx
+++ b/sites/terraform-skoleni.cz/app/layout.tsx
@ -0,0 +1,27 @@
+import { Footer } from 'components/Footer';
+import 'styles/global.css';
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: {
+    default: 'Terraform školení - Vojtěch Mareš',
+    template: '%s | Next.js App Router',
+  },
+  description:
+    'Terraform školení pro začátečníky i pokročilé | Školí Vojtěch Mareš - DevOps konzultant, lektor a mentor',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="cs">
+      <body>
+        {children}
+        <Footer />
+      </body>
+    </html>
+  );
+}
--- a/sites/terraform-skoleni.cz/app/page.tsx
+++ b/sites/terraform-skoleni.cz/app/page.tsx
@ -0,0 +1,26 @@
+import { Container } from "components/Container";
+
+import { Hero } from "../components/Hero";
+import { Dates } from "../components/Dates";
+import { Price } from "../components/Price";
+import { CourseDetails } from "components/CourseDetails";
+
+export default function Page() {
+  return (
+    <>
+      <main>
+        <Hero />
+        <div className="bg-amber-500 h-8" />
+        {/* <Dates /> */}
+        <Container className="mt-12 md:grid md:grid-cols-5 md:gap-x-4 md:gap-y-4">
+            <div className="md:col-span-3">
+              <CourseDetails />
+            </div>
+            <div className="mt-8 md:col-span-2 md:mt-0">
+              <Price />
+            </div>
+        </Container>
+      </main>
+    </>
+  );
+}
--- a/sites/terraform-skoleni.cz/components/Button.tsx
+++ b/sites/terraform-skoleni.cz/components/Button.tsx
@ -0,0 +1,75 @@
+import Link from "next/link";
+import clsx from "clsx";
+import { ReactNode } from "react";
+
+const baseStyles = {
+  solid:
+    "group inline-flex items-center justify-center rounded-full font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
+  outline:
+    "group inline-flex ring-1 items-center justify-center rounded-full focus:outline-none",
+};
+
+const variantStyles = {
+  solid: {
+    black:
+      "bg-black text-white hover:bg-slate-700 active:bg-slate-800 focus-visible:outline-slate-900",
+    amber:
+      "bg-amber-500 text-white hover:bg-amber-600 active:bg-amber-800 focus-visible:outline-amber-500",
+    white:
+      "bg-white text-black hover:bg-amber-50 active:bg-amber-200 focus-visible:outline-white",
+  },
+  outline: {
+    black:
+      "ring-slate-200 text-black hover:ring-slate-300 active:bg-slate-100 focus-visible:outline-amber-500 focus-visible:ring-slate-300",
+    white:
+      "ring-slate-700 text-white hover:ring-slate-500 active:ring-slate-700 focus-visible:outline-white",
+    amber: "", // Outline buttons cannot be amber
+  },
+};
+
+const transitionStyle = "transition duration-150 ease-in-out";
+
+const sizeStyles = {
+  medium: "px-4 py-2 text-sm",
+  large: "px-8 py-4 text-base",
+};
+
+type Props = {
+  variant?: "solid" | "outline";
+  color?: "black" | "white" | "amber";
+  size?: "medium" | "large";
+  className?: string;
+  href?: string;
+  children?: ReactNode;
+};
+
+export function Button({
+  variant = "solid",
+  color = "black",
+  size = "medium",
+  className,
+  href,
+  children,
+}: Props) {
+  if (variant === "outline" && color === "amber") {
+    throw new Error("Outline buttons cannot be amber");
+  }
+
+  className = clsx(
+    baseStyles[variant],
+    variantStyles[variant][color],
+    sizeStyles[size],
+    transitionStyle,
+    className
+  );
+
+  if (href !== undefined) {
+    return (
+      <Link href={href} className={className}>
+        {children}
+      </Link>
+    );
+  } else {
+    return <button className={className}>{children}</button>;
+  }
+}
--- a/sites/terraform-skoleni.cz/components/Container.tsx
+++ b/sites/terraform-skoleni.cz/components/Container.tsx
@ -0,0 +1,15 @@
+import clsx from "clsx";
+import { ReactNode } from "react";
+
+type Props = {
+  className?: string;
+  children?: ReactNode;
+};
+
+export function Container({ className, children }: Props) {
+  return (
+    <div className={clsx("mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", className)}>
+      {children}
+    </div>
+  );
+}
--- a/sites/terraform-skoleni.cz/components/CourseDetails.tsx
+++ b/sites/terraform-skoleni.cz/components/CourseDetails.tsx
@ -0,0 +1,44 @@
+export function CourseDetails() {
+  return (
+    <>
+      <h1 className="text-2xl font-medium">Co to je Terraform a k čemu se používá?</h1>
+      <p className="text-slate-700">
+      Terraform je nástroj, který se používá ke správě infrastruktury v cloudu, jak veřejném (AWS, Azure, GCP), tak privátním (OpenStack, VMware vSphere).
+      Terraform Vám umožní spravovat infrastruktutru jako kód, to znamená verzovanou v Gitu, přidávání resources pomocí merge (pull) requestů a mnoho dalších výhod. Infrastrukturu můžete dále nasadit do testovacího prostředí přesně tak, jako je v produkci bez zbytečného úsilí. O všech komponentách máte přehled a můžete predikovat ceny. Konec klikání infrastruktury, zkuste Terraform.
+      Terraform umožnuje spravovat více cloudových providerů současne, zároveň umožnuje pracovat s hibridními cloudy (část v privátním cloudu, část ve veřejném).
+      </p>
+
+      <h1 className="text-2xl font-medium">Jak školení probíhá</h1>
+      <p className="text-slate-700">Školení je formou workshopu, všechno si podrobně vyzkoušíme a vysvětlíme. Ukážeme si jak Terraform pracuje, jak jej používat v teamu a jak jím spravovat infrastukturu. Uděláme si příklad infrastruktury jednoduché aplikace, kde nastavíme vše - od DNS, přes Kubernetes cluster po S3 file storage.</p>
+
+      <h1 className="text-2xl font-medium">Co Vás naučím</h1>
+      <ul>
+        <li className="my-0">Základní koncept Terraformu a "Infrastructure as Code"</li>
+        <li className="my-0">Výhody Terraformu proti Ansible, Puppetu, ...</li>
+        <li className="my-0">Konfigurace Terraformu pro práci v teamu</li>
+        <li className="my-0">Ovládání Terraform CLI</li>
+        <li className="my-0">Úvod do Terraform Configuration Language (HCL)</li>
+        <li className="my-0">Terraform Providers - napojení na cloudy</li>
+        <li className="my-0">Práce s resources v Terraformu</li>
+        <li className="my-0">Terraform moduly</li>
+        <li className="my-0">Best Practice</li>
+      </ul>
+
+      <h1 className="text-2xl font-medium">Pro koho je školení určeno</h1>
+      <p className="text-slate-700">Školení je určeno pro DevOps a adminy, kteří chtějí lépe a efektivněji spravovat infrastrukturu. Zároveň také pro vývojáře, kteří se starají o nejakou infrastrukturu v cloudech.</p>
+
+      <h1 className="text-2xl font-medium">Předchozí znalosti</h1>
+      <ul>
+        <li className="my-0">Základní znalost veřejných cloudů (AWS, DigitalOcean, Azure, ...)</li>
+        <li className="my-0">Základy práce v terminálu</li>
+      </ul>
+
+      <h1 className="text-2xl font-medium">Technické požadavky</h1>
+      <ul>
+        <li className="my-0">Nainstalovaný Terraform</li>
+        <li className="my-0">Přístup na internet (ideálně bez korporatni proxy)</li>
+        <li className="my-0">Vlastní účet v DigitalOceanu výhodou</li>
+      </ul>
+    </>
+  );
+}
--- a/sites/terraform-skoleni.cz/components/Dates.tsx
+++ b/sites/terraform-skoleni.cz/components/Dates.tsx
@ -0,0 +1,35 @@
+export function Dates() {
+  return (
+      <div className="mt-8 mx-auto max-w-3xl px-4 sm:px-6 lg:px-8">
+        <h2 className="text-4xl">Veřejné termíny</h2>
+        <div className="mt-8 flow-root">
+          <div className="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
+            <div className="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
+              <table className="min-w-full divide-y divide-gray-300">
+                <thead>
+                  <tr>
+                    <th scope="col" className="py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900 sm:pl-0">Místo</th>
+                    <th scope="col" className="px-3 py-3.5 text-left font-semibold text-gray-900">Datum</th>
+                    <th scope="col" className="px-3 py-3.5 text-left font-semibold text-gray-900">Volná místa?</th>
+                    <th scope="col" className="relative py-3.5 pl-3 pr-4 sm:pr-0">
+                      <span className="sr-only">Registrovat</span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-gray-200">
+                  <tr>
+                    <td className="whitespace-nowrap py-4 pl-4 pr-3 font-medium text-gray-900 sm:pl-0">Praha</td>
+                    <td className="whitespace-nowrap px-3 py-4 text-gray-500">30. května 2023</td>
+                    <td className="whitespace-nowrap px-3 py-4 text-gray-500">Ano</td>
+                    <td className="relative whitespace-nowrap py-4 pl-3 pr-4 text-right font-medium sm:pr-0">
+                      <a href="#" className="underline">Registrovat<span className="sr-only">, na termín školení</span></a>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+  )
+}
--- a/sites/terraform-skoleni.cz/components/Footer.tsx
+++ b/sites/terraform-skoleni.cz/components/Footer.tsx
@ -0,0 +1,159 @@
+import Link from "next/link";
+
+import { Container } from "./Container";
+import { Button } from "./Button";
+
+export function Footer() {
+  return (
+    <footer className="bg-slate-50">
+      <Container className="py-8">
+        <div className="py-4">
+          <div className="grid grid-cols-1 gap-y-6 lg:grid-cols-4 lg:gap-4">
+            <div>
+              <h4 className="text-lg font-medium">Vojtěch Mareš</h4>
+              <ul className="mt-4 list-none">
+                <li>
+                  <Link href="tel:+420732490651" className="underline">
+                    +420 732 490 651
+                  </Link>
+                </li>
+                <li>
+                  <Link
+                    href="mailto:iam@vojtechmares.com"
+                    className="underline"
+                  >
+                    iam@vojtechmares.com
+                  </Link>
+                </li>
+                <li className="mt-4">
+                  Company ID
+                  <br />
+                  <code id="company-id">06999280</code>
+                </li>
+                <li className="mt-2">
+                  VAT ID
+                  <br />
+                  <code id="vat-id">CZ9709180063</code>
+                </li>
+              </ul>
+            </div>
+            <div>
+              <h3 className="text-lg font-medium">Další školení</h3>
+              <ul className="mt-4 list-disc pl-4">
+                <li>
+                  <Link href="https://www.vojtechmares.com/skoleni/kubernetes" className="underline">
+                    Kubernetes
+                  </Link>
+                </li>
+                <li>
+                  <Link href="https://www.vojtechmares.com/skoleni/git" className="underline">Git</Link>
+                </li>
+                <li>
+                  <Link href="https://www.vojtechmares.com/skoleni/terraform" className="underline">
+                    Terraform
+                  </Link>
+                </li>
+                <li>
+                  <Link href="https://www.vojtechmares.com/skoleni/argocd" className="underline">ArgoCD</Link>
+                </li>
+              </ul>
+            </div>
+            <div>
+              <h3 className="text-lg font-medium">Důležité odkazy</h3>
+              <ul className="mt-4 list-disc pl-4">
+                <li>
+                  <Link
+                    href="https://vojtechmares.com/?utm_source=microsite&utm_medium=terraform-skoleni.cz&utm_content=link"
+                    className="underline"
+                  >
+                    vojtechmares.com
+                  </Link>
+                </li>
+                <li>
+                  <Link
+                    href="https://skoleni.io/?utm_source=vojtechmares&utm_medium=vojtechmares-com-website&utm_content=link"
+                    className="underline"
+                    target="_blank"
+                  >
+                    Skoleni.io
+                  </Link>
+                </li>
+                <li>
+                  <Link
+                    href="https://devopsaci.cz/?utm_source=vojtechmares&utm_medium=vojtechmares-com-website&utm_content=link"
+                    className="underline"
+                    target="_blank"
+                  >
+                    DevOpsaci.cz
+                  </Link>
+                </li>
+              </ul>
+            </div>
+            <div>
+              <h3 className="text-lg font-medium">Máte zájem o školení?</h3>
+              <p className="mt-4">
+                TBD.
+              </p>
+              <Button
+                href="mailto:iam@vojtechmares.com"
+                className="mt-5"
+              >
+                Napište mi
+              </Button>
+            </div>
+          </div>
+        </div>
+        <div className="flex flex-col items-center border-t border-slate-400/10 py-10 sm:flex-row-reverse sm:justify-between">
+          <div className="flex gap-x-6">
+            <Link
+              href="https://www.linkedin.com/in/vojtech-mares/"
+              target="_blank"
+              className="group"
+              aria-label="Vojtěch Mareš na LinkedIn"
+            >
+              <svg
+                // role="img"
+                // viewBox="0 0 24 24"
+                // xmlns="http://www.w3.org/2000/svg"
+                aria-hidden="true"
+                className="h-6 w-6 fill-black group-hover:fill-slate-700"
+              >
+                <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
+              </svg>
+            </Link>
+            <Link
+              href="https://twitter.com/vojtechmares_"
+              target="_blank"
+              className="group"
+              aria-label="Vojtěch Mareš na Twitter"
+            >
+              <svg
+                aria-hidden="true"
+                className="h-6 w-6 fill-black group-hover:fill-slate-700"
+              >
+                <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0 0 22 5.92a8.19 8.19 0 0 1-2.357.646 4.118 4.118 0 0 0 1.804-2.27 8.224 8.224 0 0 1-2.605.996 4.107 4.107 0 0 0-6.993 3.743 11.65 11.65 0 0 1-8.457-4.287 4.106 4.106 0 0 0 1.27 5.477A4.073 4.073 0 0 1 2.8 9.713v.052a4.105 4.105 0 0 0 3.292 4.022 4.093 4.093 0 0 1-1.853.07 4.108 4.108 0 0 0 3.834 2.85A8.233 8.233 0 0 1 2 18.407a11.615 11.615 0 0 0 6.29 1.84" />
+              </svg>
+            </Link>
+            <Link
+              href="https://github.com/vojtechmares"
+              target="_blank"
+              className="group"
+              aria-label="Vojtěch Mareš na GitHub"
+            >
+              <svg
+                aria-hidden="true"
+                className="h-6 w-6 fill-black group-hover:fill-slate-700"
+              >
+                <path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0 1 12 6.844a9.59 9.59 0 0 1 2.504.337c1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.02 10.02 0 0 0 22 12.017C22 6.484 17.522 2 12 2Z" />
+              </svg>
+            </Link>
+          </div>
+          <p className="mt-6 text-slate-700 sm:mt-0">
+            Copyright &copy; {new Date().getFullYear()} Vojtěch Mareš. Všechna
+            práva vyhrazena.
+          </p>
+        </div>
+      </Container>
+    </footer>
+  );
+}
--- a/sites/terraform-skoleni.cz/components/Hero.tsx
+++ b/sites/terraform-skoleni.cz/components/Hero.tsx
@ -0,0 +1,34 @@
+import Image from 'next/image';
+import clsx from 'clsx';
+import { Container } from './Container';
+import terraformLogo from '../images/terraform.svg';
+
+export function Hero() {
+  return (
+    <>
+      <div className="bg-black pt-16 pb-16">
+        <Container className="flex flex-col justify-center md:flex-row md:justify-around md:items-end">
+          <Image
+            src={terraformLogo}
+            width="1500"
+            height="1500"
+            alt=""
+            priority
+            className={clsx(
+              "h-32 w-32",
+              terraformLogo.src.endsWith(".svg") ? "invert" : "rounded-full"
+            )}
+          />
+          <div className="self-center">
+            <h1 className="text-center font-display text-5xl font-medium tracking-tight text-white sm:text-7xl leading-10">
+              Terraform školení
+            </h1>
+            <p className="mt-6 max-w-xl text-xl tracking-tight text-slate-100">
+                  Školí: Vojtěch Mareš - DevOps konzultant, lektor a mentor
+            </p>
+          </div>
+        </Container>
+      </div>
+    </>
+  );
+}
--- a/sites/terraform-skoleni.cz/components/Price.tsx
+++ b/sites/terraform-skoleni.cz/components/Price.tsx
@ -0,0 +1,45 @@
+import { Button } from "./Button"
+
+export function Price() {
+  return (
+    <>
+      <div className="mt-8 overflow-hidden rounded-lg bg-slate-50 shadow md:mt-0">
+        <div className="px-4 pt-5 sm:px-6">
+          <h3 className="text-lg font-medium leading-6 text-black">
+            Cena za školení
+          </h3>
+        </div>
+        <div className=" px-4 pb-5 pt-2">
+          <dl className="sm:divide-y sm:divide-slate-400">
+            <div className="py-4 sm:grid sm:grid-cols-2 sm:gap-4 sm:py-5 sm:px-6">
+              <dt className="font-medium text-slate-700">
+                Veřejný termín
+              </dt>
+              <dd className="mt-1 text-black sm:mt-0">
+                5500 CZK bez DPH
+              </dd>
+            </div>
+            <div className="py-4 sm:grid sm:grid-cols-2 sm:gap-4 sm:py-5 sm:px-6">
+              <dt className="font-medium text-slate-700">
+                Firemní školení
+              </dt>
+              <dd className="mt-1 text-black sm:mt-0">
+                19 000 CZK bez DPH
+              </dd>
+            </div>
+          </dl>
+        </div>
+      </div>
+      <div className="mt-8">
+        <Button
+          variant="solid"
+          color="amber"
+          className="w-full text-lg font-medium"
+          href="mailto:iam@vojtechmares.com"
+        >
+          Nezávazně poptat
+        </Button>
+      </div>
+    </>
+  )
+}
--- a/sites/terraform-skoleni.cz/images/terraform.png
+++ b/sites/terraform-skoleni.cz/images/terraform.png
--- a/sites/terraform-skoleni.cz/images/terraform.svg
+++ b/sites/terraform-skoleni.cz/images/terraform.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Terraform</title><path d="M1.44 0v7.575l6.561 3.79V3.787zm21.12 4.227l-6.561 3.791v7.574l6.56-3.787zM8.72 4.23v7.575l6.561 3.787V8.018zm0 8.405v7.575L15.28 24v-7.578z"/></svg>
--- a/sites/terraform-skoleni.cz/next-env.d.ts
+++ b/sites/terraform-skoleni.cz/next-env.d.ts
--- a/sites/terraform-skoleni.cz/next.config.js
+++ b/sites/terraform-skoleni.cz/next.config.js
@ -0,0 +1,6 @@
+const nextConfig = {
+  transpilePackages: ['ui'],
+  reactStrictMode: true,
+};
+
+module.exports = nextConfig;
--- a/sites/terraform-skoleni.cz/package.json
+++ b/sites/terraform-skoleni.cz/package.json
@ -1,5 +1,5 @@
 {
-  "name": "r11y.news",
+  "name": "terraform-skoleni.cz",
  "version": "0.0.0",
  "private": true,
  "scripts": {
@ -9,20 +9,20 @@
    "lint": "next lint"
  },
  "dependencies": {
+    "clsx": "^1.2.1",
    "next": "13.4.4",
    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "ui": "workspace:*",
-    "config": "workspace:*"
+    "react-dom": "18.2.0"
  },
  "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "eslint-config-custom": "workspace:*",
-    "eslint": "8.41.0",
-    "next-transpile-modules": "10.0.0",
-    "tsconfig": "workspace:*",
-    "@types/node": "^18.0.0",
+    "@babel/core": "^7.22.1",
+    "@types/node": "^18.16.16",
    "@types/react": "18.2.7",
-    "typescript": "^4.5.3"
+    "autoprefixer": "^10.4.14",
+    "eslint": "8.41.0",
+    "eslint-config-next": "^13.0.0",
+    "postcss": "^8.4.24",
+    "tailwindcss": "^3.3.2",
+    "typescript": "5.1.3"
  }
 }
--- a/sites/terraform-skoleni.cz/postcss.config.js
+++ b/sites/terraform-skoleni.cz/postcss.config.js
@ -0,0 +1,8 @@
+// If you want to use other PostCSS plugins, see the following:
+// https://tailwindcss.com/docs/using-with-preprocessors
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
--- a/sites/terraform-skoleni.cz/styles/global.css
+++ b/sites/terraform-skoleni.cz/styles/global.css
@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
--- a/sites/terraform-skoleni.cz/tailwind.config.js
+++ b/sites/terraform-skoleni.cz/tailwind.config.js
@ -0,0 +1,10 @@
+module.exports = {
+  content: [
+    './components/**/*.{ts,tsx}',
+    './app/**/*.{ts,tsx}',
+  ],
+  theme: {
+    extend: {}
+  },
+  plugins: []
+}
--- a/sites/terraform-skoleni.cz/tsconfig.json
+++ b/sites/terraform-skoleni.cz/tsconfig.json
@ -0,0 +1,44 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "composite": false,
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "inlineSources": false,
+    "isolatedModules": true,
+    "moduleResolution": "node",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "preserveWatchOutput": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "noEmit": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
Author	SHA1	Message	Date
Vojtech Mares	7b5d149ecc	feat: final commit Signed-off-by: Vojtech Mares <iam@vojtechmares.com>	2023-12-13 18:20:21 +01:00
Vojtech Mares	517a25d91d	chore(README): rename to websites	2023-06-07 09:41:28 +02:00
Vojtech Mares	ada7eb3cdd	refactor: drop everything and start again - too many packages - packages were too general - the repo was hard to work with - sites were too connected to packages - difficult to do stuff after a while	2023-06-06 20:25:44 +02:00
Vojtech Mares	358e6e59e3	chore(deps): sync pnpm-lock.yaml with current package.json	2023-06-06 19:31:38 +02:00
				`@ -1 +0,0 @@`
				`module.exports = require('config/postcss.config')`
				`@ -1 +0,0 @@`
				`module.exports = require('config/tailwind.config')`
				`@ -0,0 +1 @@`
				`<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Terraform</title><path d="M1.44 0v7.575l6.561 3.79V3.787zm21.12 4.227l-6.561 3.791v7.574l6.56-3.787zM8.72 4.23v7.575l6.561 3.787V8.018zm0 8.405v7.575L15.28 24v-7.578z"/></svg>`