diff --git a/index.html b/index.html
index 5d51ded..90a22c5 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,14 @@
-
-
-
-
-
- Tech Blog
-
-
-
-
-
+
+
+
+
+
+ Tech Blog
+
+
+
+
+
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..62bb1d3
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,215 @@
+
+
+
+
diff --git a/src/Blog/SearchHeader/SearchRow/Logo/Logo.tsx b/src/Blog/SearchHeader/SearchRow/Logo/Logo.tsx
index 4d0727d..6b2f902 100644
--- a/src/Blog/SearchHeader/SearchRow/Logo/Logo.tsx
+++ b/src/Blog/SearchHeader/SearchRow/Logo/Logo.tsx
@@ -1,3 +1,3 @@
export function Logo() {
- return ![]()
;
+ return 
;
}
diff --git a/src/Blog/SearchHeader/SearchRow/SearchButton/SearchButton.tsx b/src/Blog/SearchHeader/SearchRow/SearchButton/SearchButton.tsx
index c0919e1..0182b3a 100644
--- a/src/Blog/SearchHeader/SearchRow/SearchButton/SearchButton.tsx
+++ b/src/Blog/SearchHeader/SearchRow/SearchButton/SearchButton.tsx
@@ -1,3 +1,9 @@
+import Button from "@mui/material/Button";
+
export function SearchButton() {
- return ;
+ return (
+
+ );
}
diff --git a/src/Blog/SearchHeader/SearchRow/SearchRow.tsx b/src/Blog/SearchHeader/SearchRow/SearchRow.tsx
index 6b5e511..dbc8892 100644
--- a/src/Blog/SearchHeader/SearchRow/SearchRow.tsx
+++ b/src/Blog/SearchHeader/SearchRow/SearchRow.tsx
@@ -5,10 +5,23 @@ import { SearchButton } from "./SearchButton/SearchButton";
export function SearchRow() {
return (
-
-
-
-
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/Blog/SearchHeader/SearchRow/SearchTextBox/SearchTextBox.tsx b/src/Blog/SearchHeader/SearchRow/SearchTextBox/SearchTextBox.tsx
index f179631..4a0e8b2 100644
--- a/src/Blog/SearchHeader/SearchRow/SearchTextBox/SearchTextBox.tsx
+++ b/src/Blog/SearchHeader/SearchRow/SearchTextBox/SearchTextBox.tsx
@@ -1,3 +1,5 @@
+import TextField from "@mui/material/TextField";
+
export function SearchTextBox() {
- return ;
+ return ;
}
diff --git a/src/Blog/SearchHeader/TagCloud/TagCloud.tsx b/src/Blog/SearchHeader/TagCloud/TagCloud.tsx
index 1868c37..6b32f54 100644
--- a/src/Blog/SearchHeader/TagCloud/TagCloud.tsx
+++ b/src/Blog/SearchHeader/TagCloud/TagCloud.tsx
@@ -1,3 +1,5 @@
+import Box from "@mui/material/Box";
+
export function TagCloud() {
- return ;
+ return Tags;
}
diff --git a/src/index.tsx b/src/index.tsx
index cabca66..f4833cd 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,7 +1,6 @@
import { render } from "preact";
import { LocationProvider, Router, Route } from "preact-iso";
-import { Header } from "./components/Header.jsx";
import { Blog } from "./Blog/Blog.js";
import { NotFound } from "./_404.js";
import "./style.css";
@@ -13,7 +12,6 @@ import "@fontsource/roboto/700.css";
export function App() {
return (
-
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..ef8b82a
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,46 @@
+:root {
+ font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ font-weight: 400;
+
+ color: #222;
+ background-color: #ffffff;
+
+ font-synthesis: none;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-text-size-adjust: 100%;
+}
+
+body {
+ margin: 0;
+}
+
+#app {
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+}
+
+/* main {
+ flex: auto;
+ display: flex;
+ align-items: center;
+ max-width: 1280px;
+ margin: 0 auto;
+ text-align: center;
+}
+
+@media (max-width: 639px) {
+ main {
+ margin: 2rem;
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ color: #ccc;
+ background-color: #1a1a1a;
+ }
+} */