feat: Initial blog adjustments for my personal config

components/Footer.js

@@ -9,21 +9,31 @@ export default function Footer() {
         <div className="mb-3 flex space-x-4">
           <SocialIcon kind="mail" href={`mailto:${siteMetadata.email}`} size="6" />
           <SocialIcon kind="github" href={siteMetadata.github} size="6" />
-          <SocialIcon kind="facebook" href={siteMetadata.facebook} size="6" />
-          <SocialIcon kind="youtube" href={siteMetadata.youtube} size="6" />
           <SocialIcon kind="linkedin" href={siteMetadata.linkedin} size="6" />
           <SocialIcon kind="twitter" href={siteMetadata.twitter} size="6" />
         </div>
         <div className="mb-2 flex space-x-2 text-sm text-gray-500 dark:text-gray-400">
-          <div>{siteMetadata.author}</div>
-          <div>{` • `}</div>
           <div>{`© ${new Date().getFullYear()}`}</div>
-          <div>{` • `}</div>
           <Link href="/">{siteMetadata.title}</Link>
         </div>
-        <div className="mb-8 text-sm text-gray-500 dark:text-gray-400">
-          <Link href="https://github.com/timlrx/tailwind-nextjs-starter-blog">
-            Tailwind Nextjs Theme
+        <div className="mb-8 flex flex-col space-x-2 text-sm text-gray-500 dark:text-gray-400 md:flex-row">
+          <Link
+            className="hover:text-primary-600 hover:underline dark:hover:text-primary-600"
+            href="/"
+          >
+            home
+          </Link>
+          <Link
+            className="hover:text-primary-600 hover:underline dark:hover:text-primary-600"
+            href="/blog"
+          >
+            blog
+          </Link>
+          <Link
+            className="hover:text-primary-600 hover:underline dark:hover:text-primary-600"
+            href="/about"
+          >
+            about
           </Link>
         </div>
       </div>

components/LayoutWrapper.js

@@ -15,13 +15,11 @@ const LayoutWrapper = ({ children }) => {
           <div>
             <Link href="/" aria-label={siteMetadata.headerTitle}>
               <div className="flex items-center justify-between">
-                <div className="mr-3">
+                {/* <div className="mr-3">
                   <Logo />
-                </div>
+                </div> */}
                 {typeof siteMetadata.headerTitle === 'string' ? (
-                  <div className="hidden h-6 text-2xl font-semibold sm:block">
-                    {siteMetadata.headerTitle}
-                  </div>
+                  <div className="hidden h-6 text-2xl font-semibold sm:block">lucasdsalves</div>
                 ) : (
                   siteMetadata.headerTitle
                 )}

components/ScrollTopAndComment.js

@@ -24,7 +24,7 @@ const ScrollTopAndComment = () => {
     <div
       className={`fixed right-8 bottom-8 hidden flex-col gap-3 ${show ? 'md:flex' : 'md:hidden'}`}
     >
-      {siteMetadata.comment.provider && (
+      {/* {siteMetadata.comment.provider && (
         <button
           aria-label="Scroll To Comment"
           type="button"
@@ -39,7 +39,7 @@ const ScrollTopAndComment = () => {
             />
           </svg>
         </button>
-      )}
+      )} */}
       <button
         aria-label="Scroll To Top"
         type="button"

css/prism.css

@@ -70,13 +70,13 @@
 
 .token.symbol,
 .token.property {
-  color: rgb(128, 203, 196);
+  color: rgb(207, 250, 254);
 }
 
 .token.tag,
 .token.operator,
 .token.keyword {
-  color: rgb(127, 219, 202);
+  color: rgb(207, 250, 254);
 }
 
 .token.boolean {

data/authors/default.md

@@ -1,16 +1,71 @@
 ---
-name: Tails Azimuth
-avatar: /static/images/avatar.png
-occupation: Professor of Atmospheric Science
-company: Stanford University
-email: [email protected]
-twitter: https://twitter.com/Twitter
-linkedin: https://www.linkedin.com
-github: https://github.com
+name: Lucas dos Santos Alves
+avatar: /static/images/profile.jpg
+occupation: Software Developer
+email: [email protected]
+twitter: https://twitter.com/lucasdsalves
+linkedin: https://www.linkedin.com/in/lucasdossantosalves/
+github: https://github.com/lucasdsalves
 ---
 
-Tails Azimuth is a professor of atmospheric sciences at the Stanford AI Lab. His research interests includes complexity modelling of tailwinds, headwinds and crosswinds.
+I am a Brazilian developer based in <b>São Paulo, Brazil</b>, passionate about technology and innovation.
 
-He leads the clean energy group which develops 3D air pollution-climate models, writes differential equation solvers, and manufactures titanium plated air ballons. In his free time he bakes raspberry pi.
+I'm currently working as a <b>.NET Developer</b> at Cyrela, a Brazilian real estate company.
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.
+I have a <b>Bachelor's in Information Systems</b> and an <b>MBA in Project Management</b>. I joined the development world in 2019. Before that, I had previous experiences in IT services/IT infrastructure, and IT project areas.
+
+I love coffee, photography, and traveling.
+
+Also, I'm a big fan of Santos FC and the Green Bay Packers.
+
+## Career
+
+**.NET Developer** <br />
+<a href="https://www.cyrela.com.br/" target="_blank">Cyrela</a> • São Paulo, Brazil <br />
+Mar 2022 - Present
+
+**.NET Developer** <br />
+<a href="https://www.wipro.com/" target="_blank">Wipro</a> • São Paulo, Brazil <br />
+Dec 2020 - Mar 2022
+
+**.NET Developer** <br />
+<a href="https://www.cognizant.com/" target="_blank">Cognizant</a> • São Paulo, Brazil <br />
+Aug 2019 - Dec 2020
+
+**Project Management Officer (PMO)** <br />
+<a href="https://atos.net/" target="_blank">Atos</a> • São Paulo, Brazil <br />
+Mar 2018 - Nov 2018
+
+**Client Service Analyst** <br />
+<a href="https://atos.net/" target="_blank">Atos</a> • São Paulo, Brazil <br />
+Sep 2017 - Mar 2018
+
+**IT Infrastructure Analyst** <br />
+<a href="https://fiap.com.br/" target="_blank">FIAP</a> • São Paulo, Brazil <br />
+Jan 2017 - Sep 2017
+
+**IT Support Analyst** <br />
+<a href="https://fiap.com.br/" target="_blank">FIAP</a> • São Paulo, Brazil <br />
+Feb 2013 - Jan 2017
+
+**Internship** <br />
+<a href="https://fiap.com.br/" target="_blank">FIAP</a> • São Paulo, Brazil <br />
+Feb 2011 - Jan 2013
+
+## Academic History
+
+**Project Management, MBA** <br />
+<a href="https://portal.fgv.br/" target="_blank">FGV</a> • São Paulo, Brazil <br />
+Mar 2018 - Feb 2020
+
+**Bachelor of Information Systems** <br />
+<a href="https://www.fiap.com.br/" target="_blank">FIAP</a> • São Paulo, Brazil <br />
+Jan 2012 - Dec 2015
+
+## Certification
+
+Microsoft Certified: Power Platform Fundamentals - PL-900 • <a href="https://www.credly.com/badges/7b2fa71d-02dd-4972-afa9-df24b979be7f" target="_blank">View credential</a><br />
+Microsoft Certified: Azure Fundamentals - AZ-900 • <a href="https://www.credly.com/badges/ed63080e-3822-4693-9633-1f3c3f34e594" target="_blank">View credential</a><br />
+Professional Scrum Master I • <a href="https://www.credly.com/badges/c9b28761-bee8-4138-b76f-a045cc1266ac" target="_blank">View credential</a> <br />
+Management 3.0 Fundamentals <br />
+ITIL V3

data/blog/building-personal-website.mdx

@@ -0,0 +1,57 @@
+---
+title: 'Building a personal website'
+date: '2022-12-11'
+tags: ['tech']
+draft: false
+summary: 'How I built my personal website'
+---
+
+I think it's very important to own your brand and have a domain online these days.
+
+When building your own website:
+
+- You can create a portfolio and build your image online
+- You can explore different stacks from the ones you are using on a daily basis
+- Lead with all aspects of a production app - buy a domain, choose a stack, how you're gonna host it, costs, devOps
+- You can build things on your way - there's no daily meeting to report your progress ;)
+
+Here's the journey of my personal website.
+
+## Version 1 (2021 - 2022)
+
+The first version of my website was written in plain **HTML** and **CSS** with a few events in **JavaScript**. It was a one page site deployed on **Firebase**.
+
+It was built after watching a tutorial from
+
+<a href="https://www.youtube.com/@Bedimcode" target="_blank">
+  @Bedimcode
+</a>
+
+<br />
+
+![FirstBlogVersion](/static/images/posts/blog-version-1.png)
+
+## Version 2 (2022 - current)
+
+That's the current version of my website.
+
+Everything is powered by **Next.Js** and components are written using **React**. Blog posts are written using **Markdown**.
+Deployment is made through **Vercel**.
+
+_Am I a React expert? Not at all!_
+
+I'm a guy from backend using C# and .NET.
+And, sincerely, I'm more familiar with Angular than React.
+
+However, I saw how powerful Next.Js was and found out I could quickly build and deploy a blog combined with Vercel. That was my need at the moment. And of course, I saw it as an opportunity to learn the stack.
+
+I discovered Next.Js after hearing from <a href="https://twitter.com/zenorocha" target="_blank">@zenorocha</a>
+
+## The end?
+
+Probably, that's not the end.
+My current website version is totally fresh and I'll be working to evolve it.
+
+What about you? Ready to build your website?
+
+Already have one? Share your thoughts!