little additions yay

EllianCarlos · Aug 23, 2024 · b175741 · b175741
1 parent 789263b
commit b175741
Show file tree

Hide file tree

Showing 10 changed files with 153 additions and 55 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,4 @@ node_modules
 .config
 public
 .upm
-dist
+dist
diff --git a/README.md b/README.md
@@ -0,0 +1,8 @@
+[![Netlify Status](https://api.netlify.com/api/v1/badges/703975f3-d832-4bd3-8051-d6ca4f375a5a/deploy-status)](https://app.netlify.com/sites/serene-lollipop-e973ed/deploys)
+# My website!
+Heey
+
+# 
+
+# Build Website
+`pnpm install && pnpm run build`
diff --git a/flake.lock b/flake.lock
diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "build": "eleventy",
     "start": "eleventy --serve",
-    "clean": "rm -rf _site"
+    "clean": "rm -rf dist"
   },
   "dependencies": {
     "@11ty/eleventy": "^2.0.1"

diff --git a/src/_includes/footer.njk b/src/_includes/footer.njk
@@ -1,4 +1,10 @@
-<footer class="container-fluid">
-    <p>Social: github; linkedin</p>
-    <p>Copyleft <a class="secondary" href="/">elliancarlos</a></p>
-</footer>
+<footer class="container">
+    <p>Social: 
+      <a class="social" target="_blank" rel="noreferrer noopener" href="https://www.github.com/elliancarlos">github</a>; 
+      <a target="_blank" rel="noreferrer noopener" href="https://www.linkedin.com/in/elliancarlos">linkedin</a>
+    </p>
+    <p>This page was inspired by 
+      <a target="_blank" rel="noreferrer noopener" href="https://m7.rs/">misterio's page</a>; 
+    </p>
+    <p>Copyleft <a class="secondary" href="https://www.elliancarlos.com.br">elliancarlos</a></p>
+</footer>
diff --git a/src/_includes/header.njk b/src/_includes/header.njk
@@ -1,10 +1,18 @@
-<header class="container-fluid">
-    <h1 class="title"><a  class="title" href="/">elliancarlos</a></h1>
+<header class="container">
+    <h1 class="title">
+      <span class="contrast">➜</span> 
+      <span class="primary">~</span>
+      <a href="/" class="maintitle">
+        <div class="maintitle">
+          elliancarlos 
+        </div>
+      </a>
+    </h1>
     <nav>
         <ul>
-            <li><a href="/aboutme">aboutme</a></li>
+            <li><a href="/cv">cv</a></li>
             <li><a href="/blog">blog</a></li>
             <li><a href="/contact">contact</a></li>
         </ul>
     </nav>
-</header>
+</header>
diff --git a/src/_includes/layouts/layout.njk b/src/_includes/layouts/layout.njk
@@ -5,35 +5,19 @@
   <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="color-scheme" content="light dark" />
-  <title>blogellian</title>
-  <link
+  <title>elliancarlos</title>
+    <link
   rel="stylesheet"
   href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
-/>
-  <style>
-  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
-
-    :root {
-      --pico-font-family: "Montserrat", sans-serif;
-      --pico-font-weight: 500;
-      --pico-typography-spacing-vertical: 0.4rem;
-    }
-
-    a.title {
-      --pico-text-decoration: none;
-      --pico-color: #7569DA;
-    }
-
-    a.title:hover {
-      --pico-text-decoration: none;
-      --pico-color: #DA7569;
-    }
-    
-  </style>
+>
+  <link 
+      rel="stylesheet"
+      href="style.css"
+      >
 </head>
 <body>
     {% include "header.njk" %}
-    <main class="container-fluid">
+    <main class="container">
         {{ content | safe }}
     </main>
     {% include "footer.njk" %}

diff --git a/src/index.njk b/src/index.njk
@@ -5,5 +5,5 @@ layout: layouts/layout.njk
 <section>
     <h1>Welcome to My Personal Blog</h1>
     <p>Sharing thoughts, ideas, and stories.</p>
-    <a href="/blog" class="button">Read the Blog</a>
+    <a href="/posts" class="button">Read the Blog</a>
 </section>
diff --git a/src/posts/my-tools-2024.md b/src/posts/my-tools-2024.md
@@ -4,6 +4,17 @@ date: 2024-06-25
 layout: layouts/post.njk
 ---
 
-# Tools I use 2024
+# What I use in 2024?
+
+I love testing and using new tools, in this year I'm using the following tools:
+
+- [NixOS](https://nixos.org/) for declarative builds and reproducible environments.
+- [Hyprland](https://hyprland.org/) on xwayland as my Desktop Environment. With [Waybar](https://github.com/Alexays/Waybar), [Wofi](https://hg.sr.ht/~scoopta/wofi) and the [Hypr Ecossystem](https://wiki.hyprland.org/Hypr-Ecosystem/)
+- [Neovim](https://neovim.io/) with [Lazy Vim](https://www.lazyvim.org/) as my developer environment.
+- [Intellij](https://www.jetbrains.com/pt-br/idea/) for Kotlin and Java development.
+- [Firefox](https://www.mozilla.org/pt-BR/firefox/new/) and [qutebrowser](https://qutebrowser.org/).
+- [Oh my zsh](https://ohmyz.sh/) on [Kitty](https://sw.kovidgoyal.net/kitty/)
+
+
+
 
-These are the tools I use lets rockkkkkkkkkkkkkk
diff --git a/src/style.css b/src/style.css
@@ -5,29 +5,49 @@ html {
   width: 100%;
 }
 
-#intro {
-  text-align: center;
-  padding: 2rem;
-}
-
-#blog-posts {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
 :root {
   --pico-font-family: "Montserrat", sans-serif;
   --pico-font-weight: 400;
   --pico-typography-spacing-vertical: 0.5rem;
 }
 
-.title {
-  text-decoration: none !important;
-  color: #007bff !important;
+.maintitle {
+  --pico-text-decoration: none;
+  --pico-color: var(--pico-primary);
+  color: var(--pico-contrast);
+  display: inline-block;
+}
+
+a.maintitle:hover {
+  --pico-text-decoration: none;
+  cursor: pointer;
+  display: inline-block;
+}
+
+.maintitle:hover {
+  animation: shake 0.30s 2;
+  display: inline-block;
 }
 
-footer {
-  text-align: center;
-  padding: 1rem;
-}
+@keyframes shake {
+ 0% { transform: translateX(0) }
+ 12% { transform: translateX(2px) }
+ 25% { transform: translateX(-2px) }
+ 50% { transform: translateX(2px) }
+ 66% { transform: translateX(-2px) }
+ 75% { transform: translateX(2px) }
+ 82% { transform: translateX(-2px) }
+ 100% { transform: translateX(0) }
+}
+
+.goto {
+  display: none;
+}
+
+.primary {
+  color: var(--pico-primary);
+}
+
+.contrast {
+  color: limegreen;
+}