README.md

@@ -1,46 +1,26 @@
 # Mercury
 
-Terminal-like blog theme built from [Astro](https://astro.build), still in early beta.
-
-Demo: https://icy-beach-00f5be01e.6.azurestaticapps.net/
+(WIP) Terminal-like blog theme built from [Astro](https://astro.build)
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
-## 🌌 Features
-- Minimal, terminal like
-- Ship only necessary JavaScript
-- Full text search based on `Fuse.js`
-- Full text RSS
-- Create Blogrolls via a yaml file
-- Your status at Fediverse, now at your home
-- Comments powered by multiple engines
+## 🚀 Project Structure
 
-## 🚀 Getting Started
-clone the repo and install dependencies:
+Inside of your Astro project, you'll see the following folders and files:
 
-```bash
-git clone https://git.gb0.dev/gb/mercury.git
+```text
+/
+├── public/
+│   └── favicon.svg
+├── src/
+│   ├── layouts/
+│   │   └── Layout.astro
+│   └── pages/
+│       └── index.astro
+└── package.json
 ```
-```bash
-cd mercury && pnpm install
-```
-run the dev server:
 
-```bash
-pnpm run dev
-```
-open [localhost:4321](http://localhost:4321) in your browser.
-
-## 🔧 Usage
-All you need is editing the `astro.config.mjs`'s site & base.
-
-For further config, edit `src/config.ts` according to the comment.
-
-To start writing, put your markdown & mdx files to /src/content/posts folder.
-
-To create a page, put markdown files into /src/content/pages folder.
-
-Shortcode-like components is also available at /src/components/shortcodes folder.
+To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
 
 ## 🧞 Commands
 
@@ -57,7 +37,4 @@ All commands are run from the root of the project, from a terminal:
 
 ## 👀 Want to learn more?
 
-See the post [🕊](). I hope you like it. 💜
-
-## ⚖️ License
-GNU Affero Public License 3.0
+Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

src/components/shortcodes/Spoiler.astro

@@ -1,21 +1,11 @@
 ---
 const { tip = '' } = Astro.props
 ---
+{/* TODO: make it work in paragraph wrapped elements */}
 <span class="spoiler" title={tip}>
     <slot/>
 </span>
 <style>
-    :global(.spoiler p) {
-        background-color: #252525;
-        color: #252525;
-        transition: color 0.5s;
-        width: fit-content;
-    }
-
-    :global(.spoiler:hover p) {
-        color: #ffffff;
-    }
-
     .spoiler {
         background-color: #252525;
         color: #252525;

src/content/pages/test.mdx

@@ -14,9 +14,4 @@ testestestest
     ~~This is the content of the spoiler.~~
 </Spoiler>
 
-<Spoiler tip="Spoiler Title">
-    ~~This is the content of another spoiler.~~
-</Spoiler>
-
-
 <FediStatuses instanceDomain='portal.gb0.dev' userId='me' />