minor changes to readme, uses, blog posts share buttons

README.md

@@ -1,22 +1,37 @@
-# lucasdsalves.com
+# [lucasdsalves.com](https://www.lucasdsalves.com/)
 
-## Stacks
+This is my personal website built with the following stacks:
 
-- [React](https://react.dev/)
 - [Next.js](https://nextjs.org/)
 - [Vercel](https://vercel.com)
 - [Tailwind CSS](https://tailwindcss.com/)
-- [MDX](https://mdxjs.com/)
+- [Markdown](https://mdxjs.com/)
 
-## Installation
+<kbd>
+<img src="./public/static/images/demo.png" border="1">
+</kbd>
+
+## Running it locally 🏃‍♂️🏠
+
+1. Clone the project
 
 ```bash
-npm install
+git clone https://github.com/lucasdsalves/lucasdsalves.com.git
+```
+
+2. Go to the project folder
+
+```bash
+cd lucasdsalves.com
 ```
 
-## Development
+3. Install dependencies
+
+```bash
+npm install
+```
 
-First, run the development server:
+4. Run the development server:
 
 ```bash
 npm start
@@ -28,4 +43,46 @@ or
 npm run dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+5. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+## Project structure 🏗️
+
+```bash
+📦 root
+├── 📁 components             # React files to customize the components for the site
+├── 📁 css                    # Tailwind and Prism CSS files
+├── 📁 data                   # Files to change the content of pages
+│ ├── 📁 authors              # Markdown files for authors of blog
+│ ├── 📁 blog                 # Markdown files for blog posts
+├── 📁 layouts                # JS Layouts for pages
+├── 📁 lib                    # Non-react modules
+├── 📁 pages                  # All page files for website
+├── 📁 public                 # Static files for images, rss, and assets
+│ ├── 📁 static               # Holds images, favicons, and other assets
+│ │ ├── 📁 favicon            # Favicon files
+│ │ └── 📁 images             # Image Files
+│ ├── 📝 feed.xml             # RSS feed
+├── 📁 scripts                # Scripts to run for different tasks
+├── 📝 tailwind.config.js     # Contains tailwind stylesheet to change the look
+└── 📝 next.config.js         # Configuration related to Next.js
+└── 📝 prettier.config.js     # Configuration related to Prettier
+```
+
+## Composing a new post ✏️
+
+Run `node ./scripts/compose.js` to bootstrap a new post.
+
+## Inspiration and template origin 💡
+
+This website was built based on [Timothy Lin](https://github.com/timlrx) template [Tailwind Nextjs Starter Blog](https://github.com/timlrx/tailwind-nextjs-starter-blog).
+
+Inspired by:
+
+- [dalelarroder.com](https://dalelarroder.com) - Dale Larroder's personal website and blog
+
+- [sabare.me](https://sabare.me/) - Victor Sabare's personal website and blog
+- [zenorocha.com](https://zenorocha.com) - Zeno Rocha's personal website and blog
+
+## Licence 🗞️
+
+[MIT](https://github.com/lucasdsalves/lucasdsalves.com/blob/main/LICENSE) © [Lucas dos Santos Alves](https://www.lucasdsalves.com)

data/authors/uses.md

@@ -64,10 +64,21 @@ github: https://github.com/lucasdsalves
       <li>
         [Oh My Posh](https://ohmyposh.dev/) styling
       </li>
+      <li>
+        [Chocolatey](https://chocolatey.org/) as package manager for Windows
+      </li>
     </ul>  
   </li>
 </ul>
 
+## Photographs
+
+<ul>
+  <li>
+   📷 [My photos gallery in VSCO](https://vsco.co/lucasdsalves)
+  </li>
+</ul>
+
 ## Watches
 
 <ul>

data/blog/building-personal-website.mdx

@@ -47,6 +47,8 @@ However, I saw how powerful Next.Js was and found out I could quickly build and
 
 I discovered Next.Js after hearing from <a href="https://twitter.com/zenorocha" target="_blank">@zenorocha</a>
 
+![SecondBlogVersion](/static/images/posts/blog-version-2.png)
+
 ## The end?
 
 Probably, that's not the end.

layouts/PostLayout.js

@@ -84,9 +84,6 @@ export default function PostLayout({ frontMatter, authorDetails, next, prev, chi
                   <TwitterShareButton url={postUrl} title={title} via="lucasdsalves">
                     <TwitterIcon size={32} round={true} />
                   </TwitterShareButton>
-                  <FacebookShareButton url={postUrl} quote={title} caption="Share on Facebook">
-                    <FacebookIcon size={32} round={true} />
-                  </FacebookShareButton>
                   <WhatsappShareButton url={postUrl} title={title}>
                     <WhatsappIcon size={32} round={true} />
                   </WhatsappShareButton>
@@ -113,14 +110,6 @@ export default function PostLayout({ frontMatter, authorDetails, next, prev, chi
                   <PocketShareButton url={postUrl} title={title}>
                     <PocketIcon size={32} round={true} />
                   </PocketShareButton>
-                  <button
-                    onClick={() =>
-                      navigator.clipboard.writeText(`${siteMetadata.siteUrl}/blog/${slug}`)
-                    }
-                    title="Copy post link to clipboard"
-                  >
-                    <AppIcons kind="clipboard" size="5" />
-                  </button>
                 </div>
               </div>
             </div>