add tailwind, update favicon, update readme, add github icon

astone123 · Nov 20, 2023 · 4c09d10 · 4c09d10
1 parent c5946c7
commit 4c09d10
Show file tree

Hide file tree

Showing 11 changed files with 351 additions and 79 deletions.
diff --git a/README.md b/README.md
@@ -1,47 +1,5 @@
-# Astro Starter Kit: Minimal
+# stonelord.dev
 
-```sh
-npm create astro@latest -- --template minimal
-```
+### My personal site with some information about me
 
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal)
-[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/minimal)
-[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/minimal/devcontainer.json)
-
-> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
-
-## 🚀 Project Structure
-
-Inside of your Astro project, you'll see the following folders and files:
-
-```text
-/
-├── public/
-├── src/
-│   └── pages/
-│       └── index.astro
-└── package.json
-```
-
-Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
-
-There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
-
-Any static assets, like images, can be placed in the `public/` directory.
-
-## 🧞 Commands
-
-All commands are run from the root of the project, from a terminal:
-
-| Command                   | Action                                           |
-| :------------------------ | :----------------------------------------------- |
-| `npm install`             | Installs dependencies                            |
-| `npm run dev`             | Starts local dev server at `localhost:4321`      |
-| `npm run build`           | Build your production site to `./dist/`          |
-| `npm run preview`         | Preview your build locally, before deploying     |
-| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
-| `npm run astro -- --help` | Get help using the Astro CLI                     |
-
-## 👀 Want to learn more?
-
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+Built with [Astro](https://astro.build/)
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -1,8 +1,9 @@
 import { defineConfig } from 'astro/config';
-
 import preact from "@astrojs/preact";
 
+import tailwind from "@astrojs/tailwind";
+
 // https://astro.build/config
 export default defineConfig({
-  integrations: [preact()]
+  integrations: [preact(), tailwind()]
 });
diff --git a/package.json b/package.json
@@ -13,7 +13,9 @@
   },
   "dependencies": {
     "@astrojs/preact": "^3.0.1",
+    "@astrojs/tailwind": "^5.0.2",
     "astro": "^3.3.2",
-    "preact": "^10.6.5"
+    "preact": "^10.6.5",
+    "tailwindcss": "^3.0.24"
   }
 }
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/github-mark-white.svg b/public/github-mark-white.svg
diff --git a/public/github-mark.svg b/public/github-mark.svg
diff --git a/src/components/Name.tsx b/src/components/Name.tsx
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,16 +1,26 @@
 ---
-import { Name } from "../components/Name";
+
 ---
 
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width" />
     <meta name="generator" content={Astro.generator} />
-    <title>Astro</title>
+    <title>stonelord.dev</title>
   </head>
-  <body>
-    <h1><Name /></h1>
+  <body class="dark:text-white dark:bg-slate-800">
+    <div class="mx-[20%]">
+      <div class="w-100 flex justify-end mr-[10px] mt-[10px]">
+        <a href="https://github.com/astone123/stonelord.dev">
+          <img class="dark:hidden" src="/github-mark.svg" width="30" />
+          <img class="dark:visible" src="/github-mark-white.svg" width="30" />
+        </a>
+      </div>
+      <div class="my-[20%]">
+        <h1>Hi, I'm Adam</h1>
+      </div>
+    </div>
   </body>
 </html>
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+	theme: {
+		extend: {},
+	},
+	plugins: [],
+}