add email

Author: nemanjam

package.json

@@ -31,13 +31,13 @@
     "dc:up": "docker compose up --build --force-recreate -d"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.2.5",
+    "@astrojs/mdx": "^4.2.6",
     "@astrojs/partytown": "^2.1.4",
-    "@astrojs/react": "^4.2.5",
+    "@astrojs/react": "^4.2.7",
     "@astrojs/sitemap": "^3.3.1",
     "@astrojs/tailwind": "^5.1.5",
     "@fontsource-variable/inter": "^5.2.5",
-    "astro": "^5.7.5",
+    "astro": "^5.7.10",
     "astro-embed": "^0.9.0",
     "astro-expressive-code": "^0.41.2",
     "astro-icon": "^1.1.5",
@@ -76,9 +76,9 @@
     "@types/lodash.debounce": "^4.0.9",
     "@types/mdast": "^4.0.3",
     "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.1",
-    "@typescript-eslint/eslint-plugin": "^8.31.0",
-    "@typescript-eslint/parser": "^8.31.0",
+    "@types/react-dom": "^19.1.3",
+    "@typescript-eslint/eslint-plugin": "^8.31.1",
+    "@typescript-eslint/parser": "^8.31.1",
     "eslint": "8.57.0",
     "eslint-config-prettier": "^10.1.2",
     "eslint-mdx": "^3.4.1",

src/components/Footer.astro

@@ -8,7 +8,7 @@ import { getLatestCommitInfo } from '@/libs/git';
 import { shortDate } from '@/utils/datetime';
 import { limitString, trimHttpProtocol } from '@/utils/strings';
 
-const { SITE_URL, AUTHOR_LINKEDIN, AUTHOR_GITHUB, REPO_URL } = CONFIG_CLIENT;
+const { SITE_URL, AUTHOR_EMAIL, AUTHOR_GITHUB, AUTHOR_LINKEDIN, REPO_URL } = CONFIG_CLIENT;
 const domain = trimHttpProtocol(SITE_URL);
 const messageLength = 15 as const;
 
@@ -41,6 +41,17 @@ const trimmedMessage = limitString(message, messageLength);
 
       <!-- right column -->
       <ul class="flex gap-2 flex-wrap xs:flex-nowrap lg:items-center">
+        <li>
+          <Link
+            href={`mailto:${AUTHOR_EMAIL}`}
+            title="Nemanja's email"
+            class="flex items-center gap-2 text-base xs:text-lg"
+            variant="nav"
+          >
+            <Icon name="mdi:email-outline" class="h-6 w-6 fill-current" />
+            <span>Email</span>
+          </Link>
+        </li>
         <li>
           <Link
             href={AUTHOR_GITHUB}

src/config/client.ts

@@ -21,7 +21,7 @@ const configClientData: ConfigClientType = {
   DEFAULT_MODE: 'light',
   DEFAULT_THEME: 'default-light',
   AUTHOR_NAME: 'Nemanja Mitic',
-  AUTHOR_EMAIL: 'email@email.com', // todo: use email
+  AUTHOR_EMAIL: 'nemanja.mitic.elfak@hotmail.com',
   AUTHOR_GITHUB: 'https://github.com/nemanjam',
   AUTHOR_LINKEDIN: 'https://www.linkedin.com/in/nemanja-mitic',
   AUTHOR_TWITTER: 'https://x.com/nemanja_codes',

src/pages/about.mdx

@@ -12,7 +12,9 @@ import LinkWithLabel from '../components/LinkWithLabel.astro';
 import Electronics1Image from '../assets/images/all-images/electronics1.jpg';
 
 
-export const { AUTHOR_GITHUB, AUTHOR_LINKEDIN, AUTHOR_TWITTER, AUTHOR_YOUTUBE } = CONFIG_CLIENT;
+export const { AUTHOR_EMAIL, AUTHOR_GITHUB, AUTHOR_LINKEDIN, AUTHOR_TWITTER, AUTHOR_YOUTUBE } = CONFIG_CLIENT;
+
+export const authorEmailHref = `mailto:${AUTHOR_EMAIL}`;
 
 {/* bellow SM image is full width of content so higher resolution image */}
 export const imageSizes = {
@@ -30,6 +32,7 @@ My hobbies are fishing, lure building, bicycling, playing guitar, composing in F
 
 If you want to contact me about coding, or if you need a companion for fishing or jamming, use the links below.
 
+<LinkWithLabel label="Email" href={authorEmailHref} title="Author's email" variant="link" >{AUTHOR_EMAIL}</LinkWithLabel>
 <LinkWithLabel label="GitHub" href={AUTHOR_GITHUB} title="Author GitHub profile" variant="link" />
 <LinkWithLabel label="LinkedIn" href={AUTHOR_LINKEDIN} title="Author LinkedIn profile" variant="link" />
 <LinkWithLabel label="Twitter" href={AUTHOR_TWITTER} title="Author Twitter profile" variant="link" />